Class 4

class4T 10/02

Theory: UI Design Principles
Design: Color + Type | Emphasis & Focal Point
Technical: Digital Imaging + Image optimization
Practice: Digital Mock-up

For Class

  • Upload to your WordPress the items below addressing the issues you presented on Project 1: Worst of Web .
  • Collect images to create the Digital Mock-up
  • Site layout in Photoshop – 4 pages
    • Home
    • About
    • Contact
    • A Link Page
  • Use Resolution for Desktop: 1024 x 768 pixels each page
  • Color Mode: RGB
  • Resolution Size: 72 dpi

In Class

  • Attendance & Announcements
  • Review: Principles Studies
    • Theory: UI Design Principles
      § Structure § Simplicity § Visibility § Feedback § Tolerance § Reuse
    • Design: Unity + Emphasis & Focal Point
      Unity: Continuation, Repetition, Alignment, Proximity
      Emphasis & Focal Point: Contrast, Isolation, Convergence, Unusual, Placement
    • Technical: Digital Imaging + Image optimization
      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
  • Type + Color | Gestalt : Consistency
  • Presentations
  • Practice: Digital Mock-up

For Home

Tutorial 2: Photoshop Basics | Interface Design  Uploaded to personal WordPress portfolio.

Project 1: Worst of the Web

  • Site layout on Photoshop – 4 pages
    • Home
    • About
    • Contact
    • A Link Page
  • Use Resolution for Desktop: 1024 x 768 pixels each page
  • Color Mode: RGB
  • Resolution Size: 72 dpi