Course Roadmap
  • [OPTIONAL] Course Roadmap
-----------------PART 1: App Design and UI/UX--------------
  • Welcome to App Design and UI/UX
  • Design Inspiration
Sketch Basics
  • Why Sketch
  • Understanding the Sketch Interface: Part 1
  • Boolean Operations
  • Getting Apple Design Resources
  • Understanding the Sketch Interface: Part 2
  • Challenge
App Asset and Icon Design
  • Creating a Settings Icon
  • Creating a Home Icon
  • Flattening Icons
  • Creating an Add Icon
  • Making Icons Pixel Perfect
  • Rulers and Grids
  • Creating a Profile Icon
  • Creating a Friends Icon
  • Creating a Refresh Icon
  • Symbols
  • Artboards
  • Points and Pixels - The Reason We Need @2x and @3x Icons
  • Challenge
Foundational Design Principles
  • UI vs UX Design: What is the Difference?
  • Design Methods
  • iOS Design Themes and Principles
  • Choosing a Color Scheme: Part 1
  • Choosing a Color Scheme: Part 2
  • iOS Color Systems: Understanding RGBA, HSB, HEX, CYMK and GrayScale
  • The Importance of Color Spaces and Gamut
  • Typography
  • How to Install a Custom Font in XCode
  • Challenge
App Logo Design and The Vector Tool
  • Introducing the Vector Tool
  • [OPTIONAL] The Origins of the Bezier Curve
  • Vector Tool Practice
  • Creating a Weather App Logo
  • Importing our App Logo into Xcode
  • Challenge
Low Fidelity Wireframing (Lo-Fi)
  • Introduction to Wireframes and Mockups
  • Planning the Wireframe
  • Planning the Screens
  • The Home Screen Wireframe
  • Symbolising the Tab Bar
  • The Friends Screen Wireframe
  • The Profile Screen Wireframe
  • Challenge
High Fidelity Wireframing (Hi-Fi) and Atomic Design
  • Atomic Design and Colour Palette
  • Story Post Atomic UI - Part 1
  • Creating the Heart Icon
  • Story Post Atomic UI - Part 2
  • Creating the GPS Icon
  • Story Post Atomic UI - Part 3
  • The Home Screen Wireframe
  • The Friends Screen Wireframe
  • Friends Post Atomic UI
  • The Profile Screen Wireframe
  • Challenge
Mockups
  • Mockup Design Strategy
  • Home Screen Mockup Part 1
  • Home Screen Mockup Part 2
  • Friends Screen Mockup
  • Profile Screen Mockup
  • Challenge
Foundational User Experience (UX) Principles
  • A Practical Understanding of User Experience
  • The 4 Key Elements of User Experience
  • Iteration and the App Design Process
  • The 5 Stages of the Design Thinking Process
  • 5 Essential UX Design Patterns
  • Challenge
UX Research and Usability Testing
  • Introduction to UX Research and Usability Testing
  • UX Research Methods
  • A/B Testing
  • Heatmap Testing
  • Guerrilla Testing
  • Challenge
Prototyping
  • Prototype Setup
  • How to Scroll
  • How to Transition
  • Prototyping Limitations
  • Challenge
User Flows and the Conversion Funnel
  • Introduction to User Flows
  • User Flows with Sketch
  • User Flow Atomic Elements
  • Challenge
User Journey Mapping
  • Introduction
  • User Personas