Visual Design for UX

Paths

Visual Design for UX

Authors: Anthony Alampi, Chris Davis, Trevor Wernisch, Pariah Burke, Megan Young

Visual design is the use of imagery, color, space, typography, and layouts to enhance usability and improve the user experience. In this skill you learn about the fundamental... Read more

What You Will Learn

  • An understanding of color
  • General typographic skills by understanding typefaces and combinations
  • Layout and composition of elements on screen or a page
  • Visually communicating ideas and concepts with imagery and text

Pre-requisites

  • Basic computer skills

Beginner

Learn about the fundamentals of visual design such as color, typography, and composition to help you design the best user experiences.

Big Picture: Visual Design

by Anthony Alampi

Aug 19, 2019 / 31m

31m

Start Course
Description

Visual design is an exciting field that challenges the creative mind to craft engaging and appealing interfaces for a wide variety of users all around the world. In this course, Big Picture: Visual Design, you’ll explore how the best designers apply an understanding of aesthetics, structure, and user psychology to create a visual experience that users can’t get enough of. First, you'll learn what visual design is and the history behind it. Next, you'll discover how a greater understanding of it benefits organizations and individuals alike. Finally, you'll review key elements of visual design such as color, typeface, and composition, and learn more about some of the common digital tools used by today's design professionals. By the end of this course, you'll have developed a greater understanding of design and how it can improve your professional skills and the products that you make.

Table of contents
  1. Course Overview
  2. Overview of Visual Design
  3. Elements of Visual Communication

Color Theory Fundamentals

by Chris Davis

Apr 20, 2020 / 32m

32m

Start Course
Description

Color is a bit of a fickle science. The rules that are firmly rooted in physics are the same rules that are just about negated by geography and psychology. Yet, no matter where you live, where your career has taken you, or how you personally perceive color, you’re still undoubtedly interacting with color on a regular basis. In this course, Color Theory Fundamentals, you will learn everything you need to know to make effective decisions about color in your life. First, you will learn the applicable historical elements of color. Next, you will discover the types of color palettes and how to identify them. Finally, you will explore how to put it all into practice and communicate with color. When you are finished with this course, you will have a working knowledge of color theory fundamentals which will empower you to make more informed decisions about color, and bring more harmony to your life. Software required: any web browser

Table of contents
  1. Course Overview
  2. Prerequisite Knowledge before Studying the Color Wheel
  3. Understanding Structures for Harmonious Palettes
  4. Leveraging Color as Communication

Intermediate

Learn everything you need to know about anatomy, structure, and patterns of typography in design. You will also learn how to properly manage and use fonts.

Typography: Getting Started

by Trevor Wernisch

Jun 3, 2020 / 1h 48m

1h 48m

Start Course
Description

In this course, Typography: Getting Started, you’ll gain a firm grasp on all things typography. First, you’ll explore the history of type, and dive into the structure of letter forms. Next, you’ll discover how these letter forms work together to create eye-pleasing and understandable pieces of information. Finally, you’ll bring it all together and learn how this content not only integrates into larger design systems, like websites and mobile apps, but how it becomes the keystone of all surrounding content. When you’re finished with this course, you’ll have the skills and knowledge of typography needed to create beautiful, engaging and intuitive information designs.

Table of contents
  1. Course Overview
  2. The Anatomy of a Typeface
  3. How Type Comes Together
  4. Typography In Design

Advanced Typography

by Pariah Burke

Jun 30, 2020 / 1h 13m

1h 13m

Start Course
Description

A typeface is the tone of voice in which the mind's ear hears your written message. In this course, Advanced Typography, you will learn to master typography and fonts. First, you will learn about the formats and structure of fonts, including font licensing. Next, you will discover how to find any character, symbol, or glyph in a font, and even learn where to turn to add your own font or to fix errors or stylistic discrepancies in fonts you want to use. Then, you will explore how to identify typefaces with more specificity than just Serif or Sans Serif. Then, you will learn about Font Families and Superfamilies, strategies and sample combinations for choosing complementary typefaces and families for legibility, typographic contrast, mood, and proportions. Finally, you will see the best practices for onscreen typography including tools and scripts you can add to your website or WordPress blog to make your online text beautiful. By the end of this course, you will have a much better grasp on the uses of typography and fonts.

Table of contents
  1. Course Overview
  2. Mastering Fonts
  3. Mastering Typography

Advanced

Learn to create consistency and solid visual interest in your experiences.

Visual Composition and Layouts

by Megan Young

Aug 28, 2019 / 1h 53m

1h 53m

Start Course
Description

Designers of all types; web, print and ux struggle with layout and composition at some point. By gaining a greater understanding of underlying principles of layout and composition, designers can create consistency, organization and visual interest across many different formats.

For decades, classically trained designers have put to use sets of guidelines to bring consistency and visual interest to their work. It helps take some of the uncertainty out of a new project or can help maintain a complete design system for larger, ongoing projects with many moving parts. In this course, I’ll go over helpful design concepts to improve visual consistency and vernacular when it comes to composition and layout.

Table of contents
  1. Course Overview
  2. Understanding Design Layout Elements
  3. Creating Visual Interest through Contrast, Balance, and Scale in Design
  4. Between the Lines - the Importance of Proportion in Design
  5. Creating Visual Cadence and Consistency with Grids
Offer Code *
Email * First name * Last name *
Company
Title
Phone
Country *

* Required field

Opt in for the latest promotions and events. You may unsubscribe at any time. Privacy Policy

By providing my phone number to Pluralsight and toggling this feature on, I agree and acknowledge that Pluralsight may use that number to contact me for marketing purposes, including using autodialed or pre-recorded calls and text messages. I understand that consent is not required as a condition of purchase from Pluralsight.

By activating this benefit, you agree to abide by Pluralsight's terms of use and privacy policy.

I agree, activate benefit