Design Mobile Apps: UI, UX & Prototyping in Adobe XD & PS
4.6 (615 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
4,579 students enrolled

Design Mobile Apps: UI, UX & Prototyping in Adobe XD & PS

The Complete Guide to Designing Apps in Photoshop & Adobe XD! Create interactive prototypes WITHOUT any coding!
4.6 (615 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
4,579 students enrolled
Last updated 5/2020
English
English [Auto]
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 14.5 hours on-demand video
  • 1 article
  • 123 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Create beautiful apps in Photoshop & Adobe XD
  • Create interactive prototypes that make the app look like it's coded
  • Design according to the Material Design principles
  • Increase your speed through tips, tricks, and special techniques
Requirements
  • Minimal Photoshop knowledge - know the hotkeys, tools, and you've used it at least 30 days combined in the last 6 months
  • Patience & commitment - the journey will be difficult at times!
Description

Do you want to design outstanding apps? Impressive prototypes that look like the real deal but without any coding? This course is a masterclass – a comprehensive approach to mobile app designing. I’ll teach you everything you need to know, from A to Z. We’ll use Photoshop, Adobe XD, Zeplin. I've taught over 180.000 students on Udemy and I'm a best-selling instructor!

You’ll learn about Material Design, the principles of color, spacing, and typography, tips and tricks, how to get design resources, and much much more. Get a life skill that’s high in demand in today’s job market, all for the price of a fancy coffee. Create beautiful apps, interactive prototypes, and supercharge your career.

You'll learn to:

  • Design beautiful mobile apps;

  • Create interactive prototypes without any previous knowledge;

  • Use Photoshop for mobile app design;

  • The principles of Material Design;

  • Learn Adobe XD from scratch;

  • Prepare all the files for developers through a special program called Zeplin;

  • How to size elements correctly on ALL phone types and sizes;

  • Typography best practices;

  • Where to get design resources like icons, custom graphics, photos, and more;

FAQ:


  1. Will I learn how to code them? Kotlin, Java, Swift, Android Studio, Xcode, Eclipse?

    No, that's not covered. However, I do teach you how to talk to developers and prepare everything. You won't have to slice or manually export your assets. I'll show you all my secrets as the CEO of my own Mobile App Design company, founded in 2013.


  2. What Photoshop version do I need to have?

    Any CC version will do. CS6 is not good enough, but you can get a free 7 day trial from Adobe's website. More than enough time to watch this course.


  3. Is this course for everybody?

    I don't assume you have any experience regarding mobile apps. You do need basic Photoshop skills. This is explained in detail in the lecture called "Requirements and your expectations". In short, if you're not a complete beginner in terms of Photoshop, you'll be fine.


  4. What will we design?

    We have a few projects, but there's a flagship app that's as real as they get. Over 70 screens in the final prototype - beautiful, sleek, interactive, modern. All the cutting edge techniques and best practices are used.

Final, personal note: I can honestly say there isn't anything like this anywhere out on the market. Believe me, I've looked long and hard. The course is PACKED full of knowledge I would have loved to have at the beginning of my career as a mobile app designer. I believe it's going to help a lot of people get a fantastic life skill. By far, this is the best course I've ever created. I hope you'll feel the same way.

Who this course is for:
  • Anybody that wants a dependable life skill that can bring a solid income
  • Designers who want to know more about Material Design, creating apps, and interactive prototypes
  • Anyone who wants to launch their own mobile apps
  • Developers who want to expand their skill set
  • Photoshop users that are looking for an alternative tool - Adobe XD
Course content
Expand all 149 lectures 14:42:16
+ Getting Started
10 lectures 57:13
Join Our Photoshop Community and Download all Resources
02:24
Don’t design any mobile app without this!
05:22
Activity: Design your first app layout – Part 1
07:00
Activity: Design your first app layout – Part 2
07:23
Preview your designs on your phone
04:05
Optional - Computer requirements
08:31
Discover the differences between Android and iOS apps
04:32
+ Best Photoshop Techniques for App Designing
11 lectures 01:14:06
Introduction
03:19
Set up Photoshop for app designing
04:46
Best settings for an Android project in Photoshop
05:33
Must-know artboard features in Photoshop
06:59
10 Tips to efficiently work with vectors in Photoshop
11:22
Best tips for layer alignment
08:16
Learn to efficiently select layers in artboards
07:54
Exercise: Layer selection and repositioning
02:04
Solve the previous exercise
05:47
Best typography tips for app designing
10:16
Learn how to actually use smart objects
07:50
+ Material Design and Essential Android Components
10 lectures 56:22
Introduction to Material Design
03:53
Android interface components overview
06:37
The simple guide to sizing components in pixels
05:19
Sizes in pixels & action bar showcase
07:50
Everything you need to know about tabs
08:02
Displaying content in cards
05:47
Beautiful and effective buttons on Android
06:55
Text Fields
05:21
FREE size guide for Android components
00:00
+ Food Delivery App
17 lectures 02:01:07
Introduction to this section
04:08
Understanding the brief and the client's wishes
06:55
Analyze the app’s competitors – Part 1
07:40
Analyze the app’s competitors – Part 2
07:47
Layout for the location (1) and listing (2) screens
07:21
Layout for the restaurant details (3) screen
06:11
How to make great design choices
06:45
Design concepts for the location screen (1)
08:12
Design concepts for the restaurant listing (2)
08:44
Restaurant listing alternatives (2)
09:50
Design concepts for the restaurant details (3) screen
09:42
Choosing the best typeface
08:06
Define and refine our app’s style
08:57
Finishing touches screen 1
07:04
Finishing touches on screens 2 and 3
05:00
Section overview
02:05
+ Android Icons & Design Principles
10 lectures 01:00:50
Section introduction
01:30
What do you want to be? A designer or a problem-solver?
06:53
Discover the one thing that ruins all your designs
04:34
UI Icons in Android apps
07:16
Hands-on icons: Create a dashboard panel
09:49
Android Icons: Case studies
06:24
A guide for app design inspiration
08:03
Target audience and the app’s story
04:27
Create a mood board
06:14
Discover what makes an app beautiful
05:40
+ The Principles of Color in Android Apps
6 lectures 34:18
Android color fundamentals
07:15
How to use color appropriately
03:39
The principle of color contrast
05:38
The best color schemes from top apps
08:17
Tools for awesome color schemes
03:18
How to implement a color scheme
06:11
+ Typography in Android Apps
6 lectures 37:15
Android typography fundamentals
06:52
7 rules for Android legibility
04:52
Guide for perfect font sizing in Android apps
05:43
Typography: what the biggest apps are doing
06:18
How to make lots of text look great
07:21
How to pair fonts correctly
06:09
+ Designing iOS Apps
12 lectures 01:01:52
iOS apps – Overview
04:35
1x, 2x, 3x, PPI, notch?! iOS artboard size guide
10:16
App design comparison: iOS vs Android
04:27
My take on the official UI Kit
03:29
iOS status bar (with/wo Notch)
02:49
iOS Navigation bar
05:01
iOS Tab bar
05:44
iOS Text Fields
04:21
iOS Controls
04:01
Running Android apps on Mac OS
08:58
The official iOS typeface – should you use it?
06:40
iOS conclusions
01:31
+ Food Delivery App - Part 2
13 lectures 01:29:24
Section introduction
01:35
Preparing the PSD for 20+ screens
08:50
Login and registration screens – version 1
10:15
Login and registration screens iteration
06:50
Design the right menu
09:43
Design the left menu
07:09
Creating card-based layouts for Addresses and Payments
07:05
Add a payment method – Design a credit card
08:00
Design the Reviews screens
08:20
Create the restaurant’s address and user profile screens
05:25
Making the order history screen & success page
04:40
Create the order details screen
09:45
An overview of our progress
01:47
+ Introduction to Adobe XD
12 lectures 01:06:43
Introduction to Adobe XD (Experience Design)
08:53
Learning XD and setting your expectations
04:02
An overview of XD’s interface
05:37
Getting around in Adobe XD
03:52
Selecting layers in XD
06:11
Shape fundamentals in Adobe XD
08:44
Editing shapes in Adobe XD
05:52
Text fundamentals in XD
04:04
Grid and smart guides
03:29
Pen tool
03:56
Working with photos and masks
03:43
Adobe XD tips & quirks
08:20