{"id":64,"date":"2026-03-05T07:50:40","date_gmt":"2026-03-05T15:50:40","guid":{"rendered":"https:\/\/teaching.romanjaster.net\/artcenterspring2026\/?p=64"},"modified":"2026-03-04T20:46:33","modified_gmt":"2026-03-05T04:46:33","slug":"class-7","status":"publish","type":"post","link":"https:\/\/teaching.romanjaster.net\/artcenterspring2026\/class-7\/","title":{"rendered":"Class 7"},"content":{"rendered":"<h2>In Class<\/h2>\n<p>We will review Project 3.<\/p>\n<p>You\u2019ll also take a mid-term quiz.<\/p>\n<p>And I will introduce Project 4.<\/p>\n<h2>Project 4<\/h2>\n<p><a href=\"https:\/\/teaching.romanjaster.net\/artcenterspring2026\/project-4\/\"><strong>Brief: Interview<\/strong><\/a><\/p>\n<h3>Due Next Class (March 12)<\/h3>\n<ol>\n<li>Make sure you have your content for your interview.<\/li>\n<li>Mock up the design for <em>one<\/em> entire page in Figma.\n<ul>\n<li>Create a mobile version (375px width) and a desktop version (1024px width). Make the height as tall as it needs to be.<\/li>\n<li>Make sure the typefaces you choose can be used on the web (i.e., use Google Fonts or Adobe Fonts or something freely available).<\/li>\n<li>Make sure all of your colors pass at least the AA accessibility check. Use the <a href=\"https:\/\/www.figma.com\/community\/plugin\/733159460536249875\/A11y---Color-Contrast-Checker\">A11y \u2013 Color Contrast Checker<\/a> plugin for Figma.<\/li>\n<li>Don\u2019t worry about designing the dark mode color palette yet. But add a color-mode toggle button in your design.<br \/>\n(Check here for a fun example of a <a href=\"https:\/\/www.incommonwith.com\/collections\/all-lighting\">dark mode switch<\/a>.)<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h4>Delivery<\/h4>\n<p>Post your Figma file\u2019s \u201cShare Prototype\u201d link in the #general Slack channel.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In Class We will review Project 3. You\u2019ll also take a mid-term quiz. And I will introduce Project 4. Project 4 Brief: Interview 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 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-64","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"acf":[],"_links":{"self":[{"href":"https:\/\/teaching.romanjaster.net\/artcenterspring2026\/wp-json\/wp\/v2\/posts\/64","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teaching.romanjaster.net\/artcenterspring2026\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/teaching.romanjaster.net\/artcenterspring2026\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/teaching.romanjaster.net\/artcenterspring2026\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teaching.romanjaster.net\/artcenterspring2026\/wp-json\/wp\/v2\/comments?post=64"}],"version-history":[{"count":5,"href":"https:\/\/teaching.romanjaster.net\/artcenterspring2026\/wp-json\/wp\/v2\/posts\/64\/revisions"}],"predecessor-version":[{"id":73,"href":"https:\/\/teaching.romanjaster.net\/artcenterspring2026\/wp-json\/wp\/v2\/posts\/64\/revisions\/73"}],"wp:attachment":[{"href":"https:\/\/teaching.romanjaster.net\/artcenterspring2026\/wp-json\/wp\/v2\/media?parent=64"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/teaching.romanjaster.net\/artcenterspring2026\/wp-json\/wp\/v2\/categories?post=64"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/teaching.romanjaster.net\/artcenterspring2026\/wp-json\/wp\/v2\/tags?post=64"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}