A „design” kategória archívuma

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!

Grids club

A collection of Photoshop grids by Julien Perrière.

Az első nagy szám azt jelenti, hány hasáb van, jobbra felül a hasábok közti margót (gutter), alatta pedig a grid teljes szélességét. Adobe Photoshop felhasználás már létező dokumentum esetén: megnyitjuk azt a dokumentumot, ahova szeretnénk rátenni a gridet, megnyitjuk a megfelelő gridet PSD-ből, aztán jobb klikkelünk a grid layer csoportján, “Duplicate Group…” és ott kiválasztjuk a már megnyitott PSD fájlt.

Kéretlen redizájnok: Wikipedia

George Kvasnikov és Julian Krenz tanulmánya arról, hogyan lehetne egy “beautiful” Wikipédia interface-t tervezni. Remek munka, szuper microsite (ne felejtsük el draggelni a screenshotokat!), láthatóan sok időt eltöltöttek vele. Ebből egészen biztosan megfuttatnék egy prototípust a cégen (alapítványon) belül, aztán megnézném, hogy viselkedik a különféle cikktípusokon – ki tudja, lehet, hogy kiadja. Érdekes trendnek gondolom, hogy grafikusok ilyen módon próbálják felhívni magukra a figyelmet, sikerrel.

Yosemite ikonok elemzés

Nick Keppol remek posztja arról, hogy az Apple új operációs rendszerében milyen ikon konstrukciót használnak. Sajnos kevés erre vonatkozó dokumentáció van, így gyakorlatilag házi feladat szintjén kell megoldania ezt mindenkinek. Rettenetesen jó és részletgazdag munka, ajánlom a részletes feldolgozását minden app designernek.

Két rész tetszett nekem különösen: az első, ahol megkonstruálja az új shape-ek gridjeit (amihez még kapunk PSD-t is, handy), a második, ahol bemutatja, hogy a Yosemite grádiensei valójában ambient occlusiont mintáznak – ettől lesznek fantasztikusan guszták, úgy, hogy nem is vesszük észre. Csodálatos!

Megújult VirginAmerica.com

Megújította magát az a légitársaság, amivel még nem utaztunk, de mindenki azt mondja, hogy a legjobb.

Elég merész és előre ugró design egy olyan iparágból, ami nem mer előre ugrani. Személy szerint nekem azért szokatlan, mert akkora teret kitöltő felületi elemeik vannak az UI-ben, amit egyszerűen nem szoktunk még meg. Nekem egy képernyő méretű gomb valamiért nem gomb, ösztönösen nem is nyomnám meg, keresnem kell:

A new look site-juk hijackelt scroller. Sajnos a scroller dolgot a productban is navigációnak használják, rajtam ezt egészen biztosan nem tudták volna keresztülpofozni, sőt, üzenem mindenkinek, hogy LEAVE THE SCROLLING ALONE. Nagyon tetszik viszont a grafikai tervezés, az Ive-grádiensek, elképzelés, átdizájnolták a boarding pass-t is (zsebredugható méretűnek).

Jó látni, hogy ekkora cégnél is időnként szóhoz jutnak azok, akik szeretnének valamit csinálni érdemben is, és erre a nagy szervezet ad támogatást. Ekkora cégeknél a legapróbb váltásoknak is irtózatos szervezeti dependenciái vannak, de elég azt mondani, hogy legtöbbször az ott dolgozók egyszerűen csak basznak rá.

A parallax scroll és a long shadow esete

Jeffrey Zeldman arról, hogy a trendek nem élnek örökké:

When an agency would rather tell you about their industry than learn about yours, run the other way. Your digital partner’s mastery of web technology should be automatic, not a selling point. Beware the trendy pitch. Piling on every slick trick in the book doesn’t help you connect with your audience; it erects unnecessary barriers. Following web trends doesn’t make you cutting-edge; it dates you.

iTunes concept

Brye Kobayashi 20 éves Hawaii-on élő egyetemista remek dolgozata arról, hogyan nézhetne ki az iTunes a most megújulni készülő OS X alatt. Nem emelnék ki belőle fotót külön, érdemes végignézni az anyagot.