From Zero to Application Designer (Web, mobile, tablet)
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:
Design Basics
Adobe Xd
UI Elements
Wire-framing
Application Design
Real-life Project
Portfolio / Client
- 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
| # | Title | Duration |
|---|---|---|
| 1 | Course Structure | 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 |
Comments
0 commentsSimilar courses
User Experience Design Essentials - Adobe XD UI UX Design
Design Mobile Apps: UI, UX & Prototyping in Adobe XD & PS
Using Vue 2 to Create Beautiful SEO-Ready Websites
Create a Personal Portfolio using Angular 2 & Behance
Want to join the conversation?
Sign in to comment