Ikone aplikacija u OS X Yosemite: detaljan pregled

Prošli mjesec, jabuka predstavljena Novi OS X Yosemite, koja je dobila značajne vizualne inovacije iza iOS 7. Kupertinovtsy dodano u efekte zamućivanja i translucencije, mi smo napravili sučelje više ravna, ažurirati font sustava i ikone.

Nove ikone na alatnoj traci - moja omiljena ažuriranje za Yosemite. Prva stvar koju ljudi žele raspravljati pojavu, ali postoje mnogi komparacija ikone Mavericksi i Yosemite. Ikone su uredniji, izgubljeni sjaj, ali je postao svjetliji i zadržali neki elementi skeuomorph. Mislim, ikona Finder i postavke su lijepe, Safari ikona izgleda bolje nego iOS i kalkulator ikone, Igra centar i FaceTime izgledaju strašno.

Izvrsno. Krenimo dalje.

U stvari, za nove ikone leži nešto više nego samo nove boje. Umjesto da ih kritizira, idem analizirati u dubini ikone i usredotočiti se na male detalje. Ona je proveo mnogo vremena u proteklih nekoliko tjedana. Dakle, ono što sam našao?

pristanište

Oblik i veličina ikona je prilagođen kako bi osigurao najbolju vizualni doživljaj. Čini se da je to postignuto kroz korištenje mreže, ali ću se da nakon talk figure.

Brojke i rešetke

Apple dizajneri kopiraju sustava ikone u Yosemite. Postoje tri osnovna oblika koji se koriste za stvaranje ikone: krug, kvadrat i pravokutnik sklon. Očito, Apple odstupa od ovog sustava u nekim mjestima, ali to očito nije upečatljiv. Da bi bolje razumjeli ove oblike, pridružio sam im s rešetkom od ikona iz iOS 7. Nisam pomaknuo komada, tako da su na pravim mjestima.

Nisam iznenađen da je krug i kvadrat jasno uklapaju u obrisima. Sada pogledajmo neto zajedno sa ovim simbolom. Radi jasnoće sam smanjio neprozirnost ikona.

Rubovi iBooks ikona i sustava gotovo savršeno usklađen s rešetkom. Ručka na ikonu TextEdit smještene između dviju zajednica, može se reći da je samo s velikom rezervom.

Vi svibanj primijetiti da su postavke ikona malo manji širine otvora. Apple ne koristi dvije veličine za trg. i postavke Finder su iste širine, a terminal i praćenje sustava - druga.

Na ikona slovo App Store „A” malo izvan utvrđenih granica s manje teškog oblika nego u knjizi. Sklon pravokutnik zaslužuje posebnu pažnju, jer je najčešći tip ikona za treće strane programa.

Ako počnete okretati pravokutnik slikano u staroj verziji sustava, onda imate još ga iskriviti dugoročno, da odgovara obliku. U Yosemite lažne dovoljno za dodati dubinu na stranice knjige ili sjene. Ikone u novom sustavu lakše za korisnika i za umjetnika. Teško je opisati, ali slika gore pomaže ilustriraju razliku. Za takve ikone nema potrebe za 3D polici.

u WWDC 2014 bilo je mnogo spekulacija na temu ikona u Yosemite. Pretpostavljalo se da su svi od njih će se pojaviti u obliku elipse ili kruga. Srećom, nije bilo tako. Mislim, Apple dizajneri učinio veliki posao stvoriti jednu ikonu stila, ostavljajući programeri za stvaranje vlastite jedinstvene verzije.

prilagođena sam iOS 7 mrežu za stvaranje ažurirane mrežu za Yosemite:

hijerarhija figure

To je lako doći odvodeći od eksperimenata, kada je uveden novi vizualni stil. Zaustavite se na trenutak i zapamtite ono što čini vaš zahtjev i na koje kategorije. Uostalom, jedan lik može predstavljati kategoriju bolji od drugih.

oko

Možda kruga ikone koja će se koristiti za aplikacije koje su dio osnovnog programa, ili namijenjen za zabavu. Oni su ugodan za pogledati, ali upitno je hoće li takav program će biti namijenjen je profesionalcima.

kvadrat

Čini se da je na glavnom trgu ikona će se koristiti za sustav komunalne usluge. Finder, terminal, konfiguracija sustava i sustav praćenja stane styling. Neke ikone zapravo može biti sklon, ali oni također koristiti kvadratni oblik.

sklon pravokutnik

Ove ikone su uvijek bili znak OS X. Sklon pravokutnik će najviše koristi oblik sve navedeno. Ove ikone su programi koji pomažu izvodite bilo koji posao. Oni imaju najveću fleksibilnost u izradi opcije, tako da će se bolje razumjeti svrhu programa sa svojim jedinstvenim izgledom.

Svjetlosnim efektima i materijale

Nove ikone Yosemite nije jednostavno oslikana u posebnim bojama. Ako gledamo na njih u većoj mjeri, postaje jasno da vidimo odraz okoline. Na primjer, može se jasno vidjeti gledajući metalnu ručku gore prikazano.

Craig Federighi opisao novi rok dock prozirni materijal, kada je Apple predstavio Yosemite. Mnogi su mislili da je jednostavan mutnih fotografija i transparentnost efekte. Međutim, to stvarno izgleda kao da je izrađen od pravog materijala zadržavajući ravniji izgled. Možemo pratiti tu ideju u mnogim ikonama. Na primjer, metalni rubovi terminala imaju ikone, postavke sustava i sustava nadzora.

Na slici ispod 3D sfere raspoređeni na ravnu površinu i odražava na okoliš, pomoći će bolje ilustrirati ono što mislim.

Opseg lijevo nije izrađen od reflektirajućih materijala. Međutim, još uvijek možete vidjeti narančaste nijanse, nijanse zelene, žute i smeđe, što se odražava na sferi. To je kako se ponašaju neki „stan” objekata u Nacionalnom parku Yosemite.

Opseg prava je izrađena od kroma, čime se odražava ono što se događa oko kao ogledalo. To je slično slici metalnih predmeta u Yosemite. U sustavu se pojavljuju na aluminij, koja zbog toga više difuznu i suptilan efekt refleksije.

To su suptilne detalje u ikone OS X Yosemite pratiti trag posvuda.

Na tebi je red

Slika mreža, rasvjeta i detalji su važni, ali važno je zapamtiti da je to samo smjernice. Dobar dizajner zna kada bi se malo odmoriti od sustava. Ako ste početnik u ikona dizajna, preporučujem vam da se strogo slijediti načela tih pravila. Obratite pozornost na cjelokupni oblik ikone, razmislite o materijalima koji se pokušavaju prikazati.

Kombinirajući sve ikone s nekim likovima ima smisla. Međutim, nisu sve aplikacije će biti ili moraju biti u skladu s ovim načelom. Third-party ikone su vrlo lako uočiti, pa ne zaboravite o kutu nagiba, rasvjeta i ukupna veličina. Sada možete početi raditi na svojoj ikoni za OS X Yosemite! U može se koristiti kao polazište PSD datoteke s brojkama i rešetke stvorio mene.

preko Martiancraft