Skip to Main Content

Visual Design

What is visual design?

Visual design is defined as the use of imagery, color, shapes, typography, and form to enhance usability and improve the user experience.

Use cases for visual design can include :

  • Infographics
  • Poster Design
  • Graphics
  • Book Covers

Planning the Design

For a visual based project, please consider five key questions:

  • What is your goal or overall message?
  • Who is your audience?
  • What is the most interesting/compelling part of your work?
  • What will be interesting to others?
  • How can you visually communicate key information to others and what symbols or elements will represent that concept?

Determining the Message: Similar to an elevator pitch in which you have a short amount of time to get your message across, the visual message must be concise. First, determine which elements are important but not essential to the message. Then, distill the important components down to only those critical pieces that aid in comprehension. Finally, write those concepts down.

Audience Analysis: Who is your visual project tailored for?  There are central ways to approach an audience analysis depending on your project; it can be demographic, geographic, psychographic, situational. You must consider the setting- is it business or educational ?

The development stage from Purdue's OWL on an audience analysis can be adapted for visual project.

Creating a Visual Hierarchy: Keep the fundamentals of visual hierarchy in mind: size, color, contrast, alignment, repetition, proximity, whitespace, texture and style. These aspects can help you emphasize key points. You can then link these aspects to your messaging. You can seek inspiration from sample projects or templates.

Find Representative Images/Graphics: Sketch it out or storyboard ideas with a few images that encapsulate your main points. Build off of those graphics.

Keep accessibility in mind when visually communicating information: Designing for accessibility ensures that you are able to clearly communicate to a variety of audiences. A helpful checklist of items to consider when incorporating accessibility into your designs is available by clicking here.

Pro tip: During drafting, ask someone with no context regarding your project and no prior knowledge to see if they understand the messaging. This can provide you with a baseline for how the work is perceived.

Designing a Layout

A common way to establish a visual hierarchy is utilizing a layout in your design. Establishing a layout creates a visual flow for your design. This ensures that your audience is processing the narrative of your design in the correct order. 

An image of different layout styles: 1-column, 2-column, 3-column, 4-column, multi-row, 3-section, 4-section, and 5-section. Arrows indicate the reading order for each layout style.

Using Pre-Attentive Attributes to Focus

Using pre-attentive attributes is one effective way to focus your audience's attention on the intended information. Pre-attentive processing is the ability to process multiple visual properties unconsciously. Using pre-attentive attributes in your design helps to focus your audience's attention on the information you wish to communicate with your design.

 

An image of pre-attentive attributes: shape, enclosure, line width, saturation, color, size, markings, orientation, position, 3D, length, curvature, density, closure, and sharpness. Each attribute style is illustrated in the image.

Using Color to Emphasize

Color can evoke different emotions and meaning. They should be used to emphasize your content as well as communicate mood and meaning. Using a color palette or color harmony can ensure that the colors in your design are consistent and visually appealing.

An image of color harmonies: analogous, complementary, triadic, split complementary, and monochromatic. Lines indicate examples of color combinations that fit each color harmony.