Programikoner i OS X Yosemite: en detaljerad översikt

Förra månaden Apple presenteras nya OS X Yosemite, som har fått betydande visuella innovationer bakom iOS 7. Kupertinovtsy sätts i oskärpa effekter och genomskinlighet, har vi gjort gränssnittet mer platt, uppdaterat systemet teckensnitt och ikoner.

Nya ikoner i Dock - min favorit uppdatering till Yosemite. Det första folk vill diskutera utseende, men det finns många jämförelser ikoner Mavericks och Yosemite. Ikoner är snyggare, förlorade lyster, men det blev ljusare och har behållit vissa delar skeuomorph. Jag tror på Finder-symbolen och inställningarna är vackra, Safari ikonen ser bättre ut än iOS, och miniräknare ikoner, Game Center och Facetime ser fruktansvärt.

Utmärkt. Låt oss gå vidare.

Faktum är att för de nya ikoner ligger något mer än bara en ny färg. I stället för att kritisera dem, kommer jag att analysera på djupet ikonerna och fokusera på små detaljer. Det tillbringade mycket tid under de senaste veckorna. Så vad jag hittade?

docka

Formen och storleken på ikonerna har justerats för att ge bästa visuella upplevelsen. Det verkar som om detta har uppnåtts genom att använda nätet, men jag ska få till det efter ett föredrag siffror.

Siffrorna och nätet

Apples formgivare kopierat ikoner systemet Yosemite. Det finns tre grundläggande former används för att skapa ikoner: cirkel, fyrkant och rektangel lutar. Uppenbarligen avviker Apple från detta system på vissa ställen, men det är uppenbarligen inte slående. För att bättre förstå dessa former, jag gick med dem med ett rutnät av ikoner från iOS 7. Jag har inte skiftat bitar, så att de är på rätt plats.

Jag är inte förvånad över att cirkeln och kvadraten klart passar in i konturerna. Låt oss nu titta på nätet tillsammans med denna ikon. För tydlighetens skull jag minskade opaciteten av ikonerna.

Konturer iBooks ikon och systeminställningar nästan perfekt i linje med nätet. Ett handtag på ikonen Textedit placerad mellan de två grupperna, kan man hävda att endast med stor reserv.

Du kanske märker att inställningarna ikonen lite mindre maskvidd. Apple gör bruk två storlekar för torget. och Finder inställningar är samma bredd, och terminalen och övervakning av systemet - andra.

På App Store ikonen bokstaven "A" något utanför de etablerade gränserna, med mindre allvarlig form än i boken. Lutande rektangel förtjänar särskild uppmärksamhet, eftersom det är den vanligaste typen av ikoner för program från tredje part.

Om du börjar rotera rektangeln målade i den gamla versionen av systemet, då du fortfarande har att snedvrida den på lång sikt, för att matcha formen. I Yosemite falsk nog att fördjupa sidorna i en bok eller skuggor. Ikonerna i det nya systemet enklare för användaren och för konstnären. Det är svårt att beskriva, men bilden ovan hjälper illustrera skillnaden. För sådana ikoner finns inget behov av 3D-hyllan.

till WWDC 2014 det fanns många spekulation på temat ikonerna i Yosemite. Det antogs att alla av dem kommer att visas i form av en ellips eller cirkel. Lyckligtvis var det inte så. Jag tror Apples designers gjorde ett bra jobb för att skapa en enda ikon stil, lämnar utvecklare att skapa sina egna unika versioner.

Jag anpassade iOS 7 rutnät för att skapa en uppdaterad nätet till Yosemite:

hierarki siffror

Det är lätt att ryckas med experimenten, när den nya visuella stilen införs. Stanna upp en stund och komma ihåg vad som gör din ansökan och till vilken kategori. När allt kommer omkring kan en siffra representera en kategori bättre än den andra.

runda

Kanske cirkeln ikoner som ska användas för program som är en del av den grundläggande programvaran eller är avsedda för underhållning. De är trevliga att titta på, men det är tveksamt om ett sådant program kommer att inriktas på proffs.

kvadrat

Det verkar som i det stora torget ikoner kommer att användas för systemverktyg. Finder, terminal, systemkonfiguration och systemövervakning passar styling. Vissa ikoner kan faktiskt vara benägen, men de använder också en fyrkantig form.

lutande rektangel

Dessa ikoner har alltid varit ett kännetecken för OS X. Lutande rektangel kommer att vara den mest använda formen av allt som nämns. Dessa ikoner är program som hjälper till att utföra något arbete. De har störst flexibilitet i utformningen alternativ, så de kommer att bättre förstå syftet med programmet med sin unika utseende.

Ljuseffekter och material

Nya ikoner Yosemite inte helt enkelt målade i specifika färger. Om vi ​​tittar på dem närmare, blir det tydligt att vi ser en återspegling av miljön. Till exempel, kan det tydligt ses genom att se på metallhandtag, som visas ovan.

Craig Federighi beskrivs den nya hyllan dockan genomskinligt material, när Apple introducerade Yosemite. Många trodde att det var en enkel oskärpa och öppenhet effekter. Men egentligen ser det ut som om skapas från äkta material samtidigt som en flackare utseende. Vi kan spåra denna idé i många ikoner. Till exempel, de metallkanter hos terminalen ha ikoner, systeminställningar och övervakningssystem.

På bilden nedan 3D sfärer arrangerade på en plan yta och reflektera miljön, kommer att bidra till bättre illustrera vad jag menar.

Omfattningen av vänster är inte gjord av reflekterande material. Men du kan fortfarande se den orange nyans, nyanser av grönt, gult och brunt, reflekteras på klotet. Det är hur de beter sig lite "platt" objekt i Yosemite.

Omfattningen av rätten är tillverkat av krom, vilket avspeglar vad som händer runt som en spegel. Detta liknar bilden av metallföremål i Yosemite. I systemet, de verkar aluminium, med på grund av denna mer diffus och subtil effekt av reflektion.

Dessa är de subtila detaljer i ikoner OS X Yosemite spåras överallt.

din tur

Figur grid, belysning och detaljerna är viktiga, men det är viktigt att komma ihåg att det är bara riktlinjer. En bra designer vet när du ska ta en liten paus från systemet. Om du är nybörjare i ikonen design, rekommenderar jag dig att strikt följa principerna för dessa regler. Var uppmärksam på den övergripande formen på ikonen, tänk på det material som försöker skildra.

Kombinera alla ikoner med några siffror vettigt. Dock kommer inte alla program vara eller måste följa denna princip. ikoner tredjeparts är mycket lätt att upptäcka, så glöm inte om lutningsvinkeln, belysning och övergripande storlek. Nu kan du börja arbeta på sin egen ikon för OS X Yosemite! I kan användas som en utgångspunkt PSD-filer med siffrorna och gallret skapas av mig.

via Martiancraft