Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Mobile App Design: Learn UX/UI and Start Freelancing Career
Getting Started
About Course Instructor (1:46)
What Are We Going to Create in this Course? (1:37)
How to Better Use this Course? (1:16)
Tools We are Going to Use (1:26)
What is User Interface Design? (5:47)
What is User Experience Design? (2:32)
UX vs UI (0:29)
Starting From Idea .....
A Great Imagination and How to Come Up with an App Idea) (3:12)
Identify Target Audience (0:29)
Why Should You Identify Target Audience? (0:41)
How to Figure Out Who to Target? (3:08)
What After That? (1:09)
Assignment 1: Come Up with Your Own App Idea (0:54)
UX Planning, Research, Storytelling, Sketching, Wireframing
Section Overview (1:23)
How to Improve Login Form? (0:27)
Improving Login Form (2:03)
How to Improve Checkout Form? (1:04)
Improving Checkout Form (1:04)
Coming up with Top 3 Features for the App (0:42)
Top 3 Features (3:15)
Top 3 Features (Notes)
Using / Creating Personas (5:19)
Persona Template
Assignment 2: Create a Persona for Your Own App Idea (0:46)
Storytelling (2:57)
Assignment 3: Create Storyboard for Your Own App (1:05)
Sketching (4:54)
Assignment 4: Sketch Your App Idea (0:41)
Wireframing (5:56)
Assignment 5: Create Wireframes for Your App (0:59)
Final Words on UX (1:14)
Photoshop for UI Design
Intro to Photoshop (2:11)
Learning the Interface (1:37)
Layers (4:30)
Grids (2:36)
Free Transform (4:43)
Creating the Button (5:10)
Adding Two Fields (6:10)
Intro to Layer Styles (4:34)
Using Background Image and Overlay to Create a Background for the App (3:25)
Typography (6:37)
Free Font Lato by tyPoland Lukasz Dziedzic
Create a Testimonial (2:27)
Intro to Layer Masks (3:25)
Clipping Masks (3:27)
New Lecture
Create a Checkbox (5:36)
Create a Radial Progress Bar (3:43)
Assignment 6: Re-create this Mobile App Screen (1:48)
Congratulations! You’re ready for an actual app design! (0:44)
Visual App Design: Login Screen Design
Searching for Inspiration (2:36)
Resource for Free Mobile Icons (0:31)
Finding Free Social Icons on the Web (0:40)
Starting with our Sketch of the Login Screen (0:51)
Designing Background for the Login Screen (3:24)
Adding Status Bar (TeehanLax) (3:06)
Designing Logo (3:06)
Creating Two Fields for Email and Password (3:50)
Creating Login Button (2:46)
Adding Icons for Logining with Social Accounts (5:06)
Login Screen Design (Photoshop File)
Visual App Design: Topics / Categories Screen Design
Starting With a Sketch (5:06)
Creating Top Bar Design (5:29)
Designing Image for the Topic (2:38)
Designing Title of the Topic and a Follow Button (4:37)
Designing Unfollow Button (7:57)
Add Topics Screen Design (Photoshop File)
Visual App Design: News Screen Design
Creating Top Bar (3:37)
Creating Image Box (3:09)
Designing Title (4:44)
Finnishing the Work (2:56)
Main News Screen Design (Photoshop File)
Visual App Design: News Detail Screen Design
Creating Top Bar (6:22)
Creating Image Box (3:06)
Adding Title, Date and Time (2:57)
Add Content (2:38)
Tabs Design (9:05)
News Details Screen Design (Photoshop File)
Visual App Design: Navigation Drawer Screen Design
Create a background (5:04)
Add Photo and Name (6:23)
Filling All Information (11:31)
Navigation Screen Design (Photoshop File)
Making Money With Your New Skills
Selling on GraphicRiver (6:29)
How Does GraphicRiver Work? (6:38)
How to Promote Your Work on GraphicRiver? (8:40)
Contests on 99designs (Crowdsourcing Website for Designers) (9:49)
Winning Tips on 99Designs (9:37)
Selling your services on Fiverr (Sell Services for $5 or More) (5:08)
Selling Tips on Fiverr (6:50)
How to Get Started in Freelancing? (8:52)
Make Money on Elance (11:07)
Starting a Blog or a Website (4:25)
$4,000 A Month Guide
Conclusion
Congratulations (but its' not the end) !!!
Assignment 3: Create Storyboard for Your Own App
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock