4.64 out of 5
4.64
119 reviews on Udemy

Ultimate App Design Course: UI, UX & Prototyping in Adobe XD

The Complete Guide to Designing Apps in Photoshop & Adobe XD! Create interactive prototypes WITHOUT any coding!
Instructor:
Cristian Doru Barin
1,022 students enrolled
English [Auto-generated]
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

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 140.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.

Getting Started

1
Requirements and your expectations
2
Join Our Photoshop Community
3
Photoshop vs Adobe Experience Design vs Sketch
4
Don’t design any mobile app without this!
5
Activity: Design your first app layout – Part 1
6
Activity: Design your first app layout – Part 2
7
How much money can you earn as an app designer?
8
Preview your designs on your phone
9
Optional - Computer requirements
10
Discover the differences between Android and iOS apps

Best Photoshop Techniques for App Designing

1
Introduction
2
Set up Photoshop for app designing
3
Best settings for an Android project in Photoshop
4
Must-know artboard features in Photoshop
5
10 Tips to efficiently work with vectors in Photoshop
6
Best tips for layer alignment
7
Learn to efficiently select layers in artboards
8
Exercise: Layer selection and repositioning
9
Solve the previous exercise
10
Best typography tips for app designing
11
Learn how to actually use smart objects

Material Design and Essential Android Components

1
Introduction to Material Design
2
Android interface components overview
3
Learn to design the action bar
4
The simple guide to sizing components in pixels
5
Sizes in pixels & action bar showcase
6
Everything you need to know about tabs
7
Displaying content in cards
8
Beautiful and effective buttons on Android
9
Text Fields
10
FREE size guide for Android components

Food Delivery App

1
Introduction to this section
2
Understanding the brief and the client's wishes
3
Analyze the app’s competitors – Part 1
4
Analyze the app’s competitors – Part 2
5
Layout for the location (1) and listing (2) screens
6
Layout for the restaurant details (3) screen
7
How to make great design choices
8
Design concepts for the location screen (1)
9
Design concepts for the restaurant listing (2)
10
Restaurant listing alternatives (2)
11
Final restaurant listing variations (2)
12
Design concepts for the restaurant details (3) screen
13
Choosing the best typeface
14
Define and refine our app’s style
15
Finishing touches screen 1
16
Finishing touches on screens 2 and 3
17
Section overview

Android Icons & Design Principles

1
Section introduction
2
What do you want to be? A designer or a problem-solver?
3
Discover the one thing that ruins all your designs
4
UI Icons in Android apps
5
Hands-on icons: Create a dashboard panel
6
Android Icons: Case studies
7
A guide for app design inspiration
8
Target audience and the app’s story
9
Create a mood board
10
Discover what makes an app beautiful

The Principles of Color in Android Apps

1
Android color fundamentals
2
How to use color appropriately
3
The principle of color contrast
4
The best color schemes from top apps
5
Tools for awesome color schemes
6
How to implement a color scheme

Typography in Android Apps

1
Android typography fundamentals
2
7 rules for Android legibility
3
Guide for perfect font sizing in Android apps
4
Typography: what the biggest apps are doing
5
How to make lots of text look great
6
How to pair fonts correctly

Designing iOS Apps

1
iOS apps – Overview
2
1x, 2x, 3x, PPI, notch?! iOS artboard size guide
3
App design comparison: iOS vs Android
4
My take on the official UI Kit
5
iOS status bar (with/wo Notch)
6
iOS Navigation bar
7
iOS Tab bar
8
iOS Text Fields
9
iOS Controls
10
Running Android apps on Mac OS
11
The official iOS typeface – should you use it?
12
iOS conclusions

Food Delivery App - Part 2

1
Section introduction
2
Preparing the PSD for 20+ screens
3
Login and registration screens – version 1
4
Login and registration screens iteration
5
Design the right menu
6
Design the left menu
7
Creating card-based layouts for Addresses and Payments
8
Add a payment method – Design a credit card
9
Design the Reviews screens
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.6
4.6 out of 5
119 Ratings

Detailed Rating

Stars 5
79
Stars 4
30
Stars 3
9
Stars 2
0
Stars 1
1
46305b10506acbbecc4ae2a919987efb
30-Day Money-Back Guarantee

Includes

15 hours on-demand video
2 articles
Full lifetime access
Access on mobile and TV
Certificate of Completion