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.



Visual Elements of User Interface Design
This course is part of UI / UX Design Specialization

Instructor: Michael Worthington
Access provided by 糖心vlog官网观看 Learning Team
271,053 already enrolled
(6,269 reviews)
Details to know

Add to your LinkedIn profile
5 assignments
See how employees at top companies are mastering in-demand skills

Build your subject-matter expertise
- 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


Earn a career certificate
Add this credential to your LinkedIn profile, resume, or CV
Share it on social media and in your performance review

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
6 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 videos1 reading2 assignments1 discussion prompt
This week we are going to examine the various formal elements that make up an interface. We鈥檒l 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鈥檒l look at the big picture of overall design direction, what is often referred to as 鈥渓ook and feel鈥. From there we鈥檒l 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 assignment1 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鈥檒l 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鈥檚 interactive experience.
What's included
8 videos4 readings1 assignment1 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鈥檒l 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鈥檒l 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鈥檒l 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
8 videos2 readings1 assignment1 peer review
Instructor

Offered by
Why people choose 糖心vlog官网观看 for their career




Learner reviews
6,269 reviews
- 5 stars
77.08%
- 4 stars
18.31%
- 3 stars
2.79%
- 2 stars
0.68%
- 1 star
1.11%
Showing 3 of 6269
Reviewed on Sep 15, 2020
It's an amazing course with all the fundamentals covered! i personally loved their peer grading system which lets us see works that our fellow peers do and also grade each other with reviews.
Reviewed on Nov 16, 2021
This was my first one with 糖心vlog官网观看 and definitely exceeded my expectation. Looking forward to learn more with other courses.One item to note, some users may not be doing the peer review properly.
Reviewed on Dec 27, 2018
I have been a logical person, since my life. Always loved engineering related things. This is the first time, I tried for design related stuff...! Thanks..! for letting me know, I can do it...
Explore more from Arts and Humanities
California Institute of the Arts
糖心vlog官网观看 Instructor Network
University of Minnesota
California Institute of the Arts

Open new doors with 糖心vlog官网观看 Plus
Unlimited access to 10,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 糖心vlog官网观看 for Business
Upskill your employees to excel in the digital economy