From Zero to Application Designer (Web, mobile, tablet)

10h 50m 17s
English
Paid

Course description

The course consists of two parts. Theoretical which takes about 20% and Practical with 80%. 11 hours of video content,  30 downloadable resources.

Read more about the course

Sample applications you will design

Replicating other designers work is a great way of learning the craft. We have picked Instagram and Facebook as sample projects, but we will create our own version of these mobile and web applications during the course.

You will be following video lessons and replicating the designer's process step by step, stopping the video until you have it exactly the way the instructor has it on its screen.

Real-life project study

You will be following along the realistic scenario of a real-life project. Plane tickets booking application. Based on the specifications received from a client we will be creating a set of 9 wireframes followed by user flow creation and clickable prototype. We will design all the views of the application and extract all the UI elements into practical design guide and prepare the assets for handoff.

Example of wireframe and final mockup of single view - Ticket booking / Seat selection.

Requirements:

  • Anyone interested in learning or furthering their knowledge of application design can enroll. Candidates should have a computer with an internet access, basic computer knowledge, working with internet browser. The course uses single software Adobe XD, which can be installed on Microsoft Windows as well as Apple computers for free.

What you will learn:

  1. Design Basics

  2. Adobe Xd

  3. UI Elements

  4. Wire-framing

  5. Application Design

  6. Real-life Project

  7. Portfolio / Client

Who this course is for:
  • Anyone interested in learning designing web, mobile, tablet or stand-alone applications.

What you'll learn:

  • Practical Systematic Learning. You will learn design basics, UI design, UX design, User flows, Prototype, Real-life project based on real spec.

Watch Online

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 62 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing

Watch Online From Zero to Application Designer (Web, mobile, tablet)

0:00
/
#1: Course Structure

All Course Lessons (62)

#Lesson TitleDurationAccess
1
Course Structure Demo
02:19
2
Inspiration
01:26
3
Tools
01:11
4
Future
00:59
5
Benefits
01:48
6
Grid System
02:16
7
Spacing
02:55
8
Separation
02:28
9
Visual Noise
01:36
10
Balance
02:24
11
Iconography
01:37
12
Typography - Foundation
01:47
13
Typography - Scale
02:05
14
Color Contrast
01:36
15
Color Palette
01:40
16
Composition
03:50
17
Consistency
07:00
18
Resources
01:51
19
Artboards & Layers
07:16
20
History Tool
01:48
21
Zoom Tool
02:45
22
Rectangle Tool
03:10
23
Elipse Tool
02:05
24
Line Tool
01:24
25
Color
02:07
26
Gradient
02:52
27
Drop Shadow
03:44
28
Transparency
01:56
29
Masking
03:06
30
Text Tool
03:11
31
Font Icons
02:09
32
Text Fields
07:14
33
Buttons
06:07
34
Sliders
07:23
35
Selection Controls
13:32
36
Chips
10:20
37
Tooltip
07:26
38
Cards
11:26
39
Dialogs
09:48
40
Lists
17:30
41
Tables
09:18
42
Navigations
09:30
43
Charts
14:07
44
Menus
08:51
45
Steps
09:20
46
Snackbars
03:21
47
Basics
07:10
48
Interface
22:45
49
User Flows
04:49
50
Interactive Prototype
01:58
51
Sample App. - Instagram
48:52
52
Sample App. - Facebook
47:15
53
Iterations
07:28
54
Specification
02:40
55
Wireframes
02:03:45
56
User Flows
15:23
57
Prototype
06:55
58
Design
37:51
59
Design Guide
01:33:30
60
Files Hands Off
01:37
61
Portfolio
02:28
62
Client
02:17

Unlock unlimited learning

Get instant access to all 61 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Using Vue 2 to Create Beautiful SEO-Ready Websites

Using Vue 2 to Create Beautiful SEO-Ready Websites

Sources: coursetro
In this course, I'm going to show you how to create a beautiful, SEO-Friendly website while using Vue. You will be able to create modern websites with seamless page transitions ...
1 hour 48 minutes 11 seconds
User Experience Design Essentials - Adobe XD UI UX Design

User Experience Design Essentials - Adobe XD UI UX Design

Sources: udemy
Hi there! My name is Dan & I’m an Adobe Certified Instructor. I’m here to help you learn Adobe XD efficiently and comprehensively. XD is a fantastic design tool used by industry...
12 hours 46 minutes 57 seconds
Adobe XD Crash Course

Adobe XD Crash Course

Sources: leveluptutorials
In this series, we are going to dive into the user interface design tool, Adobe XD. In this series, we are going to dive into the user interface design tool, Adobe XD.
3 hours 11 minutes 58 seconds
Learn Adobe Experience Design CC 2018 by Example

Learn Adobe Experience Design CC 2018 by Example

Sources: coursetro
Adobe Experience Design, also known as Adobe XD, has recently graduated from beta to Adobe XD CC 2018! This powerful UI design and prototyping tool is sure to be a staple in UI ...
1 hour 32 minutes 48 seconds
Create a Personal Portfolio using Angular 2 & Behance

Create a Personal Portfolio using Angular 2 & Behance

Sources: coursetro
The project you're going to learn how to build is based on a personal portfolio site, powered by Angular 2 which grabs projects in real-time with the Behance API. First, we st...
2 hours 8 minutes 10 seconds