Programikoner i OS X Yosemite: en detaljert oversikt

Siste måned, Apple present nye OS X Yosemite, som har fått betydelige visuelle innovasjoner bak iOS 7. Kupertinovtsy lagt i uskarphet effekter og gjennomskinnelighet, har vi gjort grensesnittet mer flat, oppdaterte systemet skrift og ikoner.

Nye ikoner i Dock - min favoritt oppdatere til Yosemite. Det første folk ønsker å diskutere utseende, men det er mange sammenligninger ikoner Mavericks og Yosemite. Ikonene er penere, mistet glans, men det ble lysere og har beholdt noen elementer skeuomorfisme. Jeg tror, ​​på Finder-symbolet og innstillingene er vakre, Safari ikonet ser bedre enn iOS, og kalkulator ikoner, Game Center og Facetime ser forferdelig.

Utmerket. La oss gå videre.

Faktisk, for de nye ikonene ligger noe mer enn bare en ny maling. I stedet for å kritisere dem, kommer jeg til å analysere i dybden ikonene og fokus på små detaljer. Det tilbrakte mye tid i løpet av de siste ukene. Så, hva jeg fant?

dock

Formen og størrelsen på ikonene har blitt justert for å gi den beste visuelle opplevelsen. Det virker som dette har blitt oppnådd gjennom bruk av nettet, men jeg får til det etter en prat tall.

Figurene og gitteret

Apples designere kopiert ikoner systemet til Yosemite. Det er tre grunnleggende former som brukes til å lage ikoner: sirkel, firkant og rektangel tilbøyelig. Selvfølgelig avviker Apple fra dette systemet på noen steder, men dette er åpenbart ikke påfallende. For bedre å forstå disse formene, jeg kom til dem med et rutenett av ikoner fra iOS 7. Jeg har ikke flyttet brikkene, slik at de er på riktig sted.

Jeg er ikke overrasket over at sirkelen og kvadratet klart passer inn i konturene. Nå la oss se på nettet sammen med dette ikonet. For ordens skyld jeg redusert tettheten av ikonene.

Skisserer iBooks ikon og systeminnstillinger nesten helt i tråd med rutenettet. Et håndtak på TextEdit ikonet som ligger mellom de to samfunnene, kan det hevdes at bare med stor reserve.

Du kan legge merke til at innstillingene ikonet litt mindre maskevidde. Apple gjør bruk to størrelser for plassen. og Finder innstillingene er de samme bredde, og terminalen og overvåkning av systemet - andre.

På App Store-ikonet bokstaven "A" litt utover de etablerte grensene, med mindre alvorlig form enn i boken. Tilbøyelig rektangel fortjener spesiell oppmerksomhet, siden det er den vanligste typen av ikoner for tredjepartsprogrammer.

Hvis du begynner å rotere rektangel malt i den gamle versjonen av systemet, så du har fortsatt å forvrenge det på lang sikt, for å matche formen. I Yosemite falske nok til å legge dybde til sidene i en bok eller skygger. Ikonene i det nye systemet enklere for brukeren og for kunstneren. Det er vanskelig å beskrive, men bildet ovenfor hjelper illustrere forskjellen. For slike ikoner er ikke behov for 3D sokkel.

til WWDC 2014 det var mange spekulasjon på temaet ikonene i Yosemite. Det ble antatt at alle av dem vises i form av en ellipse eller sirkel. Heldigvis var det ikke slik. Jeg tror Apples designere gjorde en flott jobb å lage et enkelt ikon av stil, slik at utviklere å lage sine egne unike versjoner.

I som er montert iOS 7 rutenett for å opprette en oppdatert gitter til Yosemite:

hierarki tall

Det er lett å bli revet bort av eksperimenter, når den nye visuelle stil er innført. Stopp et øyeblikk og huske hva som gjør din søknad og til hvilken kategori. Tross alt, kan en figur representere en kategori bedre enn den andre.

runde

Kanskje sirkelen ikoner som skal brukes for programmer som er en del av den grunnleggende programvaren, eller ment for underholdning. De er behagelig å se på, men det er tvilsomt om et slikt program vil bli rettet mot fagfolk.

kvadrat

Det virker som i de viktigste firkantede ikoner vil bli brukt til systemverktøy. Finder, terminal, systemkonfigurasjon og systemovervåking passer styling. Noen ikoner kan faktisk være tilbøyelig, men de bruker også en firkantet form.

tilbøyelig rektangel

Disse ikonene har alltid vært kjennetegnet av OS X. Tilbøyelig rektangel vil være den mest brukte formen for alle nevnt. Disse ikonene er programmer som bidrar til å utføre noe arbeid. De har størst fleksibilitet i tegning alternativer, slik at de vil bedre forstå hensikten med programmet med sin unike utseende.

Lyseffekter og materialer

Nye ikoner Yosemite er ikke bare malt i bestemte farger. Hvis vi ser på dem nærmere, blir det klart at vi ser refleksjonen av miljøet. For eksempel kan det sees tydelig ved å se på metall håndtak, som vist ovenfor.

Craig Federighi beskrev den nye sokkelen dock gjennomskinnelig materiale, da Apple introduserte Yosemite. Mange trodde det var en enkel uklarhet og gjennomsiktighet effekter. Men egentlig ser det ut som om laget av ekte materialer og samtidig opprettholde en flatere utseende. Vi kan spore denne ideen i mange ikoner. For eksempel, metall kantene av terminalen har ikoner, systeminnstillinger og overvåking av systemet.

Vist nedenfor 3D kuler anordnet på et flatt underlag og reflekterer miljø, vil bidra til å bedre illustrere hva jeg mener.

Omfanget av den venstre er ikke laget av reflekterende materiale. Men du kan fortsatt se den oransje nyanse, nyanser av grønt, gult og brunt, gjenspeiles på kula. Det er hvordan de oppfører seg litt "flat" objekter i Yosemite.

Omfanget av den høyre er laget av krom, og dermed gjenspeiler det som skjer rundt som et speil. Dette er i likhet med det bilde av metallgjenstander i Yosemite. I systemet, vises de til aluminium, har på grunn av den mer diffuse og subtil virkning av refleksjon.

Dette er de subtile detaljer i ikoner OS X Yosemite spores overalt.

din tur

Figur rutenett, belysning og detaljene er viktige, men det er viktig å huske at det er bare retningslinjer. En god designer vet når du skal ta en liten pause fra systemet. Hvis du er en nybegynner i ikon design, anbefaler jeg deg å strengt følge prinsippene for disse reglene. Ta hensyn til den generelle formen på ikonet, tenk på materialene som prøver å skildre.

Kombinere alle ikoner med noen tall er fornuftig. Imidlertid vil ikke alle programmer være eller må overholde dette prinsippet. Tredjeparts ikoner er veldig lett å få øye på, så ikke glem om tilt vinkel, belysning og generell størrelse. Nå kan du begynne å jobbe på sitt eget ikon for OS X Yosemite! I kan brukes som et utgangspunkt PSD-filer med tallene og rutenettet skapt av meg.

via Martiancraft