Course Assets

👋 Welcome to the course assets for the third 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

We can't wait to see what you create 😄

Project Working File

Project Guide

Project Cheat Sheet

Resources

Figma Tutorial, Variants — a video by Figma

Naming and Organizing Components in Figma, Related Components — a blog post by Figma

Responsive Design — Design Code

Designing States for Buttons & UI Interactions — Adobe XD

The Responsive Website Font Size Guidelines — Learn UI Design

Using constraints & “magic numbers” to build responsive layouts in Figma — a blog post by Figma

How to Get Help

Have a course question?

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!

Need help on a project?

If you have a non-course question or are looking for feedback on a project, feel free to post in the Slack channel #help-intro-ui, 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. 💙