Skip to main content

UI Design Foundations

4h 30s
English
Paid

Unlock your potential in UI design by building a strong foundation and acquiring the essential knowledge and skills to create engaging digital interfaces.

Key Principles of UI Design

Master the core principles of UI design to deliver intuitive and aesthetically pleasing user experiences. Discover how to apply these principles effectively throughout your projects.

Understanding Color

Learn how to use color effectively to create harmony and enhance user engagement. Explore the psychology of color and how it influences user perception.

Typography Essentials

Dive into typography basics and understand how font choices can impact readability and user interface appeal.

Incorporating Visual Elements

Discover how to utilize visual elements strategically to convey information and guide users through your interface.

Common User Interface Components

Gain insights into the most commonly used UI components and how they can contribute to a seamless user experience.

Effective Grids and Layouts

Understand the importance of grids and layouts in creating consistent and organized designs. Learn how to apply them to enhance interface structure.

Designing for Multiple Devices and Platforms

Stay ahead by learning how to design user interfaces suitable for various devices and platforms, ensuring flexibility and user satisfaction.

Valuable Design Tips

Equip yourself with expert design tips that can refine your process and result in impactful UI designs.

"The Basics of UI Design" is your ideal resource for building a deep and solid understanding of the fundamental principles and concepts in UI design. Elevate your skills and create compelling digital experiences.

About the Author: Andrija Prelec

Andrija Prelec thumbnail

Andrija Prelec is a product designer with a decade of industry experience.

He has worked on over 50 projects, including websites and mobile applications, which have reached more than 10 million users worldwide. Previously, he worked as a UX/UI designer at product design agencies (the most notable being the New York agency Five) and as a freelance product designer.

Currently, he is the CEO and lead designer at Sharc, as well as a UX instructor and mentor at Algebra. He focuses on developing product strategies, conducting user and market research, and creating impactful user interfaces and experiences. Outside of design, he has experience in hiring, mentoring, team management, client relationship building, and much more.

Andrija has trained thousands of current and future designers through his work, lectures, workshops, and courses. He also holds a master's degree in multimedia design.

Watch Online 55 lessons

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
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