California Institute of the Arts
Visual Elements of User Interface Design
California Institute of the Arts

Visual Elements of User Interface Design

This course is part of UI / UX Design Specialization

Taught in English

Some content may not be translated

Michael Worthington

Instructor: Michael Worthington

239,628 already enrolled

Included with Coursera Plus

Course

Gain insight into a topic and learn the fundamentals

4.7

(5,844 reviews)

|

97%

Beginner level
No prior experience required
16 hours (approximately)
Flexible schedule
Learn at your own pace

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

2 quizzes

Course

Gain insight into a topic and learn the fundamentals

4.7

(5,844 reviews)

|

97%

Beginner level
No prior experience required
16 hours (approximately)
Flexible schedule
Learn at your own pace

See how employees at top companies are mastering in-demand skills

Placeholder

Build your subject-matter expertise

This course is part of the UI / UX Design Specialization
When you enroll in this course, you'll also be enrolled in this Specialization.
  • Learn new concepts from industry experts
  • Gain a foundational understanding of a subject or tool
  • Develop job-relevant skills with hands-on projects
  • Earn a shareable career certificate
Placeholder
Placeholder

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV

Share it on social media and in your performance review

Placeholder

There are 5 modules in this course

Welcome! In this first module I will summarize the assignments and expectations of this course, as well as the UI/UX Design Specialization.

What's included

5 videos9 readings

In this first week we will look at some basic broad concepts and contexts for user interfaces, looking at examples both on and off-screen. We will look at basic principles of interaction theory, discuss the relationship between UI and UX, and examine the relationship between coding and designing. We will discuss the roles of functionality and aesthetics in interface design and outline a "form-first" philosophy to user interface design. This week will focus on background information and terminology and will give you the context and vocabulary necessary before you start making great interfaces!

What's included

9 videos2 readings2 quizzes1 discussion prompt

This week we are going to examine the various formal elements that make up an interface. We’ll start out with the larger questions of content, context and audience that frame any UI/UX project. In other words: What is it? Who is it for? And, where does it live? And we’ll look at the big picture of overall design direction, what is often referred to as “look and feel”. From there we’ll go into detail of how the basic components of how visual design works in the context of interface design: language, shape, color, imagery, typography, and icons. These areas will be the formal building blocks you will use to create the more complex visual structure of a screen-based user interface.

What's included

8 videos1 reading1 peer review

This week we are going to take our static interface elements and begin to think about how a user interacts with them. In other words, how to bring these elements a stage closer to having a life on the screen. We’ll be looking at navigational conventions, such as menus, buttons, and icons in different states. Our focus will move from what the graphic interface looks like, to include how it works and how it responds to the user. By adding interactivity to our static designs, the idea is to think more deeply about the role the designer plays in shaping a user’s interactive experience.

What's included

8 videos4 readings1 peer review

This week we are going to take our individual interface components and see what happens when we try to put them together into a more complex structure. We’ll be looking at how to get our components to work harmoniously as a family, figuring out how hierarchy works in the interface, and discussing conventions and expectations of contemporary interface design. We’ll also be examining how to navigate to different screens and how to build visual relationships between different kinds of content within a single site. Finally, we’ll be discussing different platforms, how to create variable content for different screen sizes, and looking at how to organize complex bodies of content into user-friendly structures.

What's included

7 videos2 readings1 peer review

Instructor

Instructor ratings
4.7 (1,692 ratings)
Michael Worthington
8 Courses1,009,684 learners

Offered by

Recommended if you're interested in Music and Art

Why people choose Coursera for their career

Felipe M.
Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
Jennifer J.
Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
Larry W.
Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."
Chaitanya A.
"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Learner reviews

Showing 3 of 5844

4.7

5,844 reviews

  • 5 stars

    77.10%

  • 4 stars

    18.41%

  • 3 stars

    2.75%

  • 2 stars

    0.70%

  • 1 star

    1.02%

KG
5

Reviewed on Jun 5, 2022

AV
5

Reviewed on Sep 14, 2020

RK
4

Reviewed on Dec 26, 2018

Placeholder

Open new doors with Coursera Plus

Unlimited access to 7,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription

Advance your career with an online degree

Earn a degree from world-class universities - 100% online

Join over 3,400 global companies that choose Coursera for Business

Upskill your employees to excel in the digital economy

Frequently asked questions