The course consists of two parts. Theoretical which takes about 20% and Practical with 80%. 11 hours of video content, 30 downloadable resources.
From Zero to Application Designer (Web, mobile, tablet)
From Zero to Application Designer (Web, mobile, tablet) is a 62-lesson 10 hours 50 minutes self-paced course by Udemy. The course consists of two parts.
Course facts
- Lessons
- 62
- Duration
- 10 hours 50 minutes
- Level
- All levels
- Language
- English
- Updated
- Instructor
- Udemy
- Price
- Premium
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.
Who teaches From Zero to Application Designer (Web, mobile, tablet)? Udemy
Udemy is the largest open marketplace for online courses on the internet. Founded in 2010 by Eren Bali, Oktay Caglar, and Gagan Biyani and headquartered in San Francisco, the company went public on the Nasdaq in 2021 under the ticker UDMY. The platform hosts well over two hundred thousand courses across software development, IT and cloud, data science, design, business, marketing, and creative skills, taught by tens of thousands of independent instructors. Roughly seventy million learners use it worldwide, and the corporate arm — Udemy Business — supplies a curated subset of that catalog to enterprise customers.
Because Udemy is a marketplace rather than a single editorial publisher, the catalog is uneven by design. The strongest material lives in the long-form, project-based courses authored by working engineers — full-stack JavaScript, React, Node.js, Python data science, AWS, Docker and Kubernetes, mobile development with Flutter and React Native, and cloud certification preparation. The CourseFlix listing under this source is the slice of that catalog that has been mirrored here for offline-friendly viewing, organized by topic and updated as new releases land. Pricing on Udemy itself swings dramatically with the site's near-permanent sales, which is why the platform is best treated as a deep reference catalog: pick instructors with strong reviews and a track record of updating their material rather than buying on the headline price alone.
What lessons are included in From Zero to Application Designer (Web, mobile, tablet)?
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 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 |
Get instant access to all 61 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionWhat courses are similar to From Zero to Application Designer (Web, mobile, tablet)?
Updated 5mo agoUsing Vue 2 to Create Beautiful SEO-Ready Websites
By: CoursetroLearn how to plan pages, code views, add clean moves, and prerender a Vue 2 site so search engines can read it. This helps you build clear fast pages.1h 48m
Updated 3y agoDesign Mobile Apps: UI, UX & Prototyping in Adobe XD & PS
By: UdemyDo you want to design outstanding apps? Impressive prototypes that look like the real deal but without any coding? This course is a masterclass – a comprehensiv14h 51m
UpdatedUser Experience Design Essentials - Adobe XD UI UX Design
By: UdemyLearn UX/UI design in Adobe XD by following a real freelance project brief, from initial concept through to finished mockups, in 94 lessons.12h 46m
FreeUpdatedCreate a Personal Portfolio using Angular 2 & Behance
By: CoursetroBuild a personal portfolio site with Angular 2 that pulls live projects from the Behance API, free across 21 lessons from Coursetro.2h 8m
FreeUpdatedLearn Adobe Experience Design CC 2018 by Example
By: CoursetroA free, project-based introduction to Adobe XD, teaching UI design and prototyping through one hands-on project across 13 lessons.1h 32m
FreeUpdatedAdobe XD Crash Course
By: Level Up Tutorials (Scott Tolinski)A free, 25-lesson tour of Adobe XD covering the design workspace, prototyping, sharing feedback, and more advanced techniques.3h 11m
More courses by Udemy
Updated 3mo agoReact - The Complete Guide
React: The Complete Guide by Maximilian Schwarzmüller — original 2022 edition covering React hooks, Redux, Context API, Next.js basics.47h 42m5/5
Updated 3y agoComplete C# Unity Game Developer 3D
This is the long-awaited sequel to the Complete Unity Developer - one of the most popular e-learning courses on the internet!30h 34m
Updated 3y agoNest.js Microservices: Build & Deploy a Scaleable Backend
Nest.js is an incredible backend framework that allows us to build scaleable Nodejs backends with very little complexity. A Microservice architecture is a popul5h 39m5/5
Updated 3y agoThe HTML & CSS Bootcamp 2023 Edition
Brand new HTML & CSS course, just released in February 2023 Check out the promo video to see the beautiful, responsive projects we build in this course!37h 18m5/5
Updated 3y agoMicroservices with Node JS and React
Event-Based Architecture? Covered! Server side rendering with React? Yep. Scalable, production-ready code? Its here!54h 13m5/5
FreeClassic100 Days of Code - The Complete Python Pro Bootcamp for 2023
Watch the 100 Days of Code Python Pro Bootcamp free: 100 daily projects covering Python basics, web scraping, data science, automation and GUI apps.58h 35m5/5