Skip to main content

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: together.art (Pablo Stanley)

together.art (Pablo Stanley) thumbnail
Together is an art studio founded by Pablo Stanley that creates educational design materials, resources for creators, conducts workshops, and... oh yes, also comics.

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

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