Minimize text size Reset text to normal size Increase text size

Visual Design

Create the system’s look and feel with images, colors, fonts, and other visuals.

Color Basics

A color wheel is an illustrative model of color hues around a circle.  It shows the relationships between the primary, secondary, and intermediate/ tertiary colors and helps demonstrate color temperature. Digital teams communicate exact colors through the use of hex codes.

Understanding the Color Wheel

Many color wheels are shown using 12 colors.  Using this color wheel as an example, it can be read as follows:

Government agencies provide vital information and services that affect people’s daily lives. They have the responsibilities of responding to the needs of its citizens, running as effectively and efficiently as possible, and being timely and accurate with its information.

Visual design focuses on the aesthetics of a site and its related materials by strategically implementing images, colors, fonts, and other elements.  A successful visual design does not take away from the content on the page or function.  Instead, it enhances it by engaging users and helping to build trust and interest in the brand.

Basic Elements of Visual Design

The basic elements that combine to create visual designs include the following:

Creating Wireframes