• Fill out name Chips, intro cards
  • Roll-call

Part 1: Class Overview

  • Lecture: Class overview
  • Introductions:
    • Name
    • A hobby
    • Major/year
    • What are you taking this semester?
    • What do you think will be the most challenging part of this class?
  • Setup Coding environment

Part 2: Simple Mockups in Photoshop

  • Navigation, site maps
    • Referring to instructions/assignment 3, write a site map
    • With pen/paper draw a quick wireframe of the home page
  • Recreate the designs of A3 in Photoshop
    • Presets
    • Artboards, dimensions
    • Color: RGBA, Hex
    • Layers
    • Shape and Type tool
    • Save as PSD and PNG
    • Turning in


Due next class A1: Simple Mockups