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

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

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

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 UX Portfolio Formula - A UX portfolio course created by Sarah Doody

The UX Portfolio Formula - A UX portfolio course created by Sarah Doody

Sources: Sarah Doody (courses.sarahdoody.com)
A UX portfolio course to help you write better case studies, stand out to recruiters, and get a role you love.
40 hours 27 minutes 54 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...
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 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