Class 10


F 04/17

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


For Class

  • Project 2: My Footprint Develop the digital mock-ups for the computer (suggested 1140 px wide) and phone (suggested 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:
  • Continue to work on Project 2 defining the content, design and elements.

Suggested sizes:

In Class

    • Attendance & Announcements
    • Theory: Prototyping
    • Design: Responsive Layout | Sample templates
    • Technical:
    • Practice: Mock-up + Implementation

For Home

  • Project 2: My Footprint Implement the interactive mock-up for the web and phone versions using hot links.
  • Install Web Export Plug In in XD and export your XD interactive prototype to HTML/CSS.