Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
2021-02-24 00:02:38
30-Day Money-Back Guarantee
Design User Experience Design Mobile App Design

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!
Rating: 4.6 out of 54.6 (801 ratings)
5,715 students
Created by Cristian Doru Barin
Last updated 2/2021
English
English [Auto]
30-Day Money-Back Guarantee

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
Curated for the Udemy for Business collection

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

Featured review

Jane Muthoni
Jane Muthoni
13 courses
6 reviews
Rating: 5.0 out of 5a year ago
This is the best course out there for mobile design. As usual Chris doesn't cut any corners, so you will go from a beginner to pro after you are done. I definitely recommend this course to anyone who want to get the full mobile design experience. Thanks Chris for creating this course.

Course content

15 sections • 149 lectures • 14h 42m total length

  • Preview09:05
  • Join Our Photoshop Community and Download all Resources
    02:24
  • Photoshop vs Adobe Experience Design vs Sketch
    Preview05:44
  • 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
  • Preview03:07
  • Preview your designs on your phone
    04:05
  • Optional - Computer requirements
    08:31
  • Discover the differences between Android and iOS apps
    04:32

  • 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

  • Introduction to Material Design
    03:53
  • Android interface components overview
    06:37
  • Learn to design the action bar
    Preview06:38
  • 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

  • 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
  • Preview06:40
  • 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

  • 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

  • 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

  • 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

  • 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

  • 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 (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

Instructor

Cristian Doru Barin
Certified Photoshop Instructor & Expert, Web & App Designer
Cristian Doru Barin
  • 4.6 Instructor Rating
  • 32,169 Reviews
  • 237,733 Students
  • 7 Courses

Chris Barin is a professional web and app designer with nearly 10 years of Photoshop experience. He's also an Adobe Certified Instructor and Certified Photoshop Expert.

By being self-taught, he managed to gain the trust of over 230.000 students from all over the world through his Photoshop courses. A staple of his materials is a hand-on, down-to-Earth approach that focuses on getting maximum results with minimal effort.

Chris started out as a freelance web designer and built a loyal client base, earning over $50,000 by designing sites part time. Today, he runs his own Android design studio, 20+ strong, creating fantastic looking apps for clients; his apps have over 100 million downloads to date. 

Passionate about teaching, Chris teaches on Udemy because he has been disappointed in the quality of training materials available for people who want to learn design. In his courses, he holds nothing back; he documents and shares his entire experience on how he managed to stand out from the competition and do the work that he loves full-time.    

Chris’s courses are some of the highest rated ones in the design category, as well as some of the bestselling ones on the entire platform. Students rave about his fast response time, clear explanations, and overall teaching style. Feel free to send him a message if you have any questions or suggestions for how he can create a better learning experience for you.    

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.