This file adobe illustrator based, free ios 8 iphone 6 ai and psd ui kits photoshop template, download now!
UPDATING: 2 Jan 2015
We’re back with an iOS 8 update to our popular iOS Illustrator UI kit! If you are interested in reading a bit about what we learned and the unexpected surprises we encountered in creating this update and new additions to the kit, read on.
Otherwise, the download link is at the bottom of this post.
Although we have a history of offering such resources, we were admittedly late to the game.
We assumed the iOS 7 document would be useful until iOS 8 was released and by your responses, we were correct.
We’re thrilled that so many of you have found it helpful.
However, we also expected the iOS 7 UI kit would make a future update to iOS 8 trivial.
And though iOS 7’s UI kit was a good foundation, the update to iOS 8 was NOT trivial.
Apple’s UI changes from iOS 7 to iOS 8 are often subtle, yet incredibly extensive.
Spacing, positioning, and font sizes and weights were lib erally tweaked and adjusted.
To our surprise, almost every icon was redrawn as well.
Even the lowly chevron and back arrow were reworked!
Free iOS 8 Illustrator Vector UI Kit
About The File
This file is compatible with Adobe Illustrator CC and newer.
Here are a few features you might appreciate:
Pixel Grid Alignment: We’ve focused on making this file pixel-perfect.
Everything is on a pixel, when possible, so that all assets are sharp and clean.
This includes using 1px tall/wide boxes rather than strokes for divider lines and turning on raster view when redrawing icons to make sure things are as accurate as possible.
Also, we’ve purposely turned “Align New Objects to Pixel Grid†off in the Transform palette because it wreaks havoc on corner radii and icons.
We recommend that you do the same.
Grouping: We’ve grouped like elements together so that it’s easy for you to grab an asset and drag it to your file or do isolated editing.
We’ve also grouped transparent boxes with icons and other objects that may not sit on a pixel so that they don’t get misaligned.
Global Swatches: If you look in the swatches window, you’ll notice a number of global swatches (the ones with the little white triangles in the corners).
If you edit any one of these swatches (the key color, for example), it will change all the comps to reflect that change.
We hope that you’ll find this handy for theming elements based on your app’s unique color palette.
Symbols: Though we tried to keep symbols to a minimum, you’ll notice that we did use a few 9-sliced symbols for things like keyboard buttons.
Content may not be re-published without permission.
Some pages on this site include affiliate links.
You Might Also Like:
No comments:
Post a Comment