Ikony aplikácií v OS X Yosemite: podrobný prehľad

Minulý mesiac Apple prezentované Nový OS X Yosemite, ktorý získal významné vizuálne inovácie za sebou iOS 7. Kupertinovtsy pridá rozostrenie efekty a priesvitnosť, sme urobili rozhranie plochejšie, aktualizované systémové písmo a ikony.

Nové ikony v doku - môj obľúbený aktualizácie do Yosemite. Prvá vec, ktorú ľudia chcú, aby diskutovali o vzhľad, ale existuje mnoho porovnávacích ikony Mavericks a Yosemite. Ikony sú krajšie, stratený lesk, ale to sa stalo jasnejšie a zachovali niektoré prvky skeumorfismus. Myslím, že na ikonu Finder a nastavenia sú krásne, ikona Safari vyzerá lepšie ako iOS a ikony kalkulačka, Game Center a FaceTime vyzerajú hrozne.

Výborne. Poďme ďalej.

V skutočnosti, pokiaľ ide o nové ikony leží niečo viac než len nový náter. Namiesto nich kritizujú, budem podrobne analyzovať ikony a sústrediť sa na malé detaily. To strávil veľa času počas niekoľkých posledných týždňov. Takže, čo som našiel?

dok

Tvar a veľkosť ikon, bola upravená tak, aby poskytovali čo najlepšie vizuálne zážitky. Zdá sa, že to bolo dosiahnuté pomocou siete, ale po talk obrázkoch Aj k tomu sa dostaneme.

Čísla a mriežka

Jablko návrhári kopíroval systém ikony do Yosemite. Existujú tri základné tvary slúži na vytvorenie ikony: kruh, štvorec a obdĺžnik naklonené. Je zrejmé, že Apple sa odchyľuje od tohto systému v niektorých miestach, ale to zjavne nie je nápadný. Aby bolo možné lepšie pochopiť tieto formy, pridal som ich s mriežkou ikon z iOS 7. Nemám posunul kúsky, takže sú na správnych miestach.

Nie som prekvapený, že sa kruh a štvorec jasne zapadajú do obrysov. Teraz sa pozrime na Net dnes spoločne s touto ikonou. Z dôvodu prehľadnosti Aj znížená priehľadnosť ikon.

Obrysy iBooks ikona a systémové nastavenie takmer dokonale zladené s mriežkou. Rukoväť na ikonu TextEdit umiestnenej medzi oboma komunitami, možno tvrdiť, že len s veľkou rezervou.

Môžete si všimnúť, že nastavenie ikona o niečo menšou veľkosťou ôk. Apple nepoužíva dve veľkosti pre námestí. a nastavenie Finder majú rovnakú šírku, a terminál a monitorovací systém - ostatní.

Na ikonu listu App Store "A" mierne nad rámec stanovenými hranicami, s menej závažnú formu ako v knihe. Naklonený obdĺžnik si zaslúžia osobitnú pozornosť, pretože je to najbežnejší typ ikon pre programy tretích strán.

Ak začnete otáčať obdĺžnik maľoval v starej verzii systému, potom máte stále ho deformovať v dlhodobom horizonte, aby zodpovedala tvar. Yosemitský falošné stačí pridať hĺbku na stránkach knihy alebo tiene. Ikony v novom systéme pre používateľov jednoduchšie a pre umelcov. Je ťažké opísať, ale obrázok vyššie pomáha ilustráciu rozdielu. Pre takéto ikony nie je potreba 3D polici.

na WWDC 2014 tam bolo veľa špekulácie na tému ikon v Yosemite. Predpokladalo sa, že všetci z nich sa objaví v tvare elipsy alebo kruhu. Našťastie to tak nebolo. Myslím, že Apple dizajnéri odviedli skvelú prácu na vytvorenie jednotného ikonu štýlu, takže vývojárom vytvárať svoje vlastné jedinečné verzie.

prispôsobený Aj iOS 7 mriežku vytvoriť aktualizovaný mriežku Yosemite:

hierarchie postavy

Je ľahké nechať sa unášať pokusov, kedy je zavedený nový vizuálny štýl. Zastavte sa na chvíľu a spomenúť si, čo je vaša žiadosť a do ktorej kategórie. Koniec koncov, jeden obrázok môže predstavovať kategórii lepší ako ostatní.

kolo

Snáď ikony kruhov, ktoré majú byť použité pre aplikácie, ktoré sú súčasťou základného programového vybavenia, alebo určené pre zábavu. Sú príjemné na pohľad, ale nie je isté, či takýto program bude zameraný na profesionálov.

námestie

Zdá sa, že v hlavnom námestí ikony budú použité pre systémových nástrojov. Finder, terminál, konfigurácia systému a monitorovací systém prispôsobiť štýl. Niektoré ikony môžu byť v skutočnosti naklonený, ale tiež použiť štvorcový tvar.

naklonený obdĺžnik

Tieto ikony boli vždy znakom OS X. Naklonený obdĺžnik bude najpoužívanejšou formou all zmienil. Tieto ikony sú aplikácie, ktoré pomáhajú vykonávať žiadnu prácu. Majú najväčšiu flexibilitu pri príprave volieb, takže budú lepšie pochopiť účel programu s jeho jedinečný vzhľad.

Svetelné efekty a materiály

Nové ikony Yosemite nie je len maľoval farbu. Ak sa pozrieme na ne podrobnejšie, je zrejmé, že vidíme odraz okolitého prostredia. Napríklad to môže byť jasne vidieť pri pohľade na kovovou rukoväťou, je uvedené vyššie.

Craig Federighi popísal nový priesvitný materiál police dok, kedy Apple predstavil Yosemite. Mnohé z nich bola jednoduchá rozmazaniu snímky a transparentnosť účinkov. Avšak, je to naozaj vyzerá, ako by sa vytvoril zo skutočného materiálu pri zachovaní vzhľadu plochejšie. Môžeme vysledovať túto myšlienku v mnohých ikonami. Napríklad kovové hrany terminálu majú ikony, nastavenia systému a monitorovacieho systému.

Na snímke nižšie 3D oblasti usporiadané na rovnom povrchu a odrážajú životné prostredie, pomôže lepšie ilustrovať, čo tým myslím.

Rozsah vľavo nie je vyrobená z reflexného materiálu. Avšak, stále môžete vidieť oranžový odtieň, odtiene zelenej, žltej a hnedej, čo sa prejavilo na guľu. To je, ako sa správajú niektorí "plochý" objekty v Yosemite.

Rozsah práva je vyrobená z chrómu, čo odráža to, čo sa deje okolo, ako zrkadlo. Je to podobné ako s obrazom kovových predmetov v Yosemite. V systéme sa zdá, že hliník, ktorý má vďaka tomuto rozptýlenejšie a jemnejšie účinok odrazu.

Jedná sa o jemné detaily v ikon OS X Yosemite vysledovať všade.

Si na rade

Obrázok mriežky, osvetlenie a podrobnosti sú dôležité, ale je dôležité si uvedomiť, že to je len orientačná. Dobrý dizajnér vie, kedy má mať malú pauzu zo systému. Ak ste začiatočník v ikony dizajnu, odporúčam, aby ste dôsledne dodržiavať zásady týchto pravidiel. Dávajte pozor na celkový tvar ikony, premýšľať o materiály, ktoré sa snažia vykresliť.

Kombinuje všetky ikony s niektorými číslami dáva zmysel. Avšak, nie všetky aplikácie budú alebo musia byť v súlade s touto zásadou. Ikony tretích strán sú veľmi ľahko odhaliť, takže nezabudnite na uhle naklonenia, osvetlenie a celková veľkosť. Teraz môžete začať pracovať na svoje vlastné ikonu pre OS X Yosemite! V môže byť použitá ako východiskový bod súbory PSD s číslami a siete vytvorené mnou.

via Martiancraft