August 31: Grids

Topics

  • Review Questions
  • Slack Tips: @mentions, responding, channels, direct messaging (dm), reactions, etc.
  • Create Google Drive Folder
  • Imagine a Website…
  • Grids: Units, Columns, Regions, Fields, Gutters
  • Responsive Design
  • Wireframes: modules, images, videos, headings, text
  • Grid Mapping Exercise
  • Meet with Graduate Students

Due September 2

  • Review Slack Getting Started Guide
  • Read excerpt from Ordering Disorder by Khoi Vinh
  • Read excerpt from Modular Web Design by Nathan Curtis
  • Find an example of a Blog. In your sketchbook, draw the underlying grid and wireframes (lable width measurements in %, use a straight edge and draw in proportion). Draw the grid and wireframes for each page template/layout and screen size. Write a brief description of the grid (using the vocbulary introduced in class). Address how the grid change between pages or screen sizes? Complete assignment in your sketchbook and bring to class on Friday.