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

The UX Portfolio Formula - A UX portfolio course created by Sarah Doody
Photography Masterclass: A Complete Guide to Photography
Kickstart your UI/UX Design Career / DesignCourse UI/UX
The Ultimate UI Grids & Layouts Masterclass

The Ultimate UI Grids & Layouts MasterclassAndrija Prelec

Duration 7 hours 6 minutes 36 seconds
The Path to Senior Product Designer: A Growth Plan for a UX Design Career
Solving Product Design Exercises: Questions & Answers (Full package)
Complete Web & Mobile Designer in 2023: UI/UX, Figma, +more
UI Design Demo Videos Vault

UI Design Demo Videos VaultAndrija Prelec

Duration 12 hours 8 minutes 12 seconds
The Ultimate UI Typography Masterclass

The Ultimate UI Typography MasterclassAndrija Prelec

Duration 4 hours 53 minutes 7 seconds
The Ultimate Airtable Design System Inventory and Automation (Bundle)