Now that you have a pretty good idea what others are up to and are feeling pretty damn inspired it is time to put your ideas down on paper. Checkout Apple’s guidelines on designing for iOS7 so you know exactly what they themselves are recommending you do. Check out their icons – whether this be home app icons like Messages or icons with an app like the ones used in their Clock app. Most importantly, however, this should get you inspired! Looking at amazing iconography fellow designers are doing should spark creativity within and then allow you to get great ideas when you are ready to sketch them.īecause this guide is specific to iOS7 a good idea would be to see what Apple is doing too. This will get you an idea what the current trends are – which are the do’s and don’t of those trends too. 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.With Postcards you can create and edit email templates online without any coding skills! Includes more than 100 components to help you create custom emails templates faster than ever before.įirst, go check out what other people are doing. We hope that you’ll find this handy for theming elements based on your app’s unique color palette. If you edit any one of these swatches (the key color, for example), it will change all the comps to reflect that change. 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). 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. 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. 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. 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.

Everything is on a pixel, when possible, so that all assets are sharp and clean. Pixel Grid Alignment: We’ve focused on making this file pixel-perfect. Here are a few features you might appreciate: This file is compatible with Adobe Illustrator CC and newer. And one of the more unexpected discoveries was how Apple composites multiple text layers with various blending effects and opacities to achieve readable text across all six of the various colored Health charts.

As small as it is, I also enjoyed recreating the color wheel stroked circle icon used to represent Color options in the new Photo editing suite. With this in mind, it was fun to deconstruct the new Family Sharing iCloud icon and see how objects were layered and blended. Personally, I always enjoy evaluating how objects are created that are outside of my normal approach. We are always excited to see how Apple is approaching their UI and iconography and the approaches they take in creating various elements and objects as well. It’s the type of craftsmanship that is often overlooked or dismissed as too time consuming and unnecessary, but these types of details add up and are important. I admire Apple’s attention to detail in making so many refinements that most users might never even notice. We’ve already touched on how expansive the changes were in iOS 8, and that was by far our biggest lesson here.

Ios 7 vector icons free