Syllabus
Visual Design

Visual Design

UXUI-1371

Credit Fall 2020
08/24/2020 - 12/13/2020

Course Information

Section 002
Distance Learning
W 15:00 - 16:10
DLS DIL
Josiah Spence

Section 002
Laboratory
W 16:10 - 17:40
DLS DIL
Josiah Spence

Office Hours

  • M W
    2 - 3
    Remote
    Remote office hours held by Google Meet video chat.
  • T Th
    11 - 12
    Remote
    Remote office hours held by Google Meet video chat.
  • W
    1 - 2
    Remote
    Remote office hours held by Google Meet video chat.

Course Requirements

Assignments

Project 1: Ideatiation and Planning 

Project 2: Design a Product Page (Visual Hierarchy and Designing for Interaction)

Project 3: Create a UI component system from existing assets

Project 4: Understand design systems as a tool to manage design at scale

Project 5: Design for 10-foot display while following brand identity guidelines

Project 7: Final Project: Design within technical and platform-specific constraints

Readings

  • Free Online Book - Design Systems Handbook: www.designbetter.co/design-systems-handbook

  • Recommended books:

    • Discover Sketch App - A Step-by-Step Guide to Using Sketch by Marc Andrew

    • Universal Principles of Design by William Lidwell

Course Subjects

COURSE DESCRIPTION

Catalog Description:

Learn techniques and methods used for the visual design of software products. Emphasis will be placed on content design, interface patterns, color, typography, multi-viewport design, visual communication for a better user experience, and image editing tools.

 

Course Prerequisites:

UXUI 1374 or instructor's approval

 

 

COURSE RATIONALE/OBJECTIVES

This course will immerse students in the practice of visual problem solving for various digital interfaces. Emphasis will be placed on aesthetics, software product design concepts, information design, design elements & patterns, and design process artifacts. The course provides a “Design for Software” context for next-level-courses in the User Experience Design degree.

 

Student Learning Outcomes/Learning Objectives

  • Apply techniques to solve visual design for software problems. 

  • Critique real world examples.

  • Develop studio skills that include the preliminary design process.

  • Explore the visual design process for a digital product from initial concept to comprehensive design.