Tag Archives: colour

The Invisible Design Behind the Apple Watch’s Many Faces | WIRED

ON FEBRUARY 10TH, 1982, in a room full of designers and engineers drinking champagne and eating cake, Steve Jobs called out the names of Apple’s Macintosh team. And one by one, beginning with motherboard engineer Burrell Smith, they signed their names to a large sheet of paper.

These 47 signatures—some in perfect script, others loopy and illegible, a few just hastily printed—would soon be inscribed on the inside of every Macintosh, etched into the hard plastic case. According to former engineer Andy Hertzfeld, whose signature is on that paper and whose business card during his time at Apple read “Software Wizard,” this was a natural course of events. “Since the Macintosh team were artists,” he wrote on his blog Folklore.org, “it was only appropriate that we sign our work.”

[…]

Yet what Dye seems most fascinated by is one of the Apple Watch’s faces, called Motion, which you can set to show a flower blooming. Each time you raise your wrist, you’ll see a different color, a different flower. This is not CGI. It’s photography.

“We shot all this stuff,” Dye says, “the butterflies and the jellyfish and the flowers for the motion face, it’s all in-camera. And so the flowers were shot blooming over time. I think the longest one took us 285 hours, and over 24,000 shots.”

[…]

He flips a few pages further into the making-of book, onto the first of several full-page spreads with gorgeous photos of jellyfish. There’s no obvious reason to have a jellyfish watch face. Dye just loves the way they look. “We thought that there was something beautiful about jellyfish, in this sort of space-y, alien, abstract sort of way,” he says. But they didn’t just visit the Monterey Bay Aquarium with an underwater camera. They built a tank in their studio, and shot a variety of species at 300 frames-per-second on incredibly high-end slow-motion Phantom cameras. Then they shrunk the resulting 4096 x 2304 images to fit the Watch’s screen, which is less than a tenth the size. Now, “when you look at the Motion face of the jellyfish, no reasonable person can see that level of detail,” Dye says. “And yet to us it’s really important to get those details right.”

The Watch’s faces are littered with such details. The Mickey Mouse face, which is an explicit update on the 1933 Mickey Mouse Watch from Ingersoll, was particularly complex. Select this face, and watch Mickey’s toe tap once per second, in perfect time. Line up a bunch of watches, Dye says, and they’ll all tap at exactly the same time. There’s no reason to point out that almost no one will ever fact-check this claim—he doesn’t care. He did it for the same reason Jony Ive has taken to personally designing the internals of the Mac. Details matter.

The Astronomy watch face is another of Dye’s favorites: it gives you a view of the Earth as if you were floating peacefully above it. Spin the Digital Crown and you see moon phases, the Earth’s rotation, and even the solar system. It’s a riff on the oldest method of telling the time just with digital stars and planets instead of those far-away real ones.

Dye points out the subtlety of this face. “When you tap on the Earth and fly over the moon: We worked really hard with our engineering team to make sure the path you take from your actual position on the Earth to where the moon is and seeing its phase, is true to the actual position of the Earth relative to the moon.”

Apple employees often use the word “inevitable” to describe their work. When Dye uses it, it’s self-deprecating, as if to say: ‘this was always the right answer, but it took us a while to figure that out.’ It’s true of even seemingly simple things, he says, like the concentric circles the Watch uses to display your fitness goals.

“I couldn’t tell you from a design perspective the number of iterations we did on those three rings.” The human interface team wanted to make it easy to see progress and activity for the day, but also to make you want to hit your goals. “We spent a year, and did far more studies… enough studies to kind of fill this wall, probably,” he says, gesturing to the giant glass walls of Apple’s Caffe Macs cafeteria. “Different ways that, at a glance, someone could understand that information, and easily assess where they’re at in their day, and hopefully in a really simple and visceral way feel like they accomplished something when they fill them up.” They arrived at three circles because there’s just something about a not-quite-complete circle that drives you just crazy enough to take those last 400 steps.

 

Eye Magazine | Feature | Meta’s tectonic man

Eye Magazine | Feature | Meta’s tectonic man.

Zurich-2.png

FF Meta on the ZVV Nighttime network map, Zurich

Invitation Retail Design Conference, 2012 (FF Meta Serif and FF Meta)

Invitation Retail Design Conference, 2012 (FF Meta Serif and FF Meta)

Stamo ‘Liberalisme’, Belgium, 1996

Stamo ‘Liberalisme’, Belgium, 1996

Book cover Hermann Hesse biography

Book cover Hermann Hesse biography (Suhrkamp)

Erik Spiekermann is a consummate pluralist. Able to move, seemingly without effort, between roles as a typographer, designer, writer, public speaker and merchandiser, he was once even a politician – A Green Party member of the Berlin Senate. Spiekermann is the author of Stop Stealing Sheep and Rhyme & Reason – two models of typographic rectitude for a lay audience – and the articulate upholder of standards of public design in many a conference lecture. He is the designer of Meta, one of the most successful typefaces of this decade, and founder of the typeface distribution company FontShop.

[…]

‘I am a typographic designer. A typographic designer starts from the word up; a graphic designer starts from the picture down.’

[…]

But how, then, does Spiekermann distinguish his approach from that of an avowed graphic designer such as Gert Dumbar?

‘Dumbar always uses space. He can’t have three-dimensional space because paper is flat, so instead he uses cross-sections – he dissects objects in space and puts them on the flat page. He is a spatial kind of image guy: he thinks in theatrical terms. I think in page terms. The page is the lowest common denominator of the book system. The page is the molecule and the atom is the word. You see, I read. I read before I design, and I write. I design outwards from words.’

[…]

His conversation is a stream of aphorism and metaphor. On national stereotypes in graphic design, for instance, we learn: ‘France is olive shaped; Holland is triangular, always very pointy and narrow; Germany is very square; and England is round.’ And on being a designer: ‘I am a servant, I’m not an artist. If I was an artist I would be oval, like an olive.’

As a typographic designer, however, Spiekermann is distinctively quadrilateral. His trademarks are a rectangular or braced bar that bleeds off the page and a palette of just two colours – black and red, in the craft tradition. While he is generous with words, Spiekermann is extremely parsimonious when dispensing colour, shape and typographic variation.

[…]

He has written that his intention for Meta was that it be ‘neutral design – not fashionable, nor nostalgic’, yet also ‘unmistakable and characteristic’. As far as is possible, these apparently mutually exclusive aims are resolved in the finished version. Meta has a News Gothic base – neutral – with an exaggerated contrast between bowl and counter-shapes for legibility and highly distinctive curved and flared (or ‘pseudo-serif’) stems. The fact that it has become the height of typographic fashion is ironic rather than blameworthy. Meta is a blue-collar typeface, workmanlike, practical, sleeves rolled up ready to do a job. It is well-balanced, neither pretty nor elegant, pragmatic but not unprincipled – not unlike its maker. Spiekermann is contemptuous of modern type which puts geometric harmony before contrast and therefore before legibility (he means Helvetica) and of highly formalised, theoretical design. ‘I detest Rotis,’ he says with enthusiasm. ‘It’s overstarched, too perfect. I like to leave some dirt in my work, some imperfection. That’s why I like deadlines and budgets, otherwise the work can be too finished.’

‘Legibility is not communication; but in order to communicate type has to be legible’ is a truism with which MetaDesign likes to decorate its stationery. Another company motto, ‘My role is to communicate my client’s message – not my own’, sounds self-righteous until Spiekermann elaborates by adding the notion of interpretation, removing the conceit of objectivity. ‘What I like to do most is to interpret a message so that people can understand it. At the same time I like to add colour, in the journalistic sense, by using colourful language, in my case visual language.’

This is another compromise, between the mechanical constraints of legibility and the creation of a pleasing visual narrative, or simply of variety – legibility is qualified by readability. Information design and public signage have usually been regarded as zones of pure functionality in which there is no need to persuade people to want to read. But according to Spiekermann, the communication of hard information may be enhanced rather than impaired by the stimulation of the brain’s emotional centres. The trick (the word is used advisedly, it implies sleight of hand) is to add colour without sacrificing clarity. You can see the theory in action in MetaDesign’s timetable for the BVG, with its simple elaborated typography bounded by tectonic elements – bars, arrows, circles, each doing a job of signage – and underlaid by a page-sized circle in a contrasting tint out of which the bus number is printed. There is a manifest danger that this will make the timetable harder to read, in direct proportion to the extra visual stimulus it provides. The dilemma is solved by the change of scale between the display and the text faces, which forces the eye to focus on one or the other, rarely both.

The same principle is applied to the signage system for the newly unified Berlin underground and overground railways. MetaDesign exploits the riot of colour provided by the inherited coding of 19 different S-bahn, U-bahn and regional lines and adds to it the favourite brew of squares, pictograms, arrows and bars to grab attention and indicate direction. The result is noisy, a striking contrast to, for instance, Vignelli’s frankly dreary scheme for Milan or his austere, industrial New York subway signage. Does it work? Nobody knows. Sitting and consistency of implementation are at least as important as typography in a system as complex as Berlin’s city transport, yet MetaDesign has had almost no control over the way its work has been used and there has been no systematic evaluation of its success through pilot programmes. Spiekermann regrets this, of course. Many signs are poorly positioned and carry too much information and he would like to know how effective the system is.

The problem with such projects lies in establishing the boundaries of graphic (or typographic) design: where does graphics end and behavioural science begin? And how are clients to be persuaded to give designers greater responsibility? MetaDesign has provided good answers to both these questions in its corporate design work. But in information design, where the client is usually a state enterprise or city council, political manoeuvring and committee mentality foster conservatism. Spiekermann continues to complain that what the subway signs say and where they are placed are beyond his control.

MetaDesign preceded its work for BVG with a subjective study of how people act on the underground. The designers went to the stations, looked and learned, yet Spiekermann remains suspicious of schemes based on objective scientific analysis: ‘You know what to do from experience and intuition. You don’t have to go down the research route. Cognitive science ignores the fact that people are fuzzy, meaning out of focus – they have all sorts of personal preoccupations and don’t all act the same way.’ Spiekermann prefers to rely on his ‘designer’s instinct’, his informal rationalism and non-aligned, undogmatic common sense. Though he can draw on empirical and quantative studies of legibility and has evolved his own heuristic approach to readability, these lack the force to move German bureaucracy.

To recognise that the education of clients is as important as the genius of the designer is to lose innocence, to mature. The complete designer must be acquainted with the baser skills of persuasion, cunning and diplomacy. Spiekermann, who possesses the first two but lacks the third, used to protest too much that jobs turned out badly because of the client’s short-sightedness. Now, when I ask him what are his ambitions for MetaDesign, he responds immediately: ‘We must become more professional.’ This means, for instance, that MetaDesign now employs a psychologist to orchestrate client presentations and to persuade the designers to work in teams.

[…]

The method which might be said to be grounded in the principles of typographic design, consists in devising a framework of constants and variables based on proportion, orientation, spatial arrangement, colour and, of course, type, which combine to form a distinctive but flexible system. ‘A system offers an infinite number of possibilities,’ observes Spiekermann, ‘and a scheme is dead.’

Proportion is the fundamental constant. ‘I always use what we call rational proportions,’ says Spiekermann. ‘There are 20 rational rectangles, for example. The golden section is one, the DIN section another, 2:3, 4:3, et cetera. Proportion is the common denominator of any page or surface and it provides the basic discipline, out of which we derive the grid, and then add colour: the grid for reason, the colour for emotion.’ But Spiekermann himself uses only two colours: red and black. He admits that his colour sense is undeveloped: ‘Maybe deliberately so, I don’t know. But I certainly don’t trust it. I know colours are emotional and I don’t want to make a statement exactly about it, but … ’. For once he is nonplussed, because MetaDesign and Spiekermann are no longer synonymous, though he remains its primary force. He recovers, ‘Uli is our colour woman. She’s absolutely brilliant. She spends half an hour with a Pantone book and comes up with amazing colour combinations.’

Colour is used in a confined way, almost always within rational shapes, most commonly the bar or broken rectangle. Usually Spiekermann – or rather MetaDesign, for all its designers follow the same principle – will bleed the bar to provide a dynamic tectonic element which defies the arbitrary confines of the page. This element is common to Spiekermann’s personal card, his type specimen sheets and forms for Berthold, MetaDesign’s stationery, the Berlin city identity, the identity for Cologne-based radio station WDR, the Berlin railway signage, et cetera. The BVG identity does not include the bleed, but only because the client forbade it.

We spent a long time talking about this device, long enough for Spiekermann to begin to bristle. ‘How can we spend so much time talking about a stupid piece of rectangle?’ But is there not a danger that the elements of the system are too repetitious? Might not the DIN style be replaced by an equally ubiquitous Spiekermann style?

The answer combines attack with defence. In attack: ‘The device is used for obvious reason. It’s tectonic: it’s a roof, it’s the slab across the door. The square denotes territory, and it works like a colon, pointing somewhere , and like a hand on a shoulder it is possessive, saying “this belongs to this”; it represents the corporate embrace.’ In defence: ‘I must admit I am always appalled when I’m doing another tectonic element, but the page is tectonic, the page is rectangular – I didn’t invent it. I agree with you, there is a danger. I have a very limited box of tricks, but it is because they are so obvious and so rational. Yet despite this few people use them because they are trying so hard to be clever or to excel, or they simply cannot see the obvious.’

‘Don’t forget,’ he adds, ‘that I have to stay within my cultural framework otherwise I won’t communicate.’ I am reminded that the cultural framework is German. I think of the Lufthansa in-flight magazine I flipped through on the plane, set in three sizes of one weight of Helvetica, looking about as convivial as a mail-order catalogue for plumbing equipment. It helps me to understand why, when contemplating acts of typographic non-conformity as minor as making 7 point caption type bolder rather than lighter, Spiekermann cannot help a devilish glint coming to his eye. In Germany there is a way of doing things and you diverge from the norm – The Deutsche Industrie Normen – only at your peril.

The strength and flexibility of MetaDesign’s systematic approach is evident in the brevity of its corporate design manuals, which tend to contain a set of principles rather than a dictionary of canon law in which the design of every last item of stationery, product packaging or delivery vehicle livery is set in stone. ‘An identity manual is not stable – it must react to change within the company,’ says Mayer. This approach is symptomatic of the way digital production has transformed the nature of corporate design. Creating systems for use by non-designers is now an increasingly important process, as is the implementation of production systems, the installation of templates, logotypes and pi-fonts, and putting database management systems in place. These are all skills Spiekermann has nurtured since his work with Berthold in the mid 1980s. MetaDesign’s practice is based on the belief that without due attention to this larger part of any corporate design programme – consultation, implementation, training and maintenance – its visible manifestation will be weak and incomplete. The method exposes the fallacy that graphic design is solely about the creation of good-looking visual images – here it is as much about enabling others to create. In stark contrast with the heroic designer / client relationship of the past in which the designer sought direct access to an aristocratic chief executive, MetaDesign seeks consultation at every level in order to command support and participation. As a consequence, its solutions have tended to towards distributed, modular forms and away from monolithic identities.

[…]

MetaDesign is marked by consistent ingenuity and quality – Qualität, to use the nation’s favourite expression – rather than by creativity or pictorial brilliance. Indeed, its pictorial work is sometimes heavy and unimaginative by British or Dutch standards, but like Spiekermann himself, most of its designers are trained to start from the word rather than from the image. As Spiekermann says, ‘I provide the grammar. I’m the modest guy in the background. Nobody ever said, “Wow, what a great grid”.’

MetaDesign’s character is derived to a large extent from Spiekermann’s own motivation, which is the promotion of a high standard of public life rather than the private pursuit of transient beauty. He says he became a designer to change things that annoyed him as a citizen: ‘I use the underground every day, I use forms every day, I use my city every day. Street furniture, signage advertising – their standard is a measure of the quality of life. That’s why design, that kind of design, is so important to me – it is the interpreting of data, it is making the world accessible.’

[…]

Spiekermann is clearly happiest when the words he communicates can be seen to serve the public good. I suspect that in this respect, he is a citizen before he is a designer. He undoubtedly adheres to notions of ‘good taste’ and is something of an aesthete, but if the typographic designer in him has any moral superiority, it lies in his conviction that the meaning of words is more important than how they look. What words look like matters so that they will be noticed and understood. For Spiekermann, typographic rigour is about the preservation of literacy and efficient communication and not, as with some other sticklers in his own country and abroad, a fetish for what is pure and correct.

Club scene – Black Swan

Club images manipulated by Ray Lewis (Black Swan) on Vimeo on Vimeo

“I was asked to create this night club sequence for Darren Aronofsky’s “Black Swan”. I needed to reflect the mental state of the main character. I used Photoshop to add subtle subliminal images and repeat images from the film to create a disturbing scene.”

Why the World Cup always reminds me that the yellow card is a brilliant object.: Design Observer

Why the World Cup always reminds me that the yellow card is a brilliant object.: Design Observer.

As objects go, it doesn’t look like much. It’s, you know, a yellow card. But when theatrically brandished by an official, almost literally in the face of a player who has done something uncool, it has wild power. It sets off a stadium-full of whistling, and cartoonish arm-flailing from the carded player and his colleagues. A yellow card has real consequences: Possession, a free kick, and the possibility that if the carded competitor blunders again he’ll leave his team understaffed for this match, and will sit out the next.

It strikes me as more interesting than the other penalty card, the red. That one results in instant ejection, in response to some plainly egregious act. Its presentation is memorable, of course. But the yellow card is both more ambiguous and more humane. It’s a warning: There’s trouble; but it could be worse.

According an item on FIFA’s site, the penalty-card notion was invented by an official named Ken Aston, in the wake of a 1966 World Cup quarterfinal match between England and Argentina. Apparently there was some controversy about whether the referee had clearly communicated penalty warnings leveled against two English players:

It started a train of thought in Aston’s head too. He began to think about ways to avoid such problems in the future. “As I drove down Kensington High Street, the traffic light turned red. I thought, ‘Yellow, take it easy; red, stop, you’re off’.”

Yellow and red penalty cards became part of the World Cup in 1970, and are of course now a routine element of soccer and (according to Wikipedia, anyway) a number of other sports.

The cards are a such a brilliant solution to the problem of making sure a penalty has been adequately signaled — they transcend language; they’re clear not just to everyone on the field, but in the stadium, or watching on a screen — that it’s hard to imagine the game without them.

Moreover (and this is the line of thought that idle World Cup moments lead me to every four years), I semi-seriously wish we could port the card system into daily life. Imagine a yellow card as a warning to the shop employee whose insolence is getting close to inspiring a boycott; to the dinner companion whose habit of checking his phone is on the verge of becoming a friendship-ender; to the aggressive tailgater who is just about to inspire a road-rage incident.

A Japanese Artist Launches Plants Into Space

A Japanese Artist Launches Plants Into Space.

“Flowers aren’t just beautiful to show on tables,” said Azuma Makoto, a 38-year-old artist based in Tokyo. His latest installation piece, if you could call it that, takes this statement to the extreme. Two botanical objects — “Shiki 1,” a Japanese white pine bonsai suspended from a metal frame, and an untitled arrangement of orchids, hydrangeas, lilies and irises, among other blossoms — were launched into the stratosphere on Tuesday in Black Rock Desert outside Gerlach, Nevada, a site made famous for its hosting of the annual Burning Man festival. ”I wanted to see the movement and beauty of plants and flowers suspended in space,” Makoto explained that morning.

[…]

“The best thing about this project is that space is so foreign to most of us,” says Powell, “so seeing a familiar object like a bouquet of flowers flying above Earth domesticates space, and the idea of traveling into it.”

[…]

He started with an aerial plant tied to a six-rod axis and studiously added peace lilies, poppy seed pods, dahlias, hydrangeas, orchids, bromeliads and a meaty burgundy heliconia. “I am using brightly colored flowers from around the world so that they contrast against the darkness of space,” he said. The scent of the flowers was stronger and more concentrated in the dry desert breeze than in their humid, natural environments, and the launch site was redolent with their perfume. Makoto worked quietly, until the metal rods were covered completely with plants. Then he directed his attention to his bonsai. For this particular project, Makoto chose a 50-year-old pine from his collection of more than 100 specimens, and flew it over from Tokyo in a special box. While readying it for space, he kept it moist and removed a few brown needles with a tweezer.

[…]

Using Styrofoam and a very light metal frame, Powell and his volunteers had created two devices to attach the bonsai and the flowers, which would launch separately. JP’s volunteers and Makoto’s team worked to calibrate still cameras, donated by Fuji Film for this project, and six Go Pro video cameras tied in a ball that would record the trip into the stratosphere and back in 360 degrees. There were two different tracking systems on each device, one a Spot GPS tracker that would help locate the vessel once it fell down back to Earth, and the other that recorded altitude and distance traveled from the launch site. A radio transmitted the data to a computer array in a van. While the crew waited, Makoto took a red carnation, drilled a hole in a crack of the arid, sandy soil and planted it there. It was his nod to the huge red sun that had started to come up.

[…]

Away 101 went to 91,800 feet, traveling up for 100 minutes until the helium balloon burst. It fell for 40 minutes; two parachutes in baskets opened automatically when there was enough air in the atmosphere to soften impact. Away 100, which held the arrangement, made it up to 87,000 feet. Both devices were retrieved about five miles from the launch site. The bonsai and flowers, though, were never found.