UI-ontwerpers, download deze gratis iOS 8 Vector GUI Elements Kit

iOS 8 lijkt grotendeels op iOS 7, maar er zijn genoeg interface-aanpassingen om het anders te maken, en er zijn eigenlijk veel meer subtiele aanpassingen dan de meeste gebruikers in eerste instantie zouden herkennen. De ontwikkelaars en ontwerpers die daar zijn, merken dat soort dingen echter wel, en deze uitstekende op vectoren gebaseerde GUI-elementenset van de getalenteerde mensen van Mercury zou die klussen een stuk eenvoudiger moeten maken. Vrijwel de hele iOS 8-interface is opnieuw gemaakt als vectorelementen, waardoor het veel eenvoudiger wordt om met de verschillende iOS-schermformaten te werken.


Hoewel dit vanzelfsprekend het nuttigst is voor gebruikersinterface en ervaringontwerpers, zal vrijwel iedereen die een storyboard of een iOS 8-app of -ervaring wil maken de schaalbare vectorkit voor hen nuttig vinden. Het is een gratis zip-download, geïnteresseerden kunnen het hier downloaden:

  • Grijp de iOS 8 vector UI-kit van Mercury

De elementset is een illustratorbestand bedoeld voor Adobe Illustrator CC en nieuwer, maar werkt redelijk goed met de Pixelmators Vector Graphics-modus, dus zelfs als je alleen maar wilt rondneuzen, kun je dat doen zonder het Adobe-creatief pakket te gebruiken.

De aandacht voor details over deze specifieke iOS UI-kit is aanzienlijk. Hier zijn enkele toegevoegde details via Mercury:

Pixelrasteruitlijning : we hebben ons gericht op het pixel-perfect maken van dit bestand. Alles is op een pixel, indien mogelijk, zodat alle activa scherp en schoon zijn. Dit omvat het gebruik van 1px hoge / brede vakken in plaats van lijnen voor scheidingslijnen en het inschakelen van rasterweergave bij het opnieuw tekenen van pictogrammen om ervoor te zorgen dat dingen zo nauwkeurig mogelijk zijn. We hebben ook met opzet 'Uitlijning van nieuwe objecten in pixelraster' uitgezet in het palet Transformeren, omdat het ravage aanricht op hoekradii en pictogrammen. We raden u aan hetzelfde te doen.

Groeperen : we hebben dezelfde elementen gegroepeerd, zodat het voor u gemakkelijk is om een ​​actief te pakken en naar uw bestand te slepen of om geïsoleerde bewerkingen uit te voeren. We hebben ook transparante vakken gegroepeerd met pictogrammen en andere objecten die mogelijk niet op een pixel zitten, zodat ze niet uitgelijnd raken.

Globaal stalen : als u in het stalen venster kijkt, ziet u een aantal algemene stalen (met de kleine witte driehoekjes in de hoeken). Als u een van deze stalen bewerkt (bijvoorbeeld de hoofdkleur), worden alle comps gewijzigd om die wijziging te weerspiegelen. We hopen dat je dit handig zult vinden voor thema-elementen op basis van het unieke kleurenpalet van je app.

Symbolen : hoewel we geprobeerd hebben symbolen tot een minimum te beperken, zult u merken dat we wel een paar 9-gesneden symbolen gebruikten voor zaken als toetsenbordknoppen.

Natuurlijk kun je PSD mockup-bestanden ook voor eerdere versies van iOS gebruiken, hoewel die voor iOS 7 waarschijnlijk de laatste is die relevant is.

Begeeft zich naar The Graphic Mac voor de geweldige vondst.