The Complete Mobile Uiux Design Learn To Design Apps

Learn From Scratch: Photoshop, Sketch 4, After effects, Flinto, Principle and more. Learn 6 Figure Income By Freelancing

Last updated 2022-01-10 | 4.3

- Learn How to Make $100000 As UI/UX Designer on Freelancing Site.
- Get UI/UX design job on Freelancing site.
- Learn Photoshop CC 2017 From Scratch

What you'll learn

Learn How to Make $100000 As UI/UX Designer on Freelancing Site.
Get UI/UX design job on Freelancing site.
Learn Photoshop CC 2017 From Scratch
Learn Sketch 41+ From Scratch
Learn After Effects CC 2017 From Scratch
Learn Flinto From Scratch
Learn Principle For Mac From Scratch
Learn Balsamiq From Scratch
Learn Invision From Scratch
Learn to Mock-up
Prototype and Animate 15 Top Charts App From Scratch
Design your dream App
Design any kind of App you want
Prototype apps for your business or entreprenuership.

* Requirements

* No pre-knowledge required - I'll teach you everything you need to know
* A Mac laptop
* iMac or Windows PC
* No paid software is required - You can learn with trial period.

Description

  • Learn How to Make $100000 As UI/UX Designer on Freelancing Site.
  • Get UI/UX design job on Freelancing site.
  • Learn Photoshop CC 2017 From Scratch
  • Learn Sketch 41+ From Scratch
  • Learn After Effects CC 2017 From Scratch
  • Learn Flinto From Scratch
  • Learn Principle For Mac From Scratch
  • Learn Balsamiq From Scratch
  • Learn Invision From Scratch
  • Learn to Mock-up, Prototype and Animate 15 Top Charts App From Scratch
  • Design your dream App
  • Design any kind of App you want
  • Prototype apps for your business or entreprenuership.

Course content

24 sections • 168 lectures

Course Overview Preview 01:42

In this lecture, you will learn all about this course overview. How many software you will learn from scratch and how many app you will wireframe, mockup, prototype and animate. 

About the Instructor Preview 00:39

How To Use This Course To Gain The Maximum Form Our Teachings Preview 05:16

Download Photoshop CC and Tweak Preference for Mac and PC Preview 08:41

In This tutorial, you will learn to download the latest Photoshop version.

Overview of Photoshop CC Preview 06:06

In This tutorial, you will learn Photoshop Overview and Photoshop CC interface.

Layer of Photoshop CC Preview 14:34

In This Lecture, you will learn the Photoshop's most powerful tools, the Layer. You cannot think about Photoshop without the Layer. 

Move and Alignment of Photoshop CC Preview 04:28

In this lecture you will learn how to move the object, how to duplicate the object in Photoshop cc 2017. You will learn how to align the object by one single click. 

Layer Style of Photoshop CC Preview 11:48

Vector Shape of Photoshop CC Preview 18:01

In this lecture, you will learn vector based tools of Photoshop CC 2017 to create shapes and icon for Mobile App Design. 

Guide and Smart Guide in Photoshop CC Preview 09:14

In this tutorial, you will learn about guide, how to snap the guide, how to measure the guide etc. And You will learn the smart guide. 

Artboard of Photoshop CC Preview 08:33

In This Lecture, you will learn the Artboard of Photoshop. How to create multiple artboard. How to move object in multiple Artboard in Photoshop CC 2017. How to replace logo easily within multiple artboard of Photoshop CC 2017. 

Path Selection and Direct selection of Photoshop CC Preview 03:21

Pen Tool of Photoshop CC Preview 04:25

Gradient of Photoshop CC Preview 07:13

Type Tool of Photoshop CC Preview 06:08

Smart Object, Blur and clipping mask of Photoshop CC Preview 07:00

Save and Export of Photoshop CC Preview 08:33

Color Theory Preview 05:07

In this lecture you will learn,

  1. Color Theories
  2. Light Theories
  3. Color Temperature  

And You will Learn Color Scheme of,

  1. Monochromatic Color
  2. Analogous Color
  3. Complementary Color
  4. Triad Colors
  5. Tint and Shades of Color

At the end of this lecture you will learn all about Color Theories to apply on your design.

The Art of Color Scheme Combination for UI/UX design Preview 09:09

In this lecture, you will learn how to make a perfect color combination for mobile app design in Photoshop. You will learn to make color scheme from many websites. You will learn how to use iOS UI design and Android Material design color. 

All About Hue, Saturation and Value Preview 06:46

In this lecture you will learn about Hue, Saturation and Value. And you will learn how to use that in Photoshop for UI UX App design

The Psychology of Color Preview 05:34

In this lecture, you will learn how  about Psychology of color. What every color mean to human Psychology. 

In This Quiz You Will Be Asked About Color Psychology

Know  Psychology of Color. 

What is Typography Preview 03:55

In this lecture you will learn, what is typography, why typography is essential. 

You will learn what is Typeface and What is Font.

The Fundamental of Typography Preview 02:35

In this lecture you will learn basic of typography. You will learn about Serif and Sans Serif font. 

You will learn tracking, kerning, leading and much more.

Best Free Fonts Resourses Preview 03:18

In this lecture you will learn from where you will get best free fonts. 

Get the Best Font for Your Mobile App Preview 02:30

In this lecture you will learn about those fonts widely use in mobile mobile App ui ux design 

What Fonts Top Apps Uses Preview 03:42

In this lecture you will see the typography use by top mobile apps. 

In This Quiz You Will Be Asked About Font and Typeface

Font and Typeface relationship. Are They Same or Different. 

Learn Balsamiq from Scratch Preview 09:39

In this lecture, you will learn complete Balsamiq to wireframe mobile app ui design. You will learn app design from scratch.

Wireframe a Profile screen of Facebook Messenger by Balsamiq Preview 08:01

In this lecture you will learn to wireframe Facebook Messenger Profile screen. It will be corner stone to design mobile apps by Balsamiq. 

Wireframe Bottom bar of Profile Screen of Facebook Messenger by Balsamiq Preview 02:33

In this lecture you will learn to wireframe Facebook Messenger bottom bar of Profile screen. It will be corner stone for app mobile design by Balsamiq.

Wireframe People screen of Facebook Messenger by Balsamiq Preview 09:13

In this lecture, you will learn to wireframe mobile app ui of Facebook Messenger's People screen by Balsamiq

Wireframe Topbar of Chat screen of Facebook Messenger by Balsamiq Preview 10:03

In this lecture you will learn UX design of Chat chat screen of Facebook Messenger By Balsamiq

Wireframe Bottom bar of Chat screen of Facebook Messenger by Balsamiq Preview 09:38

In this lecture you will learn UX design of Chat chat screen's bottombar of Facebook Messenger By Balsamiq

Wireframe Group screen of Facebook Messenger by Balsamiq Preview 10:18

In this lecture you will learn how to wireframe the Group screen of Facebook Messenger by Balsamiq. 

In This Quiz You Will Be Asked About Balsamiq

Topbar of Groups screen of Facebook Messenger Preview 09:37

Group Menu of Group Screen of Facebook Messenger. Preview 14:22

Three more Group Menu of Group Screen of Facebook Messenger Preview 14:10

Bottom bar of Group Screen of Facebook Messenger. Preview 15:10

Topbar, Search bar and Button of People screen of Facebook Messenger Preview 19:06

Contact list of People Screen of Facebook Messenger Preview 17:51

Topbar of Chat Screen of Facebook Messenger Preview 13:06

Text Message Between the User of Chat Screen of Facebook Messenger. Preview 19:45

Message Input Bar of Chat Screen Of Facebook Messenger Preview 13:46

Topbar and Search bar of Profile Screen of Facebook Messenger Preview 13:04

Username, Phone number and Notification of Profile Screen of Facebook Messenger Preview 11:33

Username Icon and organize Layer of Profile Screen of Facebook Messenge Preview 09:00

Phone Icon, Notification Icon and Bottombar of Profile Screen Preview 14:51

Topbar, Profile image and Description of Others Profile Screen for Pinterest. Preview 16:35

Statistics and Image gallery Shape of Others Profile Screen for Pinterest. Preview 14:25

Profile Image gallery and Bottom bar of Others Profile Screen for Pinterest. Preview 17:31

Searchbar and Profile Image of My Profile Screen for Pinterest. Preview 13:44

Stats and Image gallery Shape of My Profile Screen for Pinterest. Preview 16:50

Replacing Image & bottom bar of My Profile Screen for Pinterest. Preview 18:52

Design Navigation and Shapes of Feed Screen for Pinterest Preview 13:57

All The Feed with Shapes, Image and Text of Feed Screen for Pinterest Preview 12:56

Change Image and Text of Feed Screen for Pinterest Preview 19:50

Changing More Image and Placing Bottom bar of Feed Screen for Pinterest Preview 10:34

Topbar, Profile Image and Displaying Image of Image Feed Screen for Instagram Preview 14:06

Comment, like, share icon and counting of Image Feed Screen for Instagram Preview 08:09

Bottom Bar and Icon of Image Feed Screen for Instagram Preview 13:31

Topbar, Profile image & Statistics of Profile Screen for Instagram Preview 17:12

Gallery Icon & Image Gallery Shape of Profile Image for Instagram Preview 18:28

Clipping Image in The Image Gallery of Profile Image for Instagram Preview 13:38

Design Challenge of Instagram: Other User Profile for Instagram Preview 01:31

Solution of Challenge: Design button, Topbar and Text Preview 12:31

Solution of Challenge: Design Icon and Replace Images Preview 15:30

Navigation, Adding Place and Map of Uber Confirmation Screen for Uber Preview 15:43

Transparent Message, Placing Pin and Shape of Uber Confirmation for Uber Preview 15:59

Payment, Fare, Promo and Request VIP button of Uber Confirmation For Uber Preview 17:03

Translucent Side Menu, Profile image and Description of Uber Profile For Uber Preview 17:26

Placing Icon and Icon Description in Side Menu of Uber Profile For Uber Preview 17:48

Replacing Icon and Text Description in Side Menu of Uber Profile For Uber Preview 13:39

Sketch Download and Install On Mac and PC Preview 02:31

Sketch App overview Preview 09:12

Artboard and Pages of Sketch Preview 10:20

Layer of Sketch Preview 07:47

Layer Style of Sketch Preview 14:18

Shapes of Sketch Preview 08:17

Editing The Shape of Sketch Preview 09:22

Selection, Transform And Scissors of Sketch Preview 14:30

Boolean, Vector Path and Pencil of Sketch Preview 06:21

Ruler, Guide, Smart Guide of Sketch Preview 06:24

Text, Text Style and Text Curve of Sketch Preview 10:45

Image Editing, Mask, Rotate Copies and Symbol of Sketch Preview 09:35

Plugins Of Sketch. (Installing and work with Plugin) Preview 08:44

Mirror OF Sketch (Using iOS Devise and Browser to Preview the Design) Preview 04:52

Saving and Exporting Assets of Sketch Preview 08:33

Placing Statusbar, Topbar Icon of Profile Screen For Snapchat Preview 10:21

Snapchat Logo, Profile Image and User name of Profile Screen For Snapchat Preview 08:51

Profile Menu with Icon and Camera Icon of Profile Screen For Snapchat Preview 11:31

Navigation and Six Rectangle Shape of Discover Screen For Snapchat Preview 09:31

Placing Image, Text and Color on First 3 Shapes of Discover Screen For Snapchat Preview 11:24

Placing Image, Text and Color on Last 3 Shapes of Discover Screen For Snapchat Preview 13:40

Topbar, Resize and placing 4 News Stream of Stories Screen For Snapchat Preview 15:24

Recent Updates Text and Shape of Stories Screen For Snapchat Preview 14:42

More Updates, Scrolling Opacity and Few Icons of Stories Screen For Snapchat Preview 19:51

Topbar and Searching Ray of Search Screen For Tinder Preview 15:18

Refresh, Nope, Like and Super Like Icon of Search Screen For Tinder Preview 15:12

Browse Screen of Tinder Preview 13:31

Like Screen Of Tinder Preview 11:24

Nope or Dislike Screen of Tinder Preview 08:06

Challenge of Tinder Design For You Preview 01:16

Solution of Tinder Challenge Preview 07:33

Navigation bar, Message Shape and Text of Message Screen For Tinder Preview 16:23

Send Message bar, Message Text and Keyboard of Message Screen For Tinder Preview 16:41

Topbar, Live Stream video, Button and Text for Live Feed Screen Of Periscope Preview 17:14

More Live Stream video, Icon, Button and Text for Live Feed Screen Of Periscope Preview 14:03

Camera Card, Blur Image, Round Image of Camera Screen For Periscope. Preview 17:02

Enable Camera, Mic, Location Button and Text of Camera Screen For Periscope Preview 16:23

Profile card, Image and text description of Profile Screen For Periscope Preview 10:37

Following, Follower, Blocked and Broadcast stats of Profile Screen of Periscope Preview 15:39

Download, Install and Overview Principle For Mac Preview 02:22

Animation and Transition of Principle For Mac Preview 09:58

Interface Of Principle For Mac Preview 07:44

Importing From Sketch and Photoshop to Principle For Mac Preview 03:47

Saving and Sharing Prototype of Principle For Mac Preview 02:30

Page Walkthrough of AirBnB App Prototype in Principle Preview 05:54

Scrolling Recipe App Prototype in Principle Preview 03:44

Challenge for You in Principle Preview 01:09

Solution of Challenge: Animate Menubar in Principle Preview 07:08

Driver Panel of Principle Preview 12:44

Download and Installing Flinto Preview 02:31

Flinto Interface and Setting Up a Project Preview 06:48

Importing Asset from Sketch to Flinto Preview 05:51

Basic Transition and Gesture in Flinto Preview 04:31

Transition Between Screen in Flinto Preview 07:07

Preview Spring Animation, Scroll and delete link in Flinto Preview 04:36

Complete App Interaction and Prototype in Flinto Preview 07:33

Saving and Sharing Prototype of App in Flinto Preview 03:32

Invision App Overview Preview 03:10

Dashboard Overview and Uploading Screens in Invision Preview 06:26

Vine App Prototype in Invision Preview 11:48

Challenge to Prototype Groupon App by Invision Preview 01:28

Solution of Groupon App Prototype by Invision Preview 06:21

Downloading Interactive app Prototype Offline and Preview Preview 02:45

After Effects Download and Install Preview 01:17

User Interface of After Effects Preview 09:13

Composition in After Effects Preview 07:49

Basic animation in After Effects Preview 09:20

More About Animation, Keyframe, Easy Ease in After Effects Preview 06:16

Applying Effects and Layer Expression in After Effects Preview 07:32

Scaling Shapes And Placing Anchor Point in After Effects Preview 05:14

Import PSD file, Animate Numbers of Fitness App by After Effects Preview 10:12

Animate Circles with Radial Wipe, Apply Gradient and Numbers Bump of Fitness App Preview 15:07

Fade in, Adding Phone Mockup and Rendering Video of Fitness App by After Effects Preview 12:20

Import PSD and Animate The Chart of Fitness App by After Effects Preview 11:38

Fade in Effects, Delay and Bump Effects of Fitness App by After Effects Preview 10:30

A Challenge For You To Animate Number, Fad In and Bumps Preview 01:27

The Solution - Increase Composition Time and Fade In by After Effects Preview 11:10

The Solution - Numbers Animation and Rendering by After Effects Preview 14:55

Location Icon Preview 02:54

Back Icon Preview 02:20

Love or Heart Icon Preview 02:52

E-mail Icon Preview 03:24

Search Icon Preview 01:44

10 Websites to download free icons for your web and mobile app design Preview 00:03

Design 3 App Store Icon Preview 13:32

Music App Icon by Sketch App Preview 06:51

Design (GUI) Graphic User Interface Preview 07:47

Dashboard Analytics of Mobile App in Sketch Preview 35:06

How to Earn $100000 As Freelance UI/UX Designer on Upwork.com Preview 08:37

How to Earn From Freelancer.com as UI/UX Designer. Preview 02:19

How to Earn Money from 99designs.com as a UI/UX designer. Preview 08:52

Create a Portfolio on Behance.net and on Dribbble.com and Get hired from There. Preview 08:51

How to Earn Money From fiverr.com as a UI/UX Designer. Preview 03:26

Download More than 150 E-Books on UI/UX Design totally Free! Preview 00:08