ARTG 405 Responsive Poster

In this ARTG405 assignment the student has to think about how the user will use the information displayed on multiple device sizes, how the layout will change from a landscape to a portrait viewport, present that information in an order that makes sense using intuitive UI guidelines from their reading and class discussions, then translate that design from sketches and XD to HTML and CSS.

• Reading from chapters 5-8 of Designing with the Mind in Mind
• Hand drawn sketches/wireframes for both landscape and portrait viewports
• Adobe XD prototype for both landscape and portrait viewports
• Students incorporate CSS learned in week 7-8 including:
  • CSS Grid
  • Animation using Transitions and Keyframes (CSS properties)