Pictograme de aplicații în OS X Yosemite: o prezentare detaliată

Luna trecută, Apple a prezentat Noul OS X Yosemite, care a primit inovații vizuale semnificative în spatele iOS 7. Kupertinovtsy adaugă efecte de blur și transluciditatea, am făcut interfața mai plat, actualizate fontul și pictogramele de sistem.

Noi pictograme în Dock - actualizare meu preferat la Yosemite. Primul lucru pe care oamenii doresc să discute aspectul, dar există multe comparații icoane Mavericks și Yosemite. Icoanele sunt mai ordonat, luciu pierdut, dar a devenit mai luminoase și-au păstrat unele elemente skeuomorph. Cred că, pictograma Finder și setările sunt frumoase, Safari pictograma arată mai bine decât iOS și icoane calculator, Game Center și FaceTime arata groaznic.

Excelent. Să muta pe.

De fapt, pentru icoane noi se află ceva mai mult decât o nouă vopsea. În loc să-i critice, am de gând să analizeze în profunzime pictogramele și să se concentreze pe detalii mici. A petrecut mult timp în ultimele câteva săptămâni. Deci, ce am găsit?

doc

Forma și dimensiunile pictogramelor a fost ajustat pentru a oferi cea mai bună experiență vizuală. Se pare că acest lucru a fost realizat prin utilizarea rețelei, dar voi ajunge la faptul că, după cifrele vorbesc.

Cifrele și grila

Designerii Apple a copiat sistemul de pictograme pentru Yosemite. Există trei forme de bază utilizate pentru a crea pictograme: cerc, pătrat și dreptunghi înclinate. Evident, Apple a se abate de la acest sistem, în unele locuri, dar acest lucru nu este în mod clar izbitoare. Pentru a înțelege mai bine aceste forme, le-am alăturat cu o grilă de icoane de la iOS 7. Nu m-am mutat piesele, astfel încât acestea sunt în locurile potrivite.

Nu sunt surprins că cercul și pătratul se potrivesc în mod clar în contururile. Acum, să ne uităm la net împreună cu această pictogramă. Din motive de claritate am redus opacitatea icoanelor.

icon și de sistem setări Contururile iBooks aproape perfect aliniate cu grila. Un mâner pe pictograma TextEdit situată între cele două comunități, se poate argumenta că numai cu mare rezervă.

Este posibil să observați că setările pictograma cu o lățime a ochiurilor pic mai mic. Apple a face uz de două dimensiuni pentru pătrat. și setările Finder sunt aceeași lățime, iar terminalul și monitorizarea sistemului - altele.

Pe scrisoarea App Store pictograma „A“ ușor dincolo de limitele stabilite, cu formă mai puțin severă decât în ​​carte. dreptunghi Inclinat merită o atenție specială, deoarece este cel mai frecvent tip de pictograme pentru programe terțe.

Dacă începe să se rotească dreptunghiul pictat în versiunea veche a sistemului, atunci încă mai trebuie să-l denatureze pe termen lung, pentru a se potrivi formei. În suficient de fals Yosemite pentru a adăuga profunzime paginile unei cărți sau umbre. Pictogramele din noul sistem mai ușor pentru utilizator și pentru artist. Este greu de descris, dar imaginea de mai sus ajută ilustra diferența. Pentru astfel de pictograme este nevoie de raft 3D.

la WWDC 2014 au existat mai multe speculație pe tema pictogramele din Yosemite. Sa presupus că toate acestea vor apărea sub forma unei elipse sau un cerc. Din fericire, nu a fost așa. Cred că, designerii Apple a făcut o treabă foarte bună de a crea o singură pictogramă de stil, lasand dezvoltatorii sa creeze propriile versiuni unice.

Am adaptat iOS 7 grilă pentru a crea o grilă actualizat la Yosemite:

cifrele ierarhie

Este ușor să te purtat de experimente, atunci când este introdus noul stil vizual. Opri pentru o clipă și amintiți-vă ceea ce face ca cererea dumneavoastră și la care categorie. La urma urmei, o cifră poate reprezenta o categorie mai bună decât cealaltă.

rotund

Poate pictogramele cerc care urmează să fie utilizate pentru aplicații care fac parte din software-ul de bază, sau destinate pentru divertisment. Ele sunt plăcut să se uite la, dar este îndoielnic dacă un astfel de program o va fi destinat profesioniștilor.

pătrat

Se pare că în principalele pictograme pătrate vor fi folosite pentru utilități de sistem. Finder, terminal, configurația sistemului și de monitorizare a sistemului potrivi styling. Unele pictograme pot fi de fapt înclinată, dar ele folosesc, de asemenea, o formă pătrată.

dreptunghi înclinat

Aceste pictograme au fost întotdeauna semnul distinctiv al OS X. dreptunghi Inclinat va fi cea mai utilizată a forma toate menționate. Aceste pictograme sunt aplicații care ajuta pentru a efectua orice lucrare. Ei au cea mai mare flexibilitate în desen opțiuni, astfel încât acestea vor înțelege mai bine scopul programului cu aspectul său unic.

Efecte și materiale de iluminat

Pictograme noi Yosemite nu este pur și simplu vopsite în culori specifice. Dacă ne uităm la ele mai atent, devine clar că vom vedea reflexia mediului. De exemplu, se poate observa în mod clar de privirea de la mânerul de metal, prezentat mai sus.

Craig Federighi a descris noul material translucid raft de andocare, atunci când Apple a introdus Yosemite. Mulți au considerat că a fost un simplu încețoșare și transparență efecte. Cu toate acestea, într-adevăr arată ca și în cazul în care a creat dintr-un material real, menținând în același timp un aspect mai plat. Putem urmări această idee în mai multe icoane. De exemplu, marginile metalice ale terminalului au pictograme, setările de sistem și sistemul de monitorizare.

Fotografiată de mai jos 3D sfere dispuse pe o suprafață plană și reflectând mediul, va contribui la o mai bună ilustra ceea ce vreau să spun.

Domeniul de aplicare stânga nu este făcută dintr-un material reflectorizant. Cu toate acestea, puteți vedea în continuare umbra portocaliu, nuanțe de verde, galben și maro, reflectate pe sfera. Acesta este modul în care se comportă unele „plat“ obiecte în Yosemite.

Domeniul de aplicare al dreptului este realizat din crom, reflectând astfel ceea ce se întâmplă în jurul ca o oglindă. Acest lucru este similar cu imaginea de obiecte metalice în Yosemite. În sistem, ele par să aluminiu, având ca urmare a acestei mai difuze și un efect subtil de reflexie.

Acestea sunt detaliile subtile în icoane OS X Yosemite trasate peste tot.

E rândul tău

Figura grila, iluminat și detaliile sunt importante, dar este important să ne amintim că este doar linii directoare. Un designer bun știe când să ia o mica pauza din sistem. Dacă sunteți un începător în design icoana, vă recomand să urmați cu strictețe principiile acestor norme. Acordați atenție la forma generală a icoanei, gândiți-vă la materialele care încearcă să-i înfățișeze.

Combinând toate pictogramele cu unele cifre are sens. Cu toate acestea, nu toate cererile vor fi sau trebuie să respecte acest principiu. iconițe terțe părți sunt foarte ușor de la fața locului, asa ca nu uita de unghiul de înclinare, iluminat și dimensiunea globală. Acum puteți începe să lucreze la propria lor pictogramă pentru OS X Yosemite! In poate fi utilizat ca punct de pornire fișiere PSD cu cifrele și grila create de mine.

prin Martiancraft