In Class
We will review Project 3.
You’ll also take a mid-term quiz.
And I will introduce Project 4.
Project 4
Due Next Class (March 12)
- Make sure you have your content for your interview.
- Mock up the design for one entire page in Figma.
- Create a mobile version (375px width) and a desktop version (1024px width). Make the height as tall as it needs to be.
- Make sure the typefaces you choose can be used on the web (i.e., use Google Fonts or Adobe Fonts or something freely available).
- Make sure all of your colors pass at least the AA accessibility check. Use the A11y – Color Contrast Checker plugin for Figma.
- Don’t worry about designing the dark mode color palette yet. But add a color-mode toggle button in your design.
(Check here for a fun example of a dark mode switch.)
Delivery
Post your Figma file’s “Share Prototype” link in the #general Slack channel.