Getting Started
  • An Introduction: What am I learning?
How about some Photoshop?
  • Resources
  • Getting our Feet Wet with Photoshop
  • Setting up a document
  • Working with mockups
  • Quiz One
Splash Screen
  • Starting with a Splash!
  • Creating a simple logo
  • A new document
  • Starting Our Buttons
  • Adding A Background
  • Overlay and Opacity
  • Finalize Our Screen
Our First App!
  • Screen 1: Loading
Registration Screen
  • Section Files
  • Arranging Our Canvas
  • Styling Top Bar
  • Adding Content
  • Making Some Buttons
  • Finishing Touches
Building the Status Bar
  • Connectivity Circles
  • Direction & Challenge
  • Adding Text
  • The Battery
Login Screen
  • Section Files
  • Setup Our Canvas
  • Text Elements
  • Login Button
  • Finish Content
  • Email & Password Icons
  • Quick Reminder: Save a PSD and a JPEG
Featured Screen
  • Section Files
  • Creating A Template
  • Top Content
  • Using Smart Objects
  • Duplicate Course
  • Description Layer
  • Challenge: Adding Stars & Price
  • New Smart Objects
  • Replace Course Image Objects
  • Drop Shadow & Course Image
Creating An Action/Navigation Bar
  • Background
  • Featured Icon
  • Finishing Action Bar
Search Screen
  • Section Files
  • Search Bar
  • Text Field
  • Organize Our Layers
  • Change Active Icon
Design Challenge
  • Recreate the My Courses Screen
Wishlist Screen
  • Section Files
  • Document Setup
  • Wishlist Content
Settings Screen
  • Section Files
  • Document Setup
  • First Setting Bar
  • Duplicate & Clean Up Layers
  • Logout Of Settings
Creating a Prototype in InVision
  • Prototype VS Wireframe
  • Getting Started with Invision
  • Making It Clickable
Creating an App Icon
  • Download IOS Icon Mockup
  • Create Udemy Logo With Pen Tool
  • Background Color & Export
Invision Tricks
  • InVision Trick #1: Scrolling In an App
  • InVision Trick #2: Adding Login Validation
Showing the World!
  • Sharing your App
Color Theory
  • 10 Commandments of Color Theory
  • Color and Branding
  • The Power of Color
Typography
  • An Introduction to Typography
  • Different Typefaces
  • Typeface Properties
  • The Anatomy of Typeface
  • 10 Commandments of Typography
Wireframing
  • Working with Wireframing Software
  • Color and Font Resources
  • Quick Note
UI Kits
  • TETHR