UI Design Foundations
4h 30s
English
Paid
Laying the foundation for your UI design mastery and equipping yourself with the essential knowledge and skills to create engaging digital interfaces.
Learn the key principles of UI design, color, typography, visual elements, common user interface components, grids and layouts, as well as the devices and platforms you will work with, along with valuable design tips.
"The Basics of UI Design" is the perfect resource for developing a deep and solid understanding of the fundamental principles and concepts of UI design.
Watch Online UI Design Foundations
Join premium to watch
Go to premium
# | Title | Duration |
---|---|---|
1 | Welcome to the Course | 02:29 |
2 | Make Your Learning a Success | 02:23 |
3 | What is UI Design? | 03:20 |
4 | Role of a UI Designer | 04:54 |
5 | Overview of UI Design Tools | 04:13 |
6 | Difference Between UI and UX Design | 03:44 |
7 | UI Design Process | 04:06 |
8 | Examples of Effective UI Design | 04:03 |
9 | Shapes | 04:34 |
10 | Alignment | 04:40 |
11 | Consistency | 03:43 |
12 | Simplicity | 02:59 |
13 | Sizes | 02:40 |
14 | Accessibility | 03:43 |
15 | Lights & Shadows | 04:22 |
16 | Opacity & Blur | 02:34 |
17 | Contrast | 02:40 |
18 | Visual Hierarchy | 03:35 |
19 | Color Basics | 06:51 |
20 | Color Tips & Tricks | 04:59 |
21 | Typography Basics | 04:54 |
22 | Typography Tips & Tricks | 04:20 |
23 | Vector & Raster Graphics | 04:10 |
24 | Iconography | 04:28 |
25 | Illustrations | 03:42 |
26 | Photos | 04:49 |
27 | Buttons | 02:05 |
28 | Input Elements & Forms | 01:59 |
29 | Navigation | 01:48 |
30 | Modals | 02:08 |
31 | Cards | 01:44 |
32 | Lists | 01:36 |
33 | Details Screens | 03:00 |
34 | Tables | 03:09 |
35 | States | 02:48 |
36 | Spacing | 03:03 |
37 | Grid Basics | 02:34 |
38 | Grid Tips & Tricks | 03:56 |
39 | Layout Basics | 02:28 |
40 | Responsive Design | 04:11 |
41 | Websites | 02:24 |
42 | Web Apps | 02:20 |
43 | Mobile Apps | 02:52 |
44 | Other | 02:26 |
45 | UI Design Foundations Demo (Part 1) | 14:17 |
46 | UI Design Foundations Demo (Part 2) | 25:14 |
47 | UI Design Foundations Demo (Part 3) | 18:45 |
48 | How to Build Your UI Taste | 05:16 |
49 | Finding and Documenting Design Inspiration | 02:25 |
50 | How to Design Above Your Level | 05:45 |
51 | Approaching UI Design Projects | 03:19 |
52 | Setting Design Direction | 02:58 |
53 | Dealing with Design Blocks | 02:54 |
54 | Career Tips & Tricks | 06:32 |
55 | Congratulations | 03:39 |
Read Book UI Design Foundations
# | Title |
---|---|
1 | Common UI Design Mistakes |
2 | Products to Analyze |
3 | UI Design Project Kick-off Questionnaire |
4 | Starter UI Color Palette |
5 | Starter UI Type Pairings |
6 | UI Design Glossary |
7 | The Ultimate UI Design Resources |
Similar courses to UI Design Foundations
![Solving Product Design Exercises: Questions & Answers (Full package)](https://cdn.courseflix.net/courses/100x56/solving-product-design-exercises-questions-answers-full-package.jpg?d=1739919139191)
Solving Product Design Exercises: Questions & Answers (Full package)Artiom Dashinsky
Category: Preparing for an interview, Other (Graphic)
Duration 2 hours 19 minutes 39 seconds
Course
![Kickstart your UI/UX Design Career / DesignCourse UI/UX](https://cdn.courseflix.net/courses/100x56/kickstart-your-ui-ux-design-career-designcourse-ui-ux.jpg?d=1739919139191)
Kickstart your UI/UX Design Career / DesignCourse UI/UXGary Simon
Category: Figma, Other (Graphic)
Duration 16 hours 33 minutes 33 seconds
Course
![The Ultimate Airtable Design System Inventory and Automation (Bundle)](https://cdn.courseflix.net/courses/100x56/the-ultimate-airtable-design-system-inventory-and-automation-bundle.jpg?d=1739919139191)
The Ultimate Airtable Design System Inventory and Automation (Bundle)Romina Kavcic
Category: Other (Graphic)
Duration 37 minutes 48 seconds
Course
![Photography Masterclass: A Complete Guide to Photography](https://cdn.courseflix.net/courses/100x56/photography-masterclass-a-complete-guide-to-photography.jpg?d=1739919139191)
Photography Masterclass: A Complete Guide to Photographyudemy
Category: Others, Other (Graphic)
Duration 23 hours 10 minutes 9 seconds
Course
![The Ultimate UI Typography Masterclass](https://cdn.courseflix.net/courses/100x56/the-ultimate-ui-typography-masterclass.jpg?d=1739919139191)
The Ultimate UI Typography MasterclassAndrija Prelec
Category: Other (Graphic)
Duration 4 hours 53 minutes 7 seconds
Course
![The Ultimate UI Grids & Layouts Masterclass](https://cdn.courseflix.net/courses/100x56/the-ultimate-ui-grids-layouts-masterclass.jpg?d=1739919139191)
The Ultimate UI Grids & Layouts MasterclassAndrija Prelec
Category: Other (Graphic)
Duration 7 hours 6 minutes 36 seconds
Course
![UI Design Demo Videos Vault](https://cdn.courseflix.net/courses/100x56/ui-design-demo-videos-vault.jpg?d=1739919139191)
UI Design Demo Videos VaultAndrija Prelec
Category: Other (Graphic)
Duration 12 hours 8 minutes 12 seconds
Course
![The Path to Senior Product Designer: A Growth Plan for a UX Design Career](https://cdn.courseflix.net/courses/100x56/the-path-to-senior-product-designer-a-growth-plan-for-a-ux-design-career.jpg?d=1739919139191)
The Path to Senior Product Designer: A Growth Plan for a UX Design CareerArtiom Dashinsky
Category: Other (Graphic)
Duration 6 hours 28 minutes 9 seconds
Course
![Complete Web & Mobile Designer in 2023: UI/UX, Figma, +more](https://cdn.courseflix.net/courses/100x56/complete-web-mobile-designer-in-2023-ui-ux-figma-more.jpg?d=1739919139191)
Complete Web & Mobile Designer in 2023: UI/UX, Figma, +moreudemyzerotomastery.io
Category: Figma, Other (Graphic)
Duration 20 hours 31 minutes 41 seconds
Course
![The UI/UX Playbook: Learn How To Design Beautiful UI Designs](https://cdn.courseflix.net/courses/100x56/the-ui-ux-playbook-learn-how-to-design-beautiful-ui-designs.jpg?d=1739919139191)
The UI/UX Playbook: Learn How To Design Beautiful UI Designsuxpeak
Category: Other (Graphic)
Duration
Book