Getting Started
  • Requirements and your expectations
  • Join Our Photoshop Community and Download all Resources
  • Photoshop vs Adobe Experience Design vs Sketch
  • Don’t design any mobile app without this!
  • Activity: Design your first app layout – Part 1
  • Activity: Design your first app layout – Part 2
  • How much money can you earn as an app designer?
  • Preview your designs on your phone
  • Optional - Computer requirements
  • Discover the differences between Android and iOS apps
Best Photoshop Techniques for App Designing
  • Introduction
  • Set up Photoshop for app designing
  • Best settings for an Android project in Photoshop
  • Must-know artboard features in Photoshop
  • 10 Tips to efficiently work with vectors in Photoshop
  • Best tips for layer alignment
  • Learn to efficiently select layers in artboards
  • Exercise: Layer selection and repositioning
  • Solve the previous exercise
  • Best typography tips for app designing
  • Learn how to actually use smart objects
Material Design and Essential Android Components
  • Introduction to Material Design
  • Android interface components overview
  • Learn to design the action bar
  • The simple guide to sizing components in pixels
  • Sizes in pixels & action bar showcase
  • Everything you need to know about tabs
  • Displaying content in cards
  • Beautiful and effective buttons on Android
  • Text Fields
  • FREE size guide for Android components
Food Delivery App
  • Introduction to this section
  • Understanding the brief and the client's wishes
  • Analyze the app’s competitors – Part 1
  • Analyze the app’s competitors – Part 2
  • Layout for the location (1) and listing (2) screens
  • Layout for the restaurant details (3) screen
  • How to make great design choices
  • Design concepts for the location screen (1)
  • Design concepts for the restaurant listing (2)
  • Restaurant listing alternatives (2)
  • Final restaurant listing variations (2)
  • Design concepts for the restaurant details (3) screen
  • Choosing the best typeface
  • Define and refine our app’s style
  • Finishing touches screen 1
  • Finishing touches on screens 2 and 3
  • Section overview
Android Icons & Design Principles
  • Section introduction
  • What do you want to be? A designer or a problem-solver?
  • Discover the one thing that ruins all your designs
  • UI Icons in Android apps
  • Hands-on icons: Create a dashboard panel
  • Android Icons: Case studies
  • A guide for app design inspiration
  • Target audience and the app’s story
  • Create a mood board
  • Discover what makes an app beautiful
The Principles of Color in Android Apps
  • Android color fundamentals
  • How to use color appropriately
  • The principle of color contrast
  • The best color schemes from top apps
  • Tools for awesome color schemes
  • How to implement a color scheme
Typography in Android Apps
  • Android typography fundamentals
  • 7 rules for Android legibility
  • Guide for perfect font sizing in Android apps
  • Typography: what the biggest apps are doing
  • How to make lots of text look great
  • How to pair fonts correctly
Designing iOS Apps
  • iOS apps – Overview
  • 1x, 2x, 3x, PPI, notch?! iOS artboard size guide
  • App design comparison: iOS vs Android
  • My take on the official UI Kit
  • iOS status bar (with/wo Notch)
  • iOS Navigation bar
  • iOS Tab bar
  • iOS Text Fields
  • iOS Controls
  • Running Android apps on Mac OS
  • The official iOS typeface – should you use it?
  • iOS conclusions
Food Delivery App - Part 2
  • Section introduction
  • Preparing the PSD for 20+ screens
  • Login and registration screens – version 1
  • Login and registration screens iteration
  • Design the right menu
  • Design the left menu
  • Creating card-based layouts for Addresses and Payments
  • Add a payment method – Design a credit card
  • Design the Reviews screens