Build your audience with professionally designed, UX-friendly apps
About This Video
Learn basic design principles and tools and work on three brilliant projects
Learn the basics of prototyping
In Detail
Welcome to The Complete Guide to Designing a Mobile App!
Many fantastic apps never attract a big audience, and one key reason for that is that they're poorly designed. There's a big difference between building an app and designing it; …
The Complete Guide to Designing a Mobile App
Video description
Build your audience with professionally designed, UX-friendly apps
About This Video
Learn basic design principles and tools and work on three brilliant projects
Learn the basics of prototyping
In Detail
Welcome to The Complete Guide to Designing a Mobile App!
Many fantastic apps never attract a big audience, and one key reason for that is that they're poorly designed. There's a big difference between building an app and designing it; it's the difference between an app that works perfectly, looks fantastic, and does exactly what it promises, and one that doesn't. The more design work you put into your app, the more successful your app will be.
In this course, you'll get a brief overview of design principles, before getting into the how-to and learning by doing, with regular exercises and challenges to test and cement your learning. The first half of the course focuses on:
Design basics—Learn simple (but devastatingly effective) design principles. Understand the differences between iOS and Android design systems, and what that means for your app.
Polishing your idea—Tailor your app to your users and stand out from the competition! Learn how to sketch out and wireframe an app idea and see the difference this makes!
Information architecture—The backbone of any good app. The structure of your design is so important—learn the guiding principles behind the app and information architecture here!
Style—color, font, icons, typography. Everything you need to know!
Components and patterns—Help users navigate your app. Create forms, fields, notifications, animations, and more!
The user experience—Make your app simple and intuitive and your users will love you. Learn how here.
Design with Sketch—A complete guide to the hugely well-regarded design software, Sketch.
As your skills increase and your confidence grows, you'll start work on three brilliant projects, designing and creating every element of the following apps!
An Instagram app
A food delivery app
A studio booking app
By the end of this course, you'll know everything there is to know about app design and will have created three hugely impressive projects for your career portfolio!
Chapter 4 : Information Architecture, the bones of your app
Information Architecture
00:03:35
Mobile Architecture
00:05:07
App Layout Principles
00:06:02
Designing for Different Resolutions
00:03:51
Gestures
00:03:02
Chapter 5 : Style
Color
00:03:20
Icons
00:02:07
Imagery
00:01:41
Typography
00:02:51
Writing
00:03:59
Chapter 6 : Components & Patterns
Navigation
00:04:26
UI Controls & Common Patterns
00:06:52
Notifications
00:03:02
Fields and forms
00:08:54
Animation & Motion
00:04:56
Cards
00:03:20
Progress Indicators
00:06:45
Lists
00:03:33
Tables
00:03:03
Errors
00:04:55
Offline States
00:04:15
Search
00:04:50
Chapter 7 : Bring it Together
Onboarding
00:04:38
Discoverability
00:03:19
Accessibility
00:05:03
UI Sound
00:09:47
Overview of Design Systems
00:04:37
Chapter 8 : Design with Sketch
Sketch Overview
00:08:40
Artboards & Templates
00:09:24
Ui Kits
00:05:07
Creating your own symbols
00:16:03
Plugins
00:03:13
Libraries
00:09:05
Creating an icon
00:12:13
Sketch Mirror
00:03:00
Chapter 9 : Design an Instagram Clone
Overview of Instagram Clone Project
00:08:14
Visual Design: Home
00:05:11
Visual Design: Profile
00:05:04
Visual Design: Search
00:03:57
Chapter 10 : Design a Food Delivery App
Overview of Food Delivery App Project
00:00:46
Order Flow Overview
00:09:34
Order Cart Solution
00:08:14
Delivery and Payment Solution
00:05:36
Order Confirmation Solution
00:08:34
Login/Sign Up Overview
00:02:35
Login/Sign Up Solution
00:17:30
Restaurant Listings Overview
00:01:23
Restaurant Listings Solution
00:18:39
Details & Reviews Overview
00:00:59
Restaurant Details Solution
00:10:21
Reviews Page Solution
00:09:21
Chapter 11 : Design a Studio Booking App
Overview of Studio Booking App Project
00:03:23
Competitive Research
00:05:04
Studio Pass Wireframe Challenge
00:02:38
Studio Pass Wireframe Solution
00:02:07
Studio Pass Visual Design Challenge
00:00:47
Studio Pass Visual Design Solution
00:02:11
Chapter 12 : Prototyping Tools
Why prototype?
00:01:22
Paper Prototyping
00:04:18
Prototyping in Sketch
00:03:29
InVision
00:12:18
UXPin
00:08:14
Chapter 13 : Voice, AR, & Gaming
Augmented Reality
00:05:58
Design with Voice
00:16:16
Designing for Games
00:08:26
Chapter 14 : Resources & Conclusion
Resources
00:02:01
Conclusion
00:00:46
Start your Free Trial Self paced Go to the Course We have partnered with providers to bring you collection of courses, When you buy through links on our site, we may earn an affiliate commission from provider.
This site uses cookies. By continuing to use this website, you agree to their use.I Accept