DES 204 - Web Design


Description: Foundations of interactive design including page structure, basic information architecture, and component-based interfaces using industry-standard frontend languages. Students learn about WCAG-aligned accessibility, optimize media performance, and preparing web assets to specification.

Prerequisites: DES 100

Credits: 3
Lecture: 1
Lab: 6

Course Content:
  1. Web foundations: structure, content, presentationIntroductory frontend coding
  2. Semantic organization
  3. Information architecture
  4. Responsive layout concepts
  5. Web typography
  6. Media for the web (formats, optimization)
  7. Color and contrast for screens
  8. Component-based user interface concepts
  9. Basic interactivity and state behaviors
  10. Accessibility standards for the web
  11. Asset export and handoff specifications
  12. Historical and contemporary references
  13. Critique

Learning Outcomes:
  1. Evaluate design elements and principles in interactive artifacts. (5,6,8,13)
  2. Define the structure of a web page. (1)
  3. Plan basic information architecture with a sitemap. (4)
  4. Build basic deliverables using industry standard frontend languages. (2)
  5. Compose interfaces using components with variants. (9,10)
  6. Use semantic coding principles. (3)
  7. Develop deliverables through iterative refinement. (14)
  8. Apply WCAG-aligned accessibility standards. (11)
  9. Optimize media for web performance. (7)
  10. Prepare files according to established output specifications. (12)
  11. Critique peer work using discipline-specific terminology to propose revisions. (14)


Print-Friendly Page (opens a new window)
Close Window