Faculty Syllabus

Catalog Description

Learn techniques and methods used for graphic design for various digital interfaces. Emphasis will be placed on aesthetics, information design, interface patterns, color, typography, multi-viewport design, and UI design tools.

Course Prerequisites

GRPH 1359 and UXUI 1373

Course Rationale/Objectives

This course focuses on visual problem solving for screen-based media. Students will discover how design principles apply to digital interfaces within the context of established best practices in visual design and user interface design. Skills and techniques covered include: accessibility, wireframing, typography, user flow, interactivity, design patterns, design systems, multi-step processes, discovery, ideation, and prototyping.

There is no required textbook for this course. Suggested readings may be shared throughout the semester.

C1 | Software – Manipulate tools used for interface design (Figma Mobile Screen Design)

C2 | Principles of design on screens – Design the visual communication, content structure, and experience of a digital interface (Non-Profit Homepage Mockup)

C3 | Wireframing and planning – Plan the structure and layout of a digital interface (Product Page Wireframes)

C4 | Responsive design – Create a responsive design (Product Page Responsive Design (Product Page Responsive Design)

C5 | Design System – Utilize an existing design system to create a multi-page microsite (Multipage Microsite)

What you’ll learn to do by the end of this course:

• Use the visual design process
• Discover industry standard tools for creating UI elements and prototyping
• Discover interaction elements and user flows
• Design digital products with usability, accessibility and navigation principles