Course Assets

πŸ‘‹ Welcome to the course assets for the second week of Intro to User Interface Design, which includes knowledge testers, quick links to exercises, projects and homework, as well as resource links to videos, articles and books, some of which are noted in the lessons, to deepen your learning!

Test Yourself!

<aside> πŸ“Œ Here it is! Just a very small quick-fire quiz to test your knowledge this week. No peeking at the answers below, and don’t worry if you get any wrong! Click the toggle to reveal the answer.

</aside>

Project & Homework

We can't wait to see what you create πŸ˜„

Resources

Using Shape Tools β€” a blog post by Figma

Components in Figma β€” a blog post by Figma

Creating Components β€” a blog post by Figma

Naming and Organizing Components β€” a blog post by Figma

Creating Instances β€” a blog post by Figma

Swap Components and Instances β€” a blog post by Figma

Apply Overrides to Instances β€” a blog post by Figma

Detaching Instances β€” a blog post by Figma

Best Practices: Components, Styles and Shared Libraries β€” a blog post by Figma

Create Dynamic Designs with Auto Layout β€” a blog post by Figma

Create Layout Grids with Grids, Columns and Rows β€” a blog post by Figma

Component-Based Design. What Is It? What Is It All About? What Are Its Benefits? β€” Droptica

How we're using Component Based Design β€” Heavyweight

Component-Based Architecture β€” Tutorialspoint

UX Principles for Designing Component-Based Systems β€” Open Sense Labs

Create Component-Based websites with Design Systems β€” UX Pin

Intro to UI: Glossary of Common Components

Google Material Design

Button States β€”Β Google Material Design

UI Cheat Sheet for Buttons β€” UX Collective

Basic Design System Button States β€” Scott Oliveri on Medium

How to Get Help

Have a course question?

Need help on a project?

If you have a course-related question or bug, post it in the Q&A below each video. Our team will respond (and you'll receive an email notification) ASAP during office hours. We'll follow-up if we need more info from you.

We're also available via email [email protected] and via chat if you want to ask anything privately, though we encourage asking publicly whenever possible!

A polite note: email and chat messages go to the same mailbox, so you won't receive a faster reply if you ask multiple times. Just once is great!

If you have a non-course question or are looking for feedback on a project, feel free to post in the Slack channel #help-course-name, where both SuperHi staff and our student community are hanging out. Everyone helps each other out here!

We also have the more general #help channel, for non-course chat, feedback and questions.

SuperHi is a small (but mighty!) team so please don't DM staff – keeping your question public helps us, as a team, follow-through as quickly and as efficiently as possible. πŸ’™