Design Skills for Web Developers

Visual Design Foundations

| 3168 students

In this course, you'll build your design vocabulary and learn how to describe the basic building blocks of any visual image. We'll start by learning about the elements of design, like line, shape, and form. Then we'll move on to the principles of design, like balance, harmony, and movement. By the end, you'll have a better foundation for discussing design with other team members and you'll be able to make objective observations about what is often subjective subject matter.

Design
Beginner

26 min

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

7 min

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

7 min

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

94 min

Creating User Experiences

| 2772 students

Join us as we learn the basic principles of User Experience Design and how it shapes everyday interactions with products. By structuring products around users’ needs, we can ensure that the products do their job. You will learn how to meet users where they are, think through intuitive experiences, and create products that more effectively meet both your goals and your end users’ goals. This course will help you think more critically through the steps and decisions a user makes while interacting with your product. If you’re considering a career in User Experience (UX) or want to learn more about it, this course will expose you to how to design and plan around the people who use your product.

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

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

7 min

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
4

76 min

Introduction to Design Systems

| 808 students

Learn how a scalable, repeatable design system leads to a more efficient design. Learn the components of a design system, and how to work with existing documentation.

Design
Beginner

1
2

90 min

Accessibility for UX Designers

| 495 students

Accessible design is a design process that specifically considers the needs of people with disabilities. In this course, you’ll learn about the standards in place to guide designers in creating experiences that are accessible to all users as well as techniques to help bring your projects up to those standards.

Design
Beginner

1
2
3
4

2 hours

Evaluating Design

| 1187 students

An essential part of the UX design process is measurement and validation. This course will provide an overview of the methods available for measuring the success of a design including A/B testing, surveys, and usability testing. It will specifically deep dive into usability testing so that students will learn about what’s involved in running such a test, from preparing a test plan to presenting actionable findings.

Design
Beginner

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.