A „design” kategória archívuma

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ó.

Adobe Photoshop CS3

Beszereztem eBayről a CS3-as Photoshop Design Standard-ot, érvényes licenc kulccsal. Ez a legrégebbi olyan szoftvere a cégnek, amivel még érvényesen elő lehet fizetni a CC-re úgy, hogy kb. 25%-kal olcsóbb legyen a havi előfizetés két évig. A dolog érdekessége, hogy a mutatvány 8 ezer forintomba került – és még ugyanennyi volt a szállítás Budapestre Amerikából. (A munkahelyemen egyébként van Adobe licencing opció, de én sokkal elégedettebb vagyok akkor, ha nekem a privát gépemen is van, ezt a gondolkodást tudom, hogy nehéz megérteni.) Mindenesetre baromi boldog vagyok, hogy az eBayen 40-100 ezer forint között gazdát cserélő csomagot le tudtam ütni ilyen áron.

Kéretlen megszakértés: Cink.hu

Akármikor ütöm be a cink.hu-t, mindig az az érzésem, hogy nem tudom, hol vagyok. Sosem értettem, hogy miért nem szervezik hierarchiába jobban a márkát. Azt össze sikerült raknom magamtól, hogy a “Kinja” a szerkesztőségi rendszerük, ami több ennél, mert kinyitja saját magát a blogger közönség felé is stb.

Viszont akárhogy is nézem, a Cink az olvasók felé megjelenő márka, mégis, csak egyfajta mellékes szerepben jelenik meg az oldalon, a fő hangsúlyt a Kinja kapja. Amiről senkinek fogalma sincs, az emberek a cinkről beszélnek. Éppen ezért kipróbáltam, mi lenne, ha a Cink logó egyébként igen randa zöld/lila neon színeit még jobban megerősíteném:

Ugyanez zölddel:

Egyszóval a Kinjának lehetőséget kellene adnia, hogy a blogos tartalmai, esetünkben a cink.hu lap, a saját nyitóoldalukon megjelenjenek úgy, mintha ténylegesen azon az oldalon járnánk. Nem feltétlen csak színt jelenthet ez a felső sáv, lehetne akár belerakni valami háttérképet is, máris sokkal egyedibb a hangulata.

Sketch ftw

Yours Truly, 2014. április, a Sketchről:

Érdemes végignézni a posztot, ezen látszik igazán, mit tud az új Sketch UI tervező eszköz. A következő projektnél el fogom kezdeni használni.

Akkor nem kezdtem el használni, most (néhány hete) kezdtem el használni. Olyan csodálatos a text engine benne, illetve olyan csodálatos az asset export, a page és asset kezelés, az artboardok, meg MINDEN, hogy ismét csak átkozni tudom magam, hogy nem kezdtem el hamarabb. Ajánlom újra ezt a posztot, ami mutatja, mi az okosság. Ismerek néhány embert, aki Fireworks CS6 for life, de az a szoftver úgymaradt, ez viszont továbbviszi ugyanazt. Én nem voltam FW huszár, de már nem is leszek. Mobiltervezéshez és web UI tervezéshez bolond, aki nem Sketchben esik neki.

Egyetlen példa: Photoshopban ki kell jelölni a lekerekített négyzet objektumot, aztán jön az UI, hogy állítsuk be szépen a dolgot. Sketchben “Edit” gomb, sarkok kijelöl, inspectorban szám átüt. Ennyi. Aki ezt érti, mindent ért. Az indiaiak meg UI-t terveznek b+

Ja, és hogy a hangulatomat mi fejezi ki most? EZ A SZÁM.

OS X felületi elemek

Jövő héten megjelenik a Yosemite, ennek kapcsán csináltam két screenshotot:

Nem értem mi indokolja, hogy a legördülők nyilait ennyire prominenssé tegyék. A bal oldali Mavericks-es megjelenés sokkal esztétikusabb, visszafogottabb ezeknél a világító kék elemeknél (még akkor is, ha nem grafitot használnék). Azért világít, hogy oda kattintsunk? De akkor miért nem az egész kék? És miért kéne oda kattintanom, mitől kell ezt ennyire hangsúlyozni? A checkboxoknál sem értem a logikáját: ha be van jelölve, akkor kék, ha nincs szürke? Értsem ez alatt azt, hogy a bejelölt checkbox minden esetben fontosabb? Hát ezt elég nehezen lehet védeni! A Safari 7-ben megjelent “Reader” kék gomb pontosan ennyire zavaró egyébként.

Photoshop CC 2014.2

What’s new:

The 2014.2 release of Photoshop CC introduces Extract Assets, a brand new user interface that lets you easily extract optimized image assets from layers and save them to various formats and resolutions, including SVG, JPG, PNG, or GIF. Using the simple visual Extract Assets interface built on top of Adobe Generator, you may extract content either on-demand or in real-time with auto-updated extractions tailored to your workflow.

Végignéztem ennek a videóját is, SVG-t is exportál már és egyszerű módon ott helyben lehet az artboard méretét belőni – azért ez elég kényelmes.

Más érdekességet nem nagyon találtam benne, de van sok minden apróság. Örömteli, hogy negyedévente kiadnak egy új release-t az előfizetőknek. Ha jól számolom, ez már a ötödik update a CC megjelenése óta.

Vigyázat, a 2014.2 verziószám nem azonos a 14.2-vel! Sorrendben: CC 14, CC 14.1, CC 14.2, CC 2014, CC 2014.1 és CC 2014.2 voltak a változatok. És hogy még bonyolultabb legyen az eligazodás: a ma szintén megjelent Illustratornek CC 2014.1 a verziószáma.

Designer’s guide to DPI

Sebastien Gabriel gyakorlati összefoglalója:

No complex math and un-parsable graph, just straight forward explanations ordered in short sections for you to understand and apply directly to your design process.

A fickó visual designer a Google-nél és a Chrome-on dolgozik. A guide-ja elég jó, praktikus, és különösen klassz benne, hogy az Android világot és az ottani HiDPI kijelzőket és terminológiát is bemutatja egy halom jó továbbvezető linkkel a végén. (És aki kattintgatni is szeret, annak itt van tőle egy tutorial Sketch-hez.)

Twitter logo evolúció

Összefoglaló a New York Times-on arról, hogy a Twitter mikor és milyen logóra cserélte a márkáját. A sztori rövidítve annyi, hogy amikor indultak egy 15 dolláros iStockphoto illusztrációt vásároltak az angol Simon Oxley-től. Oxley a mai napig árulja ennek a madárnak egy variációját. 2009-ben aztán Biz Stone és Philip Pascuzzo csinálták a “hajas” madarat, aminek később eldobták a színeit, végül ezt emelte a mai szintjére 2012-ben Doug Bowman (idén májusban hagyta el a hajót).

Tudtommal egyébként a türkiz “t” betű soha nem volt a Twitter hivatalos logója, talán valamiféle Facebook hatásokra terjedt el a neten. Én általában egy új site esetén rápillantok a használt Twitter ikonra, ha még a régit látom, akkor tudom, hogy a webdesignernek kijár az “igénymentes övezet” matrica. Hasonlóan egyébként a dátumot is érdemes megnézni a lapok alján, abból mindig lehet arra következtetni, hogy hány éves az éppen használt design. Ha régi, általában belepillantok a forrásába is, előbújik belőle szépen a tábla alapú dolog időnként. Még szerencse, hogy a böngészők nagyon toleránsak manapság.

/via @iraszl

Designing the new Foursquare

Sam Brown Foursquare designer posztja arról, hogy mi ment bele az új appjukba. Teljesen áttervezték (jobbára Sketchben!) és készítettek hozzá új vizuális identitást is. Ez a hivatalos vállalati (blog)kommunikáció része, ezért minden csupa sunshine és happiness. Ettől függetlenül akár csak ilyen szinten is jó látni, hogy ekkora cég mit rak bele az appjába. A team elszántságát jelzi, hogy tavaly decemberben az alábbi slide-ot rakták bele a céges prezentációjukba:

Simán el tudom képzelni, hogy tényleg ennyire beleszerelmesedtek a munkájukba.

The $5 logo

Sacha Greif megbízott néhány 5 dollárért is dolgozó designert, hogy készítsenek neki logót. Természetesen kiderül, hogy a hat beérkező munkából négyet egészen biztosan loptak valahonnan. És hát innentől kezdve lehet mutogatni, lám-lám, olcsó húsnak híg a leve. Nagy meglepetés?

Nekem az a része, hogy Sacha ilyenekkel tölti az idejét, az volt. Ki az, aki nem tudja, hogy feltörekvő világ designerei, akik a KKV biz mellett innen is húznak be pénzt, a meló rapid végét fogják meg? Másrészt mit is szeretnénk kimutatni? Azt, hogy olcsó szar logót kapunk végeredményül? És a 2000 dolláros logó az igazi? Meg a végén berakjuk ezt a képet?

Mackey Saturday working on the Instagram logo.

Mi ez a faszság? Miért ne lehetne létező piaca az 5 dolláros innen-onnan lopott logóknak? Aki ennyit szán egy ilyen dologra, az olyan logót is kap. Egyedül talán azért érdekes a sztori, mert ezek a logódesignerek jobb munkákat mutatnak, aztán a végeredmény lesz a mosógépből előhúzott vektor. De talán még ez sem izgalmas.

Sokkal inkább az, hogy Sacha fogja magát és a posztja végén ő maga is beáll logót dizájnolni. És jobb logót készít, mint az 5 dolláros feltörekvő KKV mellől kisarjadt designerek. Gratulálok Sacha, tényleg jobb vagy!