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 commentsSimilar courses
Photography Masterclass: A Complete Guide to Photography
Sources: udemy
This photography course is designed to teach you the ins and outs of photography, even if you have little to no experience with it, to help create profitable im
23 hours 10 minutes 9 seconds
The UI/UX Playbook: Learn How To Design Beautiful UI Designs
Sources: uxpeak
This book is your indispensable guide to the world of UI/UX design, which will help you master the key principles and techniques for creating interfaces that...
The Design Manual - The only guide you need to master mobile designadr
Sources: (UI) Adrian (Adrian Kuleszo)
"The Design Manual" is a comprehensive guide designed for mastering mobile design. The book combines theory and practice, providing…
28 minutes 12 seconds
Kickstart your UI/UX Design Career / DesignCourse UI/UX
Sources: Gary Simon
Join the most interactive course for learning UI/UX Design with Gary Simon. The DesignCourse UI/UX Curriculum is taught entirely with Figma. You will go from ab
16 hours 33 minutes 33 seconds
The Ultimate UI Grids & Layouts Masterclass
Sources: Andrija Prelec
The course is filled with practical tips and tricks from a senior product designer with a decade of experience in design. In addition to learning...
7 hours 6 minutes 36 seconds
Want to join the conversation?
Sign in to comment