A „design” kategória archívuma

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!

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