CF

UI Design Foundations

4h 30s
English
Paid
Updated September 2026

UI Design Foundations is a 55-lesson 4 hours self-paced course by Andrija Prelec. A ground-up introduction to UI design for anyone who wants the fundamentals in place before moving on to more advanced work.

Course facts

Lessons
55
Duration
4 hours
Level
All levels
Language
English
Updated
2026-09-11
Instructor
Andrija Prelec
Price
Premium

A ground-up introduction to UI design for anyone who wants the fundamentals in place before moving on to more advanced work.

Core topics

  • The core principles behind intuitive, visually coherent interfaces
  • Color theory and how color choices shape user perception
  • Typography basics and how font choices affect readability
  • Using visual elements deliberately to guide users through a screen
  • The most common UI components and how they support a smooth experience
  • Grids and layout for consistent, organized designs
  • Designing across multiple devices and platforms

The course is built as a solid base rather than a quick tour — each topic is meant to give you a working understanding you can build on, along with practical tips picked up from real design work.

Who teaches UI Design Foundations? Andrija Prelec

Andrija Prelec thumbnail

Andrija Prelec is a software engineer and educator publishing course material on the modern web and full-stack development landscape.

The course catalog covers a range of practical topics in modern web development. Material is taught at a level aimed at intermediate developers building real applications, with each course typically structured around a substantial project or focused topic deep-dive.

The CourseFlix listing under this source carries 7 Andrija Prelec courses. Material is paid; the catalog page lists course titles, lesson counts, and the specific category each one covers. For broader content in any specific technology, see the corresponding Topic and Category pages on CourseFlix.

What lessons are included in UI Design Foundations?

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

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

What courses are similar to UI Design Foundations?

More courses by Andrija Prelec

Frequently asked questions

What are the prerequisites for enrolling in this course?
This course does not list specific prerequisites, making it accessible to beginners interested in UI design. It covers foundational topics such as the role of a UI designer, the UI design process, and basic design principles. Prior experience in design or related fields is helpful but not necessary.
What projects will I work on during the course?
Throughout the course, you will engage in demo projects that integrate the principles of UI design. These include practical exercises on effective grids and layouts, responsive design for websites, web apps, and mobile apps, and incorporating visual elements to guide users. The course concludes with a three-part UI Design Foundations Demo to apply your skills comprehensively.
Who is the target audience for this course?
The course is ideal for individuals interested in building a foundation in UI design, including aspiring UI designers and professionals from related fields looking to enhance their skills in digital interface design. It is structured to benefit those new to UI design while providing valuable insights for more experienced designers seeking to refine their approach.
How does this course compare to others in terms of depth and scope?
This course provides a comprehensive introduction to UI design principles, covering a broad range of topics from basic design principles like color, typography, and visual hierarchy to more advanced topics such as designing for multiple devices and platforms. With 55 lessons, it offers a thorough exploration of UI design, ideal for beginners and those looking to solidify their foundational knowledge.
What specific tools or platforms will I learn about in this course?
The course includes an overview of UI design tools, which will help you understand the critical software and platforms used in the industry. While it does not focus on any particular tool, it provides a foundational understanding necessary to choose and use design tools effectively in your projects.
What topics are not covered in this course?
While the course covers many aspects of UI design, it does not delve into advanced UX design techniques or coding for UI implementation. The focus is primarily on visual design principles, typography, color theory, and creating engaging user interfaces rather than the technical development side.
How much time should I expect to commit to this course?
Although the exact runtime is not specified, the course consists of 55 lessons, which suggests a significant time commitment for thorough engagement. Given the detailed coverage of various UI design principles and practices, you should expect to dedicate several hours per week to complete the course effectively, depending on your pace.