UI Design Foundations
4h 30s
English
Paid
August 24, 2024
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
UI Design Demo Videos Vault
Duration 12 hours 8 minutes 12 seconds
Course
The Ultimate UI Colors Masterclass
Duration 5 hours 35 minutes 10 seconds
Course
The Ultimate UI Typography Masterclass
Duration 4 hours 53 minutes 7 seconds
Course
Complete Web & Mobile Designer in 2023: UI/UX, Figma, +more
Duration 21 hours 31 minutes 53 seconds
Course
The UX Portfolio Formula - A UX portfolio course created by Sarah Doody
Duration 40 hours 27 minutes 54 seconds
Course
The Ultimate UI Grids & Layouts Masterclass
Duration 7 hours 6 minutes 36 seconds
Course
Kickstart your UI/UX Design Career / DesignCourse UI/UX
Duration 16 hours 33 minutes 33 seconds
Course