iOS Design II: Creating Visual Designs & Delightful Interactions
- 1x (Normal)
Intro & Class Project1:15
Understanding iOS 8 Design Principles4:22
iOS Visual Design Language6:15
iOS UI Components5:43
Defining a Visual Language7:04
UI Templates & Best Practices9:08
Applying Visual Design7:48
Gestures & Transitions5:17
About This Class
Welcome to the second lesson in this three part series of iOS design classes. Throughout this series we’ll cover the basics of user experience design, interaction and visual design, prototyping, and user testing, all as they pertain to designing for mobile. We’ll pay particularly close attention to the user’s journey through the app you design to ensure a clear, focused experience and finish with delightful interactions and a beautiful, intuitive design. At the end of the series, you should feel confident in your iOS design skills with the tools and techniques you’ve learned.
This class is great for designers of any skill level. The first class starts with the basics of UX and only a few tools are required. The second and third classes of the series do require some basic knowledge of Photoshop.
What You’ll Learn
In this second class, I’ll provide you with an explanation of the design principles and patterns that are an integral part of iOS design. We’ll cover creating mood boards, how to define your own visual language for your app, how to structure your Photoshop files for iOS, and an overview of gestures, transitions and interactions. Topics we will cover include:
- An overview of iOS design principles. You’ll gain an understanding of the themes that iOS8 embodies and how to apply these principles to your own designs. I’ll share examples of Apple’s built-in apps to demonstrate each principle.
- iOS user interface components. I’ll walk you through the anatomy of iOS apps, when it makes sense to use particular UI components, and what’s open to your imagination.
- Mood boards and style guides. We’ll cover why it’s beneficial to create a mood board before beginning visual design, what to include in one, and how to craft a style guide.
- Photoshop setup and templates. In this Photoshop demo, I’ll show you how to set up your files with dimensions, resolutions, text sizes, and more. I’ll share tips and examples for efficiency and ease.
- Applying visual design. I will walk you through designing the example project, while highlighting the design principles and patterns we've covered so far. I’ll also share best practices for design and user experience.
- Gestures, transitions and interactions. Finally, we’ll cover the iOS standards and how you can apply these to your own app to make it feel right at home on IOS.
What You’ll Make
This project for the entire series will be to create your own travel app or rethink an existing one. For this second class, your deliverable will be visual designs for a few key screens of your iPhone app. You’ll share your design progress as you go.
Other Classes in this Series
Check back soon to find out when the third class will be available!
- iOS Design I: Getting Started with UX
- iOS Design III: Validating Designs with Prototypes & User Testing
Class Projects 5 See All
66 of 67 students recommendSee All
Amazing pace and response! I was a year late in taking this course when it was fresh with iOS 8, but loving the challenge of incorporating iOS 9 and 10 elements into this design.
I'm Product Design Manager at Evernote in the San Francisco bay area. I'm a visual designer at heart, but found my sweet spot in mobile and product design. I specialize in iOS design, web design, as well as UI/UX.
I've been with Evernote for over 4 years now. Previously, I was lucky to be a part of some super talented design teams at Yahoo!, Odopod, AKQA and Hunt & Gather.