Design Mobile Apps - Android & Ios - Ui, Ux & Prototyping

The Complete Course to Designing Apps in Adobe XD! Create interactive prototypes WITHOUT any coding!

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 Adobe XD. I've taught over 250.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: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.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.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.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.

Overview

Section 1: Getting Started

Lecture 1 Requirements and your expectations

Lecture 2 Join Our Photoshop Community and Download all Resources

Lecture 3 Photoshop vs Adobe Experience Design vs Sketch

Lecture 4 Activity: Design your first app layout – Part 1

Lecture 5 Activity: Design your first app layout – Part 2

Lecture 6 Don’t design any mobile app without this!

Lecture 7 How much money can you earn as an app designer?

Lecture 8 Preview your designs on your phone

Lecture 9 Optional - Computer requirements

Section 2: Best Photoshop Techniques for App Designing

Lecture 10 Introduction

Lecture 11 Set up Photoshop for app designing

Lecture 12 Best settings for an Android project in Photoshop

Lecture 13 Must-know artboard features in Photoshop

Lecture 14 10 Tips to efficiently work with vectors in Photoshop

Lecture 15 Best tips for layer alignment

Lecture 16 Learn to efficiently select layers in artboards

Lecture 17 Exercise: Layer selection and repositioning

Lecture 18 Solve the previous exercise

Lecture 19 Best typography tips for app designing

Lecture 20 Learn how to actually use smart objects

Section 3: Material Design and Essential Android Components

Lecture 21 Introduction to Material Design

Lecture 22 Android interface components overview

Lecture 23 Learn to design the action bar

Lecture 24 The simple guide to sizing components in pixels

Lecture 25 Sizes in pixels & action bar showcase

Lecture 26 Everything you need to know about tabs

Lecture 27 Displaying content in cards

Lecture 28 Beautiful and effective buttons on Android

Lecture 29 Text Fields

Lecture 30 FREE size guide for Android components

Section 4: Food Delivery App

Lecture 31 Introduction to this section

Lecture 32 Understanding the brief and the client's wishes

Lecture 33 Analyze the app’s competitors – Part 1

Lecture 34 Analyze the app’s competitors – Part 2

Lecture 35 Layout for the location (1) and listing (2) screens

Lecture 36 Layout for the restaurant details (3) screen

Lecture 37 How to make great design choices

Lecture 38 Design concepts for the location screen (1)

Lecture 39 Design concepts for the restaurant listing (2)

Lecture 40 Restaurant listing alternatives (2)

Lecture 41 Final restaurant listing variations (2)

Lecture 42 Design concepts for the restaurant details (3) screen

Lecture 43 Choosing the best typeface

Lecture 44 Define and refine our app’s style

Lecture 45 Finishing touches screen 1

Lecture 46 Finishing touches on screens 2 and 3

Lecture 47 Section overview

Section 5: Android Icons & Design Principles

Lecture 48 Section introduction

Lecture 49 What do you want to be? A designer or a problem-solver?

Lecture 50 Discover the one thing that ruins all your designs

Lecture 51 UI Icons in Android apps

Lecture 52 Hands-on icons: Create a dashboard panel

Lecture 53 Android Icons: Case studies

Lecture 54 A guide for app design inspiration

Lecture 55 Target audience and the app’s story

Lecture 56 Create a mood board

Lecture 57 Discover what makes an app beautiful

Section 6: The Principles of Color in Android Apps

Lecture 58 Android color fundamentals

Lecture 59 How to use color appropriately

Lecture 60 The principle of color contrast

Lecture 61 The best color schemes from top apps

Lecture 62 Tools for awesome color schemes

Lecture 63 How to implement a color scheme

Section 7: Typography in Android Apps

Lecture 64 Android typography fundamentals

Lecture 65 7 rules for Android legibility

Lecture 66 Guide for perfect font sizing in Android apps

Lecture 67 Typography: what the biggest apps are doing

Lecture 68 How to make lots of text look great

Lecture 69 How to pair fonts correctly

Section 8: Designing iOS Apps

Lecture 70 iOS apps – Overview

Lecture 71 1x, 2x, 3x, PPI, notch?! iOS artboard size guide

Lecture 72 App design comparison: iOS vs Android

Lecture 73 My take on the official UI Kit

Lecture 74 iOS status bar (with/wo Notch)

Lecture 75 iOS Navigation bar

Lecture 76 iOS Tab bar

Lecture 77 iOS Text Fields

Lecture 78 iOS Controls

Lecture 79 Running Android apps on Mac OS

Lecture 80 The official iOS typeface – should you use it?

Lecture 81 iOS conclusions

Section 9: Food Delivery App - Part 2

Lecture 82 Section introduction

Lecture 83 Preparing the PSD for 20+ screens

Lecture 84 Login and registration screens – version 1

Lecture 85 Login and registration screens iteration

Lecture 86 Design the right menu

Lecture 87 Design the left menu

Lecture 88 Creating card-based layouts for Addresses and Payments

Lecture 89 Add a payment method – Design a credit card

Lecture 90 Design the Reviews screens

Lecture 91 Create the restaurant’s address and user profile screens

Lecture 92 Making the order history screen & success page

Lecture 93 Create the order details screen

Lecture 94 An overview of our progress

Section 10: Introduction to Adobe XD

Lecture 95 Introduction to Adobe XD (Experience Design)

Lecture 96 Learning XD and setting your expectations

Lecture 97 An overview of XD’s interface

Lecture 98 Getting around in Adobe XD

Lecture 99 Selecting layers in XD

Lecture 100 Shape fundamentals in Adobe XD

Lecture 101 Editing shapes in Adobe XD

Lecture 102 Text fundamentals in XD

Lecture 103 Grid and smart guides

Lecture 104 Pen tool

Lecture 105 Working with photos and masks

Lecture 106 Adobe XD tips & quirks

Section 11: Supercharge your work in Adobe XD

Lecture 107 Optional - Disable Adobe XD's Recording Message on Windows

Lecture 108 From Photoshop to XD

Lecture 109 Create real-life mockups in just a few clicks

Lecture 110 Lightning speed with the Assets panel

Lecture 111 Linked symbols

Lecture 112 Preview and device preview

Lecture 113 Prototyping overview and sharing your design

Lecture 114 Create interactive prototypes

Lecture 115 Prototyping tips and tricks

Lecture 116 Make your app prototype seem real

Lecture 117 The incredible auto-animate and drag

Lecture 118 The Libraries panel

Section 12: How to Work with Mobile App Developers

Lecture 119 Introduction to Zeplin

Lecture 120 What the coder gets out of Zeplin

Lecture 121 From Photoshop to Zeplin to Android Developers

Lecture 122 Anything is possible in Android! Make clients & coders love you

Lecture 123 Design specs through XD

Lecture 124 Exporting from XD

Lecture 125 The best way to work with coders in Zeplin

Section 13: Designing & Prototyping in Adobe XD

Lecture 126 Introduction

Lecture 127 Import and fix the PSD in Adobe XD

Lecture 128 Setting up the prototype

Lecture 129 Prototyping the login and register screens

Lecture 130 Dealing with the City dropdown

Lecture 131 Creating the map interaction

Lecture 132 Finishing the initial screen interactions

Lecture 133 Analyzing our progress

Lecture 134 Recover password and create an account

Lecture 135 Recreate the restaurant listing in Adobe XD

Lecture 136 Creating a search bar

Section 14: Advanced Techniques in Adobe XD

Lecture 137 Connecting the left menu

Lecture 138 Connecting the filters

Lecture 139 Creating an animated tab system for the dish listing

Lecture 140 Creating the app’s routes – difficult!

Lecture 141 Continuing route 1: user registers at the beginning

Lecture 142 Route 2: user registers during checkout

Lecture 143 Route 3: user already has an account

Lecture 144 Restaurant information and reviews

Lecture 145 Fine-tuning and project analysis

Lecture 146 Preparing to export to Zeplin

Lecture 147 Export to Zeplin

Section 15: Final Thoughts from Chris

Lecture 148 Do this before you start freelancing

Lecture 149 Final Thoughts & What's Next

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