The Complete App Design Course - UX, UI and Design Thinking

Name: The Complete App Design Course - UX, UI and Design Thinking
Rating: 4.4 (12086 reviews)

Learn App Design to Make Beautiful, Lovable Apps

Created byApp Brewery Co.

Last updated 11/2019

English

Arabic [Auto],English [Auto],

What you'll learn

Create mobile app designs from scratch
Understand the differences between designing for iOS and Android
Create wireframe designs for any digital project
Create mockups using Sketch and other tools
Create animated prototypes
Start a new career as a UI/UX designer

Course content

8 sections • 62 lectures • 3h 4m total length

Introduction to the App Design Course1:41
How to Get All The Free Stuff1:09
Download Your Massive Bundle Here0:07
To download your massive bundle of assets. All you have to do is check this lesson's resources to get all the assets we've compiled for you.
Why design is important for an app entrepreneur1:32
Discover why design matters for app entrepreneurs, as millions of apps compete in the App Store and user experience drives emotional response, delight, and five-star reviews.
Designer vs. Non-Designer Thinking3:33
Explore the differences between designer and non-designer thinking, learn color theory and typography, and apply these principles to create clear, beautiful mobile apps.

Understanding the Mood of Your Colour Palette6:02
Explore color theory and how red, yellow, green, blue, and purple evoke emotions to guide effective app design and branding.
How to Combine Colours to Create Colour Palettes4:08
Explore color theory to build effective palettes using the color wheel: analogous harmony, complementary contrast, split colors, triadic balance, and monochromatic tones for modern app icons.
Tools for Designing with Colour2:47
Explore color palettes and color theory to guide mood in design. Use tools like colorhunt.com, flat ui colors, material palette, and ColorZilla to generate iOS-ready palettes and capture hex codes.
Tools for Designing with Color Resources0:03
Further Reading on Designing with Colour0:14

Introduction to Typography0:44
The Serif Type Family - Origins and Use4:40
Explore the serif type family from old style to modern, including Didot and slab serif, and see how modulation and historical context shape typography.
The Sans Serif Type Family - Origins and Use1:38
How Typography Determines Readability2:39
How to Combine Fonts Like a Pro6:00
Learn to pair serif and sans serif fonts for headings and body, keep to two fonts, and use mood, era, and weight variations to create contrast.
Further Reading on Typography0:23

What is User Interface (UI) Design?0:42
The Tour Guide Approach to UI Design3:11
What is Good Practice in Interaction Design8:25
The Importance of Alignment2:50
Colour in User Interface Design2:16
The Many Ways of Designing Text Overlays3:22
Learn how to keep text visible over changing images using overlays and color contrast, with black or colored overlays, gaussian blur, gradient opacity, and thorough testing across images.
How to Be an Attention Architect4:46
Further Reading on User Interface Design0:15

What is User Experience (UX) Design?4:11
Usability5:17
Identify the app’s core functionality and design for a frictionless task completion by minimizing steps. Map the user journey to a simple path (go today, go tomorrow) and avoid anti-patterns.
Asking for Permissions3:14
Learn how small favors build consent and likability in user experience design, and use light patterns with incremental permissions like terms and GPS to build trust.
User Profiling2:30
Form vs. Function2:18
Consistency2:57
Simplicity4:17
Prioritize simplicity to prevent bad user experience and avoid cluttered interfaces. Show how minimizing steps, grandma proof design, and intuitive onboarding improve app discovery and usability.
Don't Make Me Think7:27
Onboarding2:34
Idiot Boxes3:43
Further Reading on User Experience Design0:30

Android vs. iOS Design3:11
Discover the differences between iOS and Android design, including tab bars versus hardware buttons, and why non-native porting can create a jarring user experience.
Navigation3:08
Compare android back navigation with iOS, where Android returns to the previous screen and iOS moves up the hierarchy, and note the tab bar's five-item limit versus the hamburger menu.
The Devil is in the Details1:09
Differences in Icon Design0:35
Flat Design vs. Material Design2:32
Differences in Establishing Visual Hierarchy0:44
iOS and Android Design Guidelines2:56
Explore the key differences between iOS and Android design and align apps with each platform's guidelines. Refer to the human interface guidelines and material design guidelines.

Step 1: Design Patterns and Colour Palettes3:29
Explore hands-on app design by defining features for a workout app—select workouts, track progress, and view stats—then draw inspiration from mobile patterns and craft a color palette using Color Hunt.
Where to find design patterns and colour palettes0:05
Step 2: How to Create a User Flow Diagram7:56
Create a user flow diagram to map a user journey across screens, decisions, and arrows, illustrated with a home feed, compose screen, and tweet or cancel actions.
Step 3: How to Create Wireframes10:33
Wireframing Resources0:06
Step 4: How to Create Professional Mockups5:07
Tools for Creating Mockups0:02
How to use Sketch (41) to Create Mockups15:28
How to Use Canva to Create Mockups3:39
Learn how to use Canva to create app mockups with drag-and-drop wireframe components and templates. Customize navigation, headings, color palettes, and multi-page screens without Sketch.
Your Turn to Create Your Own Mockups2:03
Turn your wireframes into photorealistic recipe app mockups using Place It dot net or sketch. If you lack mac access, Canva provides a viable alternative.
Tools and Resources for Creating Mockups0:06
Step 5: How to Create an Animated App Prototype3:37
Turn high-fidelity mockups into interactive, no-code prototypes using Marvel, Invision, Principal, and Proto.io, with tween animations and Keynote’s Magic Move to show how the app looks and works.
Tools and Resources for Creating Prototypes0:03
Prototyping with Keynote8:03
Learn to prototype app animations with keynote, including transparent phone outlines, map blocking, zoom and pan, and magic move and drop effects.
Protoyping with Marvel5:26
Your Turn to Create a Prototype1:16
Example Marvel Prototype0:09

Requirements

No pre-knowledge required - we'll teach you everything you need to know
A PC or Mac is required
No software is required in advance of the course (all software used in the course is free or has a demo version)

Description

There are over 2 million apps on the App Store and growing. The only apps that do well are ones which are well designed both in terms of user interface and user experience. That's why it so important to learn the design skills that will make your app stand out in a crowd.

The App Design Course is great for people with absolutely no design experience or experienced designers who want to get up to speed quickly with mobile app design. We'll introduce you to the art of making beautiful apps. We'll explore key UI and UX concepts that are essential to building good looking and easy to use apps that are loved by users.

The course has a practical component that takes you step-by-step through the workflow of a professional app designer. From user flow diagrams to wireframing to mockups and prototypes.

Students completing the course will have the knowledge to create beautiful and lovable apps that leave people with a smile on their face.

Who this course is for:

Anyone who wants to build apps
Anyone who wants to get more downloads for their apps
Anyone who wants to start their own business or begin a freelance career

The Complete App Design Course - UX, UI and Design Thinking

What you'll learn

Explore related topics

Course content

Introduction5 lectures • 8min

Color Theory5 lectures • 13min

Typography6 lectures • 16min

User Interface (UI) Design for Mobile8 lectures • 26min

User Experience (UX) Design for Mobile11 lectures • 39min

Designing for iOS and Android - What are the Important Differences?7 lectures • 14min

Putting it All Together - A Step-By-Step Guide to the Mobile Design Workflow17 lectures • 1hr 7min

Resources3 lectures • 1min

Requirements

Description

Who this course is for: