California Institute of Arts

Visual Elements of User Interface Design

Dive into the broad question of what an interface is and what role a designer plays in creating a user interface.
Length 3 to 4 weeks
Effort 3-4 hours per week
Price Free
Subject Design
Level Beginner
Languages English
Video Transcripts English

This design-centric course examines the broad question of what an interface is and what role a designer plays in creating a user interface. Learning how to design and articulate meaning using color, type, and imagery is essential to making interfaces function clearly and seamlessly. Through a series of lectures and visual exercises, you will focus on the many individual elements and components that make up the skillset of an interface designer. By the end of this course, you will be able to describe the key formal elements of clear, consistent, and intuitive UI design, and apply your learned skills to the design of a static screen-based interface.


This is the first course in the UI/UX Design Specialization, which brings a design-centric approach to user interface (UI) and user experience (UX) design, and offers practical, skill-based instruction centered around a visual communications perspective, rather than on one focused on marketing or programming alone.


These courses are ideal for anyone with some experience in graphic or visual design and who would like to build their skill set in UI or UX for app and web design. It would also be ideal for anyone with experience in front- or back-end web development or human-computer interaction and want to sharpen their visual design and analysis skills for UI or UX.

What you'll learn

WHAT YOU WILL LEARN

  • Build skill set in UI or UX for app and web design

  • Sharpen visual design and analysis skills for UI or UX

Course syllabus

WEEK 1

Course and Specialization Overview

What IS a user interface anyway?


WEEK 2

Formal Elements of Interface Design


WEEK 3

Active Elements of Interface Design


WEEK 4

Composing the Elements of Interface Design

Meet the instructors

Michael Worthington

Faculty, Program in Graphic Design

School of Art