CF

Master Gorgeous UI Design

10h 56m 16s
English
Paid

Elevate your visual design skills with industry expert Pablo Stanley and his team. This comprehensive course empowers you to enhance your project quality and captivate clients with a unique aesthetic vision. Dive into the fundamental concepts of UI, including typography, layout design, color harmony, visual storytelling, and the art of crafting compelling UI elements.

Course Overview

Join us to discover how to transform your design work through practical exercises and expert insights. This course offers a structured approach to mastering UI design principles while encouraging creativity and innovative thinking.

What You'll Learn

UI Foundations

Gain a solid understanding of the core principles of UI design that form the backbone of all successful digital interfaces.

Typography

Explore typography's role in design, focusing on font choices, readability, and creating a visual hierarchy.

Layout Design

Learn how to create intuitive and aesthetically pleasing layouts that guide users effortlessly through your designs.

Color Harmony

Discover the power of color in design, including the psychology behind color choices and techniques for creating harmonious palettes.

Visual Storytelling

Understand how to utilize visual elements to tell compelling stories that engage and resonate with your audience.

Crafting UI Elements

Dive into the details of designing interactive UI components that enhance user experience and set your projects apart.

Who Should Enroll

This course is ideal for aspiring and experienced designers looking to refine their skills, expand their creative toolkit, and achieve a higher standard of visual design excellence.

Course Benefits

  • Expert Guidance: Learn from Pablo Stanley and his experienced team, gaining insider knowledge from leading designers.
  • Hands-on Learning: Apply your skills through diverse, practical exercises that reinforce theoretical insights.
  • Portfolio Development: Build a professional-quality design portfolio to showcase your creativity and technical skills.
  • Networking Opportunities: Connect with fellow designers and industry professionals to broaden your professional network.

About the Author: Pablo Stanley (Together Art)

Pablo Stanley (Together Art) thumbnail

Pablo Stanley is a Mexican-American designer and the founder of multiple design-tooling companies (Bento, Blush, the Open Peeps illustration library) and one of the most recognised independent voices on illustration for product design. Together Art is his teaching brand focused on the UI design craft.

His CourseFlix listing carries Master Gorgeous UI Design — a structured treatment of the visual craft of interface design: typography, color, spacing, layout patterns, and the design decisions that separate polished UIs from amateur ones.

Material is paid and aimed at designers and developers ready to take the visual craft of UI design as a deliberate skill. For broader content, see CourseFlix's UI/UX Design category page.

Watch Online 62 lessons

This is a demo lesson (10:00 remaining)

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

View Pricing
0:00
/
#1: 001 - 1.0 Welcome to the Course
All Course Lessons (62)
#Lesson TitleDurationAccess
1
001 - 1.0 Welcome to the Course Demo
01:03
2
002 - 1.1 What is the Design Process
02:06
3
003 - 1.2 Tools of trade
04:36
4
004 - 1.3 Where to find inspiration
05:01
5
005 - 1.4 What is product design
02:07
6
006 - 1.5 Staying Updated and Continuous Learning
02:16
7
007 - 2.1 Design Principles
00:50
8
008 - 2.2 Simple Language (Tesler’s Law)
01:43
9
009 - 2.3 Clarity Over Choices (Hick’s Law)
02:32
10
010 - 2.4 Consistency and Familiarity (Jakob’s Law)
01:55
11
011 - 2.5 User Control (Postel’s Law)
01:44
12
012 - 2.6 Feedback (Peak-End Rule)
01:29
13
013 - 2.7 Clear Hierarchy (Von Restorff Effect)
01:43
14
014 - 2.8 Grouping (Miller’s Law)
02:14
15
015 - 2.9 Accessibility (Fitts' Law)
01:10
16
016 - 2.10 Confirm Before Acting (Postel’s Law)
02:55
17
017 - Exploring Hero Section Designs for the Filmo Web App
13:00
18
018 - Exploring Visual Elements Iterations of the Hero
15:29
19
019 - Exploring Dark Text on Bright Images
07:02
20
020 - Designing a Photo Grid
06:24
21
021 - Exploring Overlapping Components with Fun Composition
05:28
22
022 - Boxception Revealing the Bento Box Universe
18:50
23
023 - Designing a Simple but Nice-Looking Signup Page
18:39
24
024 - Stylish Sign Up Form
06:51
25
025 - LIVE Design Principles Chat
01:18:34
26
026 - 3.1 Anatomy of a Type
06:40
27
027 - 3.2 Type Classification
12:54
28
028 - Text Styles and Type-scales
19:16
29
029 - Text Line Height and Length
12:03
30
030 - Text Hierarchy
10:54
31
031 - Text Alignment
04:29
32
032 - Text Contrast with Images
17:43
33
033- Text and Letter Spacing
10:48
34
034 - Text Variables
10:54
35
035 - Color Intro
04:04
36
036 - Color Semantics Enhancing Accessibility Beyond Contrast
06:39
37
037 - Color Hierarchy
03:04
38
038 - Color Harmony in UI Design
11:11
39
039 - Applying Brand Color to UI
06:29
40
040 - Creating a Color Palette in UI Design
21:50
41
041 - Composition
13:40
42
042 - Buttons
23:58
43
043 - Checkboxes
12:59
44
044 - Text Input
11:01
45
045 - Switches
08:07
46
046 - Tabs
11:31
47
047 - Dialogs
13:28
48
048 - Cards
15:12
49
049 - Select Inputs
18:18
50
050 - Sidebar
15:53
51
051 - Dashboard Wireframe
05:50
52
052 - Dashboard
29:41
53
053 - Login Screen
09:30
54
054 - Settings Screen
10:46
55
055 - Exploring Hero Section Designs for the Filmo Web App
13:00
56
056 - Exploring Visual Elements Iterations of the Hero
15:29
57
057 - Exploring Dark Text on Bright Images
07:02
58
058 - Designing a Photo Grid
06:24
59
059 - Exploring Overlapping Components with Fun Composition
05:28
60
060 - Boxception Revealing the Bento Box Universe
18:50
61
061 - Designing a Simple but Nice-Looking Signup Page
18:39
62
062 - Stylish Sign Up Form
06:51
Unlock unlimited learning

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

Learn more about subscription

Books

Read Book Master Gorgeous UI Design

#TitleTypeOpen
1Affordances in UI PDF
2Basic Composition in Figma PDF
3Gestalt Principles PDF
4Visual Hierarchy PDF

Related courses

Frequently asked questions

What are the prerequisites for enrolling in this UI design course?
There are no formal prerequisites for this course, making it accessible to beginners. However, familiarity with basic design concepts and tools can be beneficial. The course covers foundational principles, so prior experience in design is helpful but not necessary.
What kind of projects will I work on during the course?
Throughout the course, students will engage in practical exercises such as designing hero sections for the Filmo web app, creating photo grids, and crafting UI components like buttons, checkboxes, and text inputs. These projects are designed to reinforce the UI design principles taught in the course.
Who is the target audience for this course?
The course is ideal for aspiring UI designers, graphic designers looking to enhance their digital interface skills, and professionals in related fields who want to deepen their understanding of UI design principles. It caters to both beginners and those with some design experience.
What specific design tools does the course cover?
The course includes a lesson on the tools of the trade in lesson 003, providing insights into essential design software and resources that are widely used in the industry. This foundational knowledge helps students choose the right tools for their design projects.
What topics are not covered in this course?
The course focuses on UI design principles and does not cover topics such as backend development, advanced coding, or non-UI graphic design areas like illustration or branding. The emphasis is on visual storytelling, typography, layout design, and crafting interactive UI components.
How much time should I expect to commit to this course?
The course consists of 62 lessons with varying lengths, so the total time commitment will depend on each student's pace. Given the depth of coverage, students should be prepared to dedicate several hours a week to review lessons, complete exercises, and apply learned concepts.
How will this course benefit my career in design?
By mastering UI design principles, typography, layout, and color harmony, students can significantly enhance their project quality and client appeal. The skills acquired are applicable across various design roles, providing a strong foundation for careers in UI/UX design, product design, and digital marketing.