SuperHi FM

Search:

Catalog Cart About Sign in

Intro to User Interface Design

Complex Components (Variants) + Responsive Design

Chapter 03

Complex Components (Variants) + Responsive Design

Links + downloads

Chapter resources

Chapter URL

Videos

Lesson 01

Learning About Variants and Different States

Lesson 02

Understanding States in the Context of Accessibility

Lesson 03

Introducing Project Part 3: Designing Variants and Responsive Design for Mood Ring

Lesson 04

Project Part 3: Introducing Tablet Styles

Lesson 05

Project Part 3: Updating Existing Components and Adding New Components

Lesson 06

Project Part 3: Applying New Styles and Components to Tablet Onboarding Screens

Lesson 07

Project Part 3: Designing Project Part 1 in Tablet

Lesson 08

Project Part 3: Designing Project Part 2 in Tablet

SuperHi FM

Want some ambient music in the background? Play our radio station!

Pattern-level Thinking, UI Elements + Components

Back: Chapter 02

Pattern-level Thinking, UI Elements + Components

Feeling stuck?

Don’t worry, we are here to help you with:

Speedy help from one of our team members
Detailed, relevant solutions
Direct access to peer support through Discord!

Remember, there’s no such thing as a silly question, so don’t hesitate to reach out, we love hearing from you!

© 2024 SuperHi, Inc.

Learn

All courses Code Design Project management SuperHi Editor

Company

About Student work SuperHi for Business NEW Careers Newsletter

Support

Return policy Terms of use Discrimination policy Code of conduct Contact us

In our third and final part of the project, students will take their components to the next level with the introduction of variants, also known as component groups with properties and values, as well as responsive design. Students will see how organizational work in Chapter 1 & 2 come full circle to design out previous screens in tablet, further scaling their design system.

Private notes

A place for you to post notes about anything on this page. Only you can view your notes.

Sign in to save notes