iOS Design II: Creating Visual Designs & Delightful Interactions Premium class

Kara Hodecker, Product Design Manager @ Evernote

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
9 Videos (60m)
    • Intro & Class Project

    • Understanding iOS 8 Design Principles

    • iOS Visual Design Language

    • iOS UI Components

    • Defining a Visual Language

    • Photoshop Setup

    • UI Templates & Best Practices

    • Applying Visual Design

    • Gestures & Transitions


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! 

63 of 63 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.
Prince Jackson

Multimedia Designer

Great Overview towards the actual visual design.
Aby Abraham

Software/IT Engineer

The course is very thorough and specific without too much talking. I like this type of hands on trainings Thanks Kara
Safaa Hamed

UX Designer





Kara Hodecker

Product Design Manager @ Evernote

I'm Product Design Manager for Mobile Products 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 a designer at Evernote for over 3 years now. Previously, I was lucky to be a part of some super talented design teams at Yahoo!, Odopod, AKQA and Hunt & Gather. 

When I'm not pushing pixels, I'm likely cross-fitting, running, snowboarding or instagramming! You can also find me on dribbbletwitter, and linked in