UI Designers, Få dette gratis iOS 8 Vector GUI Elements Kit

IOS 8 ser stort sett ut som iOS 7, men det er nok grensesnittendringer for å gjøre det annerledes, og det er faktisk mange flere subtile justeringer enn de fleste brukere kan i utgangspunktet gjenkjenne. Utviklerne og designerne der ute, legger merke til den slags ting selv, og dette gode vektorbaserte GUI-elementet fra de talentfulle folkene i Mercury burde gjøre disse jobbene mye lettere. Nesten hele iOS 8-grensesnittet har blitt gjenopprettet som vektorelementer, noe som gjør det mye enklere å variere med forskjellige iOS-skjermstørrelser.


Selv om dette åpenbart kommer til å være mest nyttig for brukergrensesnitt og oppleve designere, vil bare det som helst som ønsker å oppsummere eller mockup en iOS 8 app eller erfaring finne det skalerbare vektorsettet som er nyttig for dem. Det er en gratis zip-nedlasting, de interesserte kan få det herfra:

  • Ta tak i iOS 8-vektorbrukerpakken fra Merkur

Elementene er en illustratorfil beregnet for Adobe Illustrator CC og nyere, men det fungerer ganske bra med Pixelmators Vector Graphics-modus, så selv om du bare vil poke rundt, kan du gjøre det uten å måtte ha Adobe Creative Suite.

Oppmerksomheten på detaljer på dette bestemte IOS UI-settet er betydelig. Her er noen lagt til detaljer via Merkur:

Pixel Grid Alignment : Vi har fokusert på å lage denne filen pixel-perfekt. Alt er på en piksel, når det er mulig, slik at alle eiendeler er skarpe og rene. Dette inkluderer å bruke 1px høy / bred boks i stedet for slag for divider linjer og slå på raster visning når redrawing ikoner for å sikre at ting er så nøyaktige som mulig. Vi har også med vilje slått "Juster nye objekter til pikselgrid" av i Transform-paletten fordi det ødelegger hjørneradier og ikoner. Vi anbefaler at du gjør det samme.

Gruppering : Vi har gruppert som elementer sammen slik at det er enkelt for deg å ta tak i en ressurs og dra den til filen eller gjøre isolert redigering. Vi har også gruppert gjennomsiktige bokser med ikoner og andre objekter som kanskje ikke sitter på en piksel, slik at de ikke blir feiljustert.

Globale fargeprøver : Hvis du ser i fargeprøven, merker du en rekke globale fargeprøver (de med de små hvite trekanter i hjørnene). Hvis du endrer noen av disse fargene (nøkkelfarge, for eksempel), vil den endre alle comps for å gjenspeile den endringen. Vi håper at du finner dette nyttig for temaelementer basert på appens unike fargepalett.

Symboler : Selv om vi prøvde å holde symboler til et minimum, vil du legge merke til at vi brukte noen 9-skårne symboler for ting som tastaturknapper.

Selvfølgelig kan du også ta tak i PSD mockup-filer for tidligere versjoner av IOS, selv om den for iOS 7 er sannsynligvis den siste som er relevant.

Hodet opp til The Graphic Mac for det store funnet.