π 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!
<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>
We can't wait to see what you create π
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
Button States βΒ Google Material Design
UI Cheat Sheet for Buttons β UX Collective
Basic Design System Button States β Scott Oliveri on Medium
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. π