Tuesday 03/01

Theory: Labeling + Organize
Design: Unity + Emphasis & Focal Point
Technical: Digital Imaging + Image optimization
Practice: Digital Mock-up

Asynchronous Due for Class 3

• Review: Elements & Principles Design Principles Unity
• Watch: Beginning Graphic Design: Images
• Install: Adobe Photoshop and XD on your computer.
• Work on:
  • Tutorial 2 | Adobe XD | Wireframe to Prototype Step 1.
  • Project 1 Worst of the Web redesigned proposal, site map and wireframe four pages two pages web, and two pages mobile.
• Post: Redesigned proposal, site map and wireframe two pages web, and two pages mobile to Blackboard / Work Submission / Assignments / P1 | Assignment 2 – Due by the beginning of Class 3.
• Post: Tutorial 2 | Adobe XD | Wireframe to Prototype Step 1 | to Blackboard / Work Submission / Tutorials / Tutorial 2 Step 1.

Synchronous

• Attendance & Announcements
• Project 1 | Assignment 2 Redesigned proposal, site map and wireframe presentations
• UI Design Development: Initial Planning + Information Architecture
• 2D Design Principles: Unite & Emphasis | CRAP in Design
• Digital Imaging

• • • Raster x Vector
    • Resizing x Resampling | Photoshop
    • Best Extension
    • Optimizing images for web
    • Image Size:
      Area size in pixels (inches, etc.) + Resolution in dots (or pixels) per inch (dpi) = File size in bits
      Optimize for web: Area size not bigger than the site area, Resolution at 72 dpi, File size below 200 dpi
• Adobe XD
• Project 1 | Assignment 3

Asynchronous Due for Class 4

• Review: 2D Design Principles: Uni ty & Emphasis| CRAP in Design
• Practice:
• Tutorial 2 | Adobe XD | Wireframe to Prototype | Steps 2, 3 and 4. Post to Blackboard under Tutorials / Tutorial 2 to the related step. 
• Post: Blackboard / Assignments / Class 4 on Project 1 | Assignment 3: Post proposed redesigned first sketches for four (4) pages for web done in Adobe XD. Make sure you are collecting assets for your site.