Category archives for "design"

Visuals in El Capitan

I’m not the first to say that in Yosemite this entry field looks like a button, but since in El Cap made the buttons more like buttons, it’s even worse. Mind you, I was fine with Yosemite, but I feel the next iteration is a step backward. In El Cap there is a subtle gradient, and the visuals had been changed also – to be even more like buttons. I don’t understand why. Why fix something that wasn’t broken?

See what’s next

Client: Netflix
Strategy: Gretel
Design + Animation: Gretel
Typefaces: Gotham Bold, Gotham Book

And then some:

Netflix needed a brand through-line: a conceptual and visual thread to connect everything. Our challenge was to create something broad enough for a global brand but still unique and identifiable. To create something variable yet systematic and bulletproof. It had to be visually striking, adapt to any format, and hold up to interpretation by agencies and vendors around the globe.

Our solution: The Stack, a visual metaphor and an identity system in one.

It’s worth paying attention to this. E pluribus unum.

Adobe releases Acumin

Sally Kerrigan over at TypeKit:

Coming in with a staggering 90 different weights and styles, the Acumin family is the latest typeface from Robert Slimbach, the principal designer at Adobe Type. It’s our pleasure to add this to our library for use on the web and for syncing. (…) Type historian John Berry wrote an extraordinary background on the history of neo-grotesques and the design process that Robert went through to shape Acumin. Take a look at the Acumin site for more details, as well as suggestions from Robert about usage and an interactive type specimen.

She is not kidding, the Acumin site is amazing, I’ll set some time aside to enjoy it from A to Z. It’s so great that with my Creative Cloud subscription I’m able to use this font right away.

iOS 9 GUI from Facebook design

Ever since Teehan+Lax transformed into something different and Facebook-ish, I’ve been all but wonder: what’ll happen to their otherwise fantastic iOS GUI Sketch? Good news is that it’s part of Facebook Design now and it is now meticulously recreated for iOS 9. You can download the whole thing here.

There is more: they made available the diverse Origami device hands, which is also excellent for design work, and they have a good spot for learning about the design at Facebook.

The hardest thing to do

I once tried to build a meaningful Quake level, it didn’t work out. I wasn’t planning the level structure, I got lost in the details, it was a mess, I gave up. With Super Mario Maker, the challenge, although it’s just 2D instead of 3D, still stands. You tought sprite drawing is hard? Level designing is hard. Here is a portion of the World 1-3 from the original NES Mario:

They did this on paper in 1985. Every level has a consistent theme, fits to the gameplay progression, scale to the characters attributes, and more importantly, is fun to play. The goombas drop to the lower platform just about the time you reach that part, there are coins scattered around, but not too many, often there are multiple paths you can take. Sometimes the power-up is not hidden in the harder path, but is in plain sight. The level occasionally contains a simple bonus room to collect items.

Looking at it from the outside, everything feels natural. That’s what I find the hardest to do: designing something that feels natural to the user. Whenever it’s the use of keyboard shortcuts, onboarding a software or presenting options, taking away the frustration until it feels natural is incredibly hard.

The other day I watched a recorded video of Roger Federer practicing. You know, where he’s not hitting power shots but, just sparring. It seems effortless. It feels simple. He doesn’t seem to move his legs, a couple of steps here and there, he doesn’t seem to put much effort into the shots, but they do go to the baseline with a huge kick. It looks like this is the most trivial way to play tennis: you go out there and hit some balls, then they’ll end up at the other baseline with a fat topspin.

NASA’s Graphic Standard Manual is now available for download

A couple of days ago NASA decided to release the iconic 1974 guide by designers Richard Danne and Bruce Blackburn. The iconic “Worm” logo and the graphic system was rescinded by NASA in 1992.

Why release the PDF now? It may have a connection to designers Jesse Reed and Hamish Smyth who are reproducing this wonderful piece of graphic design manual in 2015. They bootstrapped it over on Kickstarter with an enourmous success. This is what they have to say:

As design nerds, we think the Worm is almost perfect, and the system behind it is a wonderful example of modernist design and thinking.

But for everyone, we think the Worm and its design system represent an agency whose goal is to explore space and push the boundaries of science. Where the Meatball feels cartoon-like and old fashioned; the worm feels sleek, futuristic, forward-thinking. All good things for a space agency at the bleeding-edge of science and exploration.


Rendering of the NASA Graphics Standards Manual Reissue.

Detail of page 2.14, NASA Red: Color Swatches.

I suggest you watch their pitch video as well, it’s beyond awesome.

8 Reasons to Turn Down That Startup Job

Mike Monteiro:

You might have been the greatest design student at your school, and you still have no idea how to be a designer. At best, you’ve picked up a very strong set of formal and aesthetic skills which will serve as a foundation to become a designer. But you’ve never dealt with a client or a boss, you’ve never had to sell an idea. You’ve never dealt with having to convince your engineering team of why something was important, you’ve never learned to say no to a bad request, you’ve never had to gather requirements, and you’ve most likely never interviewed a user.

It’d be interesting to work with Monteiro. I have a fear that working with him and the perception of his public persona isn’t the same. Interesting post nonetheless, I like his polarizing, hard ass world where the designers are KING and they can demand money at will.

Sketch Flex Layout

Itt van ez a kép:

Mi lenne, ha a jobb oldalán szerkeszteni lehetne a CSS-t és azonnal változna a Sketch is hozzá? Nos, Matej Hrescak Facebook Product Designer elkezdett csinálni egy repót Sketch Flex Layout néven pontosan erre a problémára. Még csak most kezdte, viszont ígéretes kezdeményezés amivel sok-sok időt spórolhatunk meg és nem kell mindent újrarakni. A fenti kép egyébként a felvezető Medium posztból származik, ott érdemes nézni folyamatában a dolgot.

/via @thehedgehog

Charles Eames: What is Design

“1) If this area represents the interest and concern of the design office
2) and this the area of genuine interest to the client
3) and this the concerns of society as a whole
4) then it is in this area of overlapping interest and concern that the designer can work with conviction and enthusiasm.
NOTE: these areas are not static — they grow and develop as each one influences the others.
NOTE: putting more than one client in the model builds the relationship — in a positive and constructive way.”

Charles Eames: What is Design (1969), Statement of the Eames Design Process

FontShop redesign

Egyrészt nagyon szép és kulturált lett az új site-juk, másrészt gyakorlatilag tényleg mindent elkövetnek, hogy az ember minél kényelmesebben és minél nagyobb örömmel érezze azt, hogy náluk kell elkölteni a pénzt. Öröm az ilyen.

Fira for OS X

Jens Kutilek újracsomagolta a Mozilla OS betűtípusát a Firát, hogy egy vonzó alternatívát kínáljon a Yosemite rendszerbetűjét, a Helveticát nem kedvelőknek.

Az általam ismert Maces, de mobil eszközök tekintetében egyébként vígan Androidozó ismerőseim, kapva kaptak az alkalmon és ugrottak rá a kérdésre. Szabó Gergő ráadásul linkel a munkáltatójának egy blog bejegyzésére, ahol Alissa Walker próbálja összeszedni a nagy designerek finnyogását az új rendszerbetű miatt.

Nem pontosan értem a kérdést, illetve a problémát.

Eleve úgy tűnik, mintha ezek az emberek még nem láttak volna iOS-t, ahol már egy ideje bevezetésre került a Helvetica Neue egy képernyőre optimalizált rendszerbetűje. Az Apple mindig is hírhedt volt arról, hogy mennyire odafigyel a tipográfiára, most miért lenne ez másképp?

Eleve egy olyan változattal szállítják az OS X-et, ami kis méretben is gyönyörűen néz ki. Aki nem hiszi, az gondolom nem nézi napi szinten a Findert, vagy nem nézi a Safarit. Én nézem mindkettőt. Teljesen értem, hogy miért jobb, mint ami volt. Mindez 1x képernyőn, ami még nagyobb kihívás. Talán retinán még szebb.

A másik dolog, amit nem értek: miért azzal kezdi mindenki az okoskodást, hogy nekiállnak kitalálni mi a rossz, amikor meg sem értették még azt, ami van?

1. Apple OS X Human Interface Guidelines
2. Apple UIKit User Interface Catalog
3. The iOS Design Guidelines

(A posztot nem erre akarom kanyarítani, de ismerem azt a gondolkodást, amikor a designerek azzal kezdik a munkát, hogy na, akkor válasszunk ki egy fontot. Ez nálam a zsírkrétával színezés prodzsekt. Csak egy kérdés: mi lenne, ha az Apple HIG-ben terveznénk meg a prototípusunkat, wireframe-ünket, kontrolljainkat, aztán később, ha ez már mondjuk szépen és konzisztensen működik, akkor kezdenénk el dolgozni a márkázáson?)

Az Apple a legelső iOS 7 bétájában vékony Helvetica Neuét használ bizonyos információk megjelenítéséhez. Akkora volt a felhasználói bepicsogás, hogy visszavettek és áttették boldba a sorokat (sőt, még tovább boldozhatunk a settingsből). Rémes döntésnek gondolom, azóta is, hogy hívok valakit, mindig a félkövéret látom:

Ha jól megnézzük, bizonyos screeneken nem állították át:

Sokkal elegánsabb.

De visszatérve a poszt eredeti felvetéséhez: mi a hozadéka annak, ha elkezdjük áthekizni a rendszerbetűt? Lerakunk egy statementet, hogy elégedetlenek vagyunk? Elkezdünk hozzá jobban érteni? Kifejezzük azt, hogy mi örök megjavítók vagyunk és most megvan a font? Androidon értem, hogy ez egyfajta mentalitás és hozzáállásbeli dolog, hack forever.

Rengeteget foglalkoztam 10 éve én is hasonló dolgokkal. És tudjátok mi van? Minden esetben, amikor bárki másnak a számítógépét nézem, újra ugyanaz az idegenkedés. Az összes privát beállításom durván a képembe röhög az első alkalommal, hogy bárki gépe elé leülök, vagy a Mac boltban odamegyek megnézni egy új Macet.

Logikailag azt meg végképp nem értem, hogy valaki Macet használ, Androiddal és a Macre felrak egy Firefox rendszerbetűt. Ez olyan, mint a paradicsomleves krémessel összekeverve: gyomorforgató.