Master Gorgeous UI Design
10h 56m 16s
English
Paid
Course description
Transform your visual design skills with Pablo Stanley and his team. This course will help you elevate your project quality and engage clients with a distinctive aesthetic vision. Learn UI foundations, typography, layout, color harmony, visual storytelling, and crafting UI elements.
Watch Online
0:00
/ #1: 001 - 1.0 Welcome to the Course
All Course Lessons (62)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 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 subscriptionBooks
Read Book Master Gorgeous UI Design
| # | Title |
|---|---|
| 1 | Affordances in UI |
| 2 | Basic Composition in Figma |
| 3 | Gestalt Principles |
| 4 | Visual Hierarchy |
Comments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Shift Nudge – Interface Design Course (PRO packet)
Sources: shiftnudge.com (Matt, MDS)
Shift Nudge is the systematic process to learn the visual skills of interface design, even if you don't have a design background, even if you're not an expert, even if you have ...
105 hours 34 minutes 18 seconds
The Ultimate SAAS Course
Sources: Prodigies University
Learn how to create, promote, and launch a successful SAAS project without writing a single line of code! A complete step-by-step plan from start to finish.
8 hours 4 minutes 52 seconds
Building a Transpiler from scratch
Sources: Dmitry Soshnikov
In modern implementations of compilers, it has become popular to transform one high-level language into another. Examples include transpiling new versions of...
2 hours 3 seconds
Automata Theory: inside a RegExp machine
Sources: Dmitry Soshnikov
State machines — the fundamental concept used today in many practical applications, starting from UI programming like React, automated reply systems, lexical an
1 hour 48 minutes 5 seconds
System Design for Interviews and Beyond
Sources: Mikhail Smarshchok
Having over 15 years of industry experience, last 9 years I worked on building scalable, highly available and low latency distributed systems. For a long time, I have wondered w...
7 hours 53 minutes 5 seconds