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