Class 9


F 03/27

Theory: Prototyping
Design: Responsive Layout
Technical: Digital Imaging + XD + HTML + CSS
Practice: Mock-up + Implementation

For Class

Project 2: My Footprint Research, Proposal, Site Map, Sketches

In Class

  • Attendance & Announcements
  • Present:
  • Theory: Boxifying
  • Design: Type + Color + Texture | Unity + Emphasis & Focal Point
  • Technical: Digital Imaging + XD + HTML + CSS

  • Watch:

  • Studio:
    • Define the graphic and typographic elements for your site along and boxes.

For Home

Project 2: My Footprint Develop the digital mock-ups for the computer (1140 px wide) and phone (320 px wide) interfaces keeping in mind how the site structure, typographic and graphic elements will be organized in boxes and consequently the html-css structure.

    • Watch ALL the videos in this series !
    • Your aim is to define the boxes, elements and styles in order to get ready to develop the HTML+CSS.
    • For next class you will need to have digital mock-up for all the pages along with the graphic and typographic elements, color, and number of boxes.