The Beginner's Guide to iOS Design

Dikirimkan pada - Kali Terakhir Diubah Suai pada

In this article I will share some useful resources for iOS application and game design beginners. First things first though -- to understand the main interface, you should read this link --  IOS Human Interface Guidelines. It's a long read, but it's worth your time as it will answer most of your beginner questions in designing for iOS. With it, you will be able to understand Apple design principles. It also expounds on how the following play important roles in the design process:

Deference. The UI helps people understand and interact with the content, but never competes with it. 

Clarity. Text is legible at every size, icons are precise and lucid, adornments are subtle and appropriate, and a sharpened focus on functionality motivates the design.         

Depth. Visual layers and realistic motion impart vitality and heighten

people’s delight and understanding.

[Definitions from: https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/index.html]

Another amazing read is Ben’s Taylor Guide to IOS Design. This article summarizes how human interaction plays a role in becoming an interface guideline when it comes to designing for iOS. 

After you have gone through the reads mentioned above, you may want to grab these cheat sheets for starting and setting up your design station:

Cheat Sheet 1

Cheat Sheet 2

Both of these contain measurements, icons, and the like, to help you with your designing. 

When you are done understanding Apple’s design concept, you are now ready to design your first IOS app, or at least ready to play with designing the interface and to begin here are some resources collected from the web that will help you in the process. 

1. Free IOS7 Basic UI Kit - Teehan+Lax

2. UI kits and Icons (some are free) - PIXEDEN

3. These Photoshop plugins will help you speed up your process but they are not free, though very much worth your money:

Devrocket

Pixel Dropr

Cut and Slice Me

4.  Screen patterns and inspiration to help make your creative brain ready to roll. - PTRNS

5.  A free all-you-need UI Kit for iPhone 5 -  TEETHER UI KIT

I would also recommend and suggest you to watch Apple tutorials, which will help you gain in-depth knowledge on designing for iOS.

These resources should be enough to get you all set and ready for your first design. Always remember that creativity is endless and you'll find that your own imagination will prove to be another valuable resource. 

Dipaparkan 11 Disember, 2014

Misty Interactive Studios

Founder and CEO at Misty Interactive Studios Inc

Misty Interactive Studios (MIS) is a bespoke digital service provider, specializing in digital strategy, development and experience design. We work closely with our clients to uncover the unlocked potential of their business, driving process improvement and efficiency gains. Our expert team of designers and developers craft elegant systems that people love. Our customers have reported increased...

Artikel Seterusnya

Simple Ideas to Make Your Website Look Nicer