UI Design Foundations

4h 30s
English
Paid

Course description

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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 55 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing

Watch Online UI Design Foundations

0:00
/
#1: Welcome to the Course

All Course Lessons (55)

#Lesson TitleDurationAccess
1
Welcome to the Course Demo
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

Unlock unlimited learning

Get instant access to all 54 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Books

Read Book UI Design Foundations

#Title
1Common UI Design Mistakes
2Products to Analyze
3UI Design Project Kick-off Questionnaire
4Starter UI Color Palette
5Starter UI Type Pairings
6UI Design Glossary
7The Ultimate UI Design Resources

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

Photography Masterclass: A Complete Guide to Photography

Photography Masterclass: A Complete Guide to Photography

Sources: udemy
This photography course is designed to teach you the ins and outs of photography, even if you have little to no experience with it, to help create profitable im
23 hours 10 minutes 9 seconds
The UI/UX Playbook: Learn How To Design Beautiful UI Designs

The UI/UX Playbook: Learn How To Design Beautiful UI Designs

Sources: uxpeak
This book is your indispensable guide to the world of UI/UX design, which will help you master the key principles and techniques for creating interfaces that...
The Design Manual - The only guide you need to master mobile designadr

The Design Manual - The only guide you need to master mobile designadr

Sources: (UI) Adrian (Adrian Kuleszo)
"The Design Manual" is a comprehensive guide designed for mastering mobile design. The book combines theory and practice, providing…
28 minutes 12 seconds
Kickstart your UI/UX Design Career / DesignCourse UI/UX

Kickstart your UI/UX Design Career / DesignCourse UI/UX

Sources: Gary Simon
Join the most interactive course for learning UI/UX Design with Gary Simon. The DesignCourse UI/UX Curriculum is taught entirely with Figma. You will go from ab
16 hours 33 minutes 33 seconds
The Ultimate UI Grids & Layouts Masterclass

The Ultimate UI Grids & Layouts Masterclass

Sources: Andrija Prelec
The course is filled with practical tips and tricks from a senior product designer with a decade of experience in design. In addition to learning...
7 hours 6 minutes 36 seconds