English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 28 Lessons (6h 52m) | 1.50 GB
Are you interested in learning how user interface can improve the user experience? Our user interface design course teaches students how to bring wireframes to life by considering visual and design principles for the web, pattern-level thinking, Figma styles, components and complex components, and the importance of file hygiene.
You’ll learn how to think like a UI designer and confidently build design systems that scale.
What you’ll learn
- What the user interface is, when it was invented and why it’s important
- How to optimize your use of web design tools like Figma to create styles, components, complex components, and layouts
- How to spot and analyze pattern-level thinking and design systems in everyday web
- How to reduce design debt in your own designs by engaging in best practices for naming and organizing layers, frames and files
- How to bring wireframes to life to create an interesting, thoughtful, and unique – yet familiar – interface.
- How to continue to prioritize the user experience in user interface design
Table of Contents
1 A Brief History of the Graphic User Interface
2 Understanding UI Design
3 Introducing Patterns
4 Design Elements and Principles in the Context of UI Design
5 Introducing Exercise 1: Design Styles
6 Exercise 1: Design Styles in Figma
7 Introducing Project 1: Mood Ring
8 Project 1: Starting to Design Mood Ring
9 Project 1: Implementing Styles + Working on Mood Ring’s Pattern Library
10 Project 1: Designing Remaining Onboarding Screens for Mood Ring
11 Introducing Components and Instances
12 Naming and Understanding Components and Instances
13 Looking for Components in the Wild
14 Introducing Exercise 1: Building Components from the Wild
15 Continuing Exercise 1: Building Components from the Wild Ctd
16 Introducing Project Part 2: Mood Ring Log In
17 Project Part 2: Starting Mood Ring Log In
18 Project Part 2: Continuing Mood Ring Log In 1
19 Project Part 2: Continuing Mood Ring Log In 2
20 Project Part 2: Completing Mood Ring Log In
21 Learning About Variants and Different States
22 Understanding States in the Context of Accessibility
23 Introducing Project Part 3: Designing Variants and Responsive Design for Mood Ring
24 Project Part 3: Introducing Tablet Styles
25 Project Part 3: Updating Existing Components and Adding New Components
26 Project Part 3: Applying New Styles and Components to Tablet Onboarding Screens
27 Project Part 3: Designing Project Part 1 in Tablet
28 Project Part 3: Designing Project Part 2 in Tablet
Resolve the captcha to access the links!