UX: Visual Design Process

Handling Feedback as a UX Designer

This workshop prepares new designers for handling feedback on their work in a diplomatic, effective, and professional manner.

Design
Beginner

Receiving UX Feedback by Example

See positive ways of handling different types of feedback on your designs, including constructive, negative, and prescriptive feedback.

Design
Beginner

3 min

Collecting Design Inspiration

Collecting design inspiration is a fun way to get fresh ideas! It also helps you stay current with design trends and become aware of emerging design patterns. The goal is to collect designs that spark your own creative ideas.

Design
Beginner

1
2
3
6

2 hours

Introduction to Wireframing

| 3792 students

Wireframing is a useful part of the design process. Throughout a website or mobile app project, you will have a lot of ideas and the best way to sort through those ideas is to brainstorm. Wireframes are a visual artifact of brainstorming, and the goal is to make them with minimal effort, as to encourage ideation. Whether you're a designer or not, wireframing is an important skill to have in your toolkit. It's beneficial for product managers, marketers, or anyone else with ideas for a website or mobile app. Wireframes are a valuable tool for visualizing user experiences, iterating on ideas, and sharing ideas with others.

Design
Beginner

Practice Sketching

For this practice session, you’ll be creating eight rough sketches for the primary screen of a sketching application. This app gives users the ability to make quick, shareable, black-and-white sketches using their fingers on a touchscreen.

Design
Beginner

11 min

Practice Wireframing

For this practice session, you’ll be creating a digital wireframe in Adobe XD for the primary screen of a sketching application. This app gives users the ability to make quick, shareable, black-and-white sketches using their fingers on a touchscreen.

Design
Beginner

1
2
3
4
5

3 hours

Typography for Designers

| 1662 students

Typography is one of the most important aspects of good design. In this course, you'll learn all you need to know about creating good typography as a UX Designer: how to choose a typeface; what to look for when laying out type, how to create typographic hierarchy, laying out type, and creating responsive typography.

Design
Beginner

6 min

Before and After: Typography

Improve the typography on an existing design.

Design
Beginner

1
2

52 min

Designing Layouts

| 1274 students

In this course, you'll learn how to apply design principles through a series of examples. Each example will include some component that can be improved, and by making the improvement, you'll develop strong aesthetic sensibilities about things like visual and typographic hierarchy, the use of grids and alignment in layouts, and how to choose colors.

Design
Beginner

37 min

Creating Mockups

Learn how mockups are used in the design process, and discover techniques for bringing them into your workflow. Practice transforming a set of wireframes into realistic depictions of the app by applying visual design styling and using Apple’s UI Kit for Adobe XD.

Design
Beginner

Before and After: Color

Practice designing with color.

Design
Beginner

5 min

Before and After: Layout

Improve the layout of an existing mobile iOS app.

Design
Beginner

1
2
3

71 min

Prototyping with Adobe XD

| 1042 students

Adobe XD is a visual prototyping tool for PC and macOS. In this course, you'll learn how to use Adobe XD by building a mockup for a travel booking app. By the end, you'll be able to create interactive prototypes that can be shared with others.

Design
Beginner

1
2
3

71 min

Prototyping with Figma

| 1458 students

In this course, you'll learn how to build interactive and sharable prototypes in Figma, a web-based visual prototyping tool. You'll create a prototype for a "prosumer" mobile photography app, and by the end, you'll have a better understanding of how to create interactive prototypes that can be shared with project stakeholders and team members.

Design
Beginner

Practice Prototyping

Practice prototyping by connecting mockups in Adobe XD. Practice creating tap, time, and drag interactions.

Design
Beginner

1
2

72 min

Collaborating with Developers

| 358 students

Designers will learn how to involve developers throughout the design process, from conceptual brainstorming to implementation in code.

Design
Intermediate

17 min

Presenting Design Ideas

Learn how to effectively present your design process to stakeholders so you can communicate a vision. Define the agenda, set the project goals, share your research, compare iterations, navigate feedback, and create a path for the next steps.