Programikoner i OS X Yosemite: en detaljeret oversigt

Sidste måned, Apple præsenteret nye OS X Yosemite, som har modtaget væsentlige visuelle nyskabelser bag iOS 7. Kupertinovtsy tilføjet i sløringseffekter og gennemskinnelighed, har vi gjort grænsefladen mere flad, opdateret systemet skrifttype og ikoner.

Nye ikoner i Dock - min favorit opdatering til Yosemite. Den første ting folk ønsker at diskutere udseendet, men der er mange sammenligninger ikoner Mavericks og Yosemite. Ikoner er pænere, tabt glans, men det blev lysere og har bevaret nogle elementer skeuomorfisme. Jeg tror, ​​at symbolet for Finder og indstillingerne er smukke, Safari ikon ser bedre ud end iOS og lommeregner ikoner, Game Center og FaceTime ser forfærdeligt.

Fremragende. Lad os gå videre.

I virkeligheden, for de nye ikoner ligger noget mere end blot en ny maling. I stedet for at kritisere dem, vil jeg analysere i dybden ikonerne og fokusere på små detaljer. Det brugte en masse tid i de seneste par uger. Så, hvad jeg fandt?

dock

Formen og størrelsen af ​​ikonerne er blevet justeret for at give den bedste visuelle oplevelse. Det ser ud til, at dette er opnået ved brug af nettet, men jeg vil komme til at efter en snak tal.

Figurerne og gitteret

Apples designere kopieret ikoner systemet til Yosemite. Der er tre grundlæggende former, der anvendes til at skabe ikoner: cirkel, kvadrat og rektangel tilbøjelige. Det er klart, Apple afviger fra dette system i nogle steder, men det er tydeligvis ikke slående. For bedre at forstå disse former, jeg sluttede sig til dem med et gitter af ikoner fra iOS 7. Jeg har ikke flyttet brikkerne, så de er i de rigtige steder.

Jeg er ikke overrasket over, at cirklen og kvadratet klart passer ind konturerne. Lad os nu se på nettet sammen med dette ikon. For overskuelighedens skyld reducerede jeg opaciteten af ​​ikonerne.

Konturer iBooks ikon og systemindstillinger næsten perfekt afstemt med gitteret. Et håndtag på ikonet TextEdit placeret mellem de to samfund, kan der argumenteres for, at det kun med stor reserve.

Du vil måske bemærke, at indstillingerne icon lidt mindre maskevidde. Apple gør brug to størrelser til pladsen. og Finder indstillinger er de samme bredde, og terminalen og overvågning af systemet - andre.

På App Store-ikonet bogstavet "A" lidt ud over de etablerede grænser, med mindre alvorlig form end i bogen. Skrå rektangel fortjener særlig opmærksomhed, da det er den mest almindelige form for ikoner til tredjepartsprogrammer.

Hvis du begynder at rotere rektanglet malet i den gamle version af systemet, så er du stadig nødt til at forvrænge det på lang sigt, for at matche formen. I Yosemite falsk nok til at tilføje dybde til siderne i en bog eller skygger. Ikonerne i det nye system lettere for brugeren og for kunstneren. Det er svært at beskrive, men billedet ovenfor hjælper illustrere forskellen. For sådanne ikoner er ikke behov for 3D-hylde.

til WWDC 2014 der var mange spekulation over temaet ikonerne i Yosemite. Det blev antaget, at alle af dem vil blive vist i form af en ellipse eller cirkel. Heldigvis var det ikke så. Jeg tror, ​​Apples designere gjorde et stort stykke arbejde for at skabe et enkelt ikon af stil, forlader udviklere at skabe deres egne unikke versioner.

Jeg tilpasset iOS 7 gitter til at skabe et opdateret gitter til Yosemite:

hierarki tal

Det er nemt at lade sig rive med eksperimenterne, når den nye visuelle stil er indført. Stop et øjeblik og huske, hvad der gør din ansøgning og til hvilken kategori. Efter alt, kan den ene figur repræsenterer en kategori bedre end den anden.

omgang

Måske cirkel ikoner der skal bruges til applikationer, der er en del af den grundlæggende software, eller er beregnet til underholdning. De er behagelige at se på, men det er tvivlsomt, om et sådant program vil være rettet mod professionelle.

firkantet

Det lader til, at i de vigtigste firkantede ikoner vil blive brugt til systemværktøjer. Finder, terminal, systemkonfiguration og systemovervågning passer til styling. Nogle ikoner kan faktisk være tilbøjelig, men de bruger også en kvadratisk form.

skrå rektangel

Disse ikoner har altid været kendetegnende for OS X. Skrå rektangel vil være den mest anvendte form for alle nævnt. Disse ikoner er applikationer, der hjælper til at udføre noget arbejde. De har den største fleksibilitet i udarbejdelsen optioner, så de bedre vil forstå formålet med programmet med sin unikke udseende.

Lyseffekter og materialer

Nye ikoner Yosemite er ikke bare malet i bestemte farver. Hvis vi ser på dem nærmere, bliver det klart, at vi se afspejling af miljøet. For eksempel kan det tydeligt ses ved at kigge på den metalhåndtag, vist ovenfor.

Craig Federighi beskrevet den nye hylde dock gennemsigtigt materiale, da Apple introducerede Yosemite. Mange troede, det var en simpel blur og gennemsigtighedseffekter. Men det virkelig ser, som hvis skabt af ægte materiale og samtidig opretholde en fladere udseende. Vi kan spore denne idé i mange ikoner. For eksempel metal kanter terminalen har ikoner, systemindstillinger og overvågningssystem.

På billedet nedenfor 3D kugler arrangeret på en flad overflade og afspejler miljøet, vil hjælpe bedre at illustrere, hvad jeg mener.

Anvendelsesområde venstre ikke er lavet af reflekterende materiale. Du kan dog stadig se den orange nuance, nuancer af grøn, gul og brun, afspejles på kuglen. Det er, hvordan de opfører sig nogle "flade" objekter i Yosemite.

Omfanget af retten er lavet af krom, hvilket afspejler, hvad der sker rundt som et spejl. Dette svarer til billedet af metalgenstande i Yosemite. I systemet, de ser ud til aluminium, der på grund af denne mere diffus og subtil virkning af refleksion.

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

din tur

Figur gitter, belysning og detaljerne er vigtige, men det er vigtigt at huske, at det er kun retningslinjer. En god designer ved, hvornår at tage en lille pause fra systemet. Hvis du er nybegynder i ikon design, vil jeg anbefale dig til nøje at følge principperne i disse regler. Vær opmærksom på den overordnede form af ikonet, så tænk på de materialer, der forsøger at skildre.

Ved at kombinere alle ikoner med nogle tal giver mening. Dog vil ikke alle applikationer være eller skal være i overensstemmelse med dette princip. Tredjeparts ikoner er meget let at få øje på, så glem ikke om hældningsvinklen, belysning og samlede størrelse. Nu kan du begynde at arbejde på deres eget ikon til OS X Yosemite! I kan anvendes som et udgangspunkt PSD-filer med tallene og gitteret skabt af mig.

via Martiancraft