UI Design Foundations
4h 30s
English
Paid
Course description
Laying the foundation for your UI design mastery and equipping yourself with the essential knowledge and skills to create engaging digital interfaces.
Learn the key principles of UI design, color, typography, visual elements, common user interface components, grids and layouts, as well as the devices and platforms you will work with, along with valuable design tips.
"The Basics of UI Design" is the perfect resource for developing a deep and solid understanding of the fundamental principles and concepts of UI design.
Watch Online
Watch Online UI Design Foundations
0:00
/ #1: Welcome to the Course
All Course Lessons (55)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 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 subscriptionBooks
Read Book UI Design Foundations
| # | Title |
|---|---|
| 1 | Common UI Design Mistakes |
| 2 | Products to Analyze |
| 3 | UI Design Project Kick-off Questionnaire |
| 4 | Starter UI Color Palette |
| 5 | Starter UI Type Pairings |
| 6 | UI Design Glossary |
| 7 | The Ultimate UI Design Resources |
Comments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
The UX Portfolio Formula - A UX portfolio course created by Sarah Doody
Sources: Sarah Doody (courses.sarahdoody.com)
A UX portfolio course to help you write better case studies, stand out to recruiters, and get a role you love.
40 hours 27 minutes 54 seconds
The Ultimate Airtable Design System Inventory and Automation (Bundle)
Sources: Romina Kavcic
Learn to quickly create an inventory with Airtable and easily integrate it with tools like Figma, Jira, Slack, GitHub, and others. Sync your design tokens...
37 minutes 48 seconds
The Ultimate UI Typography Masterclass
Sources: Andrija Prelec
The course is filled with real advice and tricks from a senior product designer with ten years of experience in design. Besides learning...
4 hours 53 minutes 7 seconds
The Ultimate UI Colors Masterclass
Sources: Andrija Prelec
The course is filled with real advice and tricks from a senior product designer with a decade of experience in design. In addition to learning...
5 hours 35 minutes 10 seconds
UI Design Demo Videos Vault
Sources: Andrija Prelec
Unveil the secrets of senior UI designers. Ever wondered how professionals create impressive interfaces? The video library of UI design demonstrations...
12 hours 8 minutes 12 seconds