Skip to main content
Business LibreTexts

5.22: Visual Design Principles

  • Page ID
    46142
  • Learning Outcome

    • Describe basic visual design principles

    Business communicators don’t always have access to a graphic artist. In the event that you as communicator find yourself needing to create visuals that dazzle without the help of a graphic artist, here are a few basic principles of visual design you can keep in your back pocket.

    Contrast

    Contrast is when two aspects of an image are strikingly different from one another, like dark and light. Contrast is an important principle in visual design and helps highlight the important part of the image. It adds “weight” to your design and guides the viewer’s eye to what you want them to see.

    Illustrating of 5 roses in a row. Only the center one is colored in red the rest are left in black and white.

    Alignment

    Alignment creates a sharp, linear order to the elements of your visual, so they all have a connection to each other. If objects are closer together, the viewer assumes that they’re related. In the first image of trees below, we see six trees that are in two rows even though they’re not precisely linear. In the second image, we perceive two groups of three.

    Hierarchy

    If there are multiple elements in a design, more visual “weight” should be given to the most important part of the graphic. Establish the most essential part of the graphic first, and then fill in the rest with the less important parts.

    A diagram depicting hierarchy. At the top there is a row of 6 individuals. Below them in the left group is a row of two individuals and below them one individual. The left group has one individual above two individuals.

    Repetition and Pattern

    Repetition strengthens the overall design and ties together elements to make them more consistent. This technique is often used in branding to make items more recognizable.

    Illustration of two groups of seven pencils in a row. The group of pencils on the right has a blue one as the middle pencil that is much longer than the others.

    Color

    Color is an important choice in visual communication because each color has a meaning. If you’re following brand guidelines, your colors will reinforce your brand, but if not, you might want to consider some of the universal associations that go along with each color. Green tends to conjure images of the environment, while red symbolizes anger, and yellow, happiness. Which of these roses looks cold to you?

    Illustration of three roses. The far left rose is blue, the middle rose is orange, and the far right rose is red.

    Xerox dug deep into why color is important in communication. Check out their two-page cheat sheet to learn more about how to leverage color for the best effect in your presentation.

    Balance and Space

    Keeping the elements of your design balanced gives the design some form and stability. Even spacing makes it look professional and attractive, but that doesn’t mean it needs to be symmetrical. It can be asymmetrical, with larger items in the upper left corner balancing out smaller ones in the lower right, and so on.

    Leaving open or “negative” space ensures that your visual isn’t cluttered and can highlight the important parts of a design. As we mentioned in our adopted standards above, simplicity is your friend!

    Font

    Design doesn’t stop at the picture. Fonts have everything to do with your audience’s engagement with your communication. Take a look at this font and decide if it’s easy to read:

    A cursive font with the words "The brown fox jumps over the lazy dog." The font has a lot of extra curves and is compressed, making it difficult to read

    You can tell what it says; however, reading this font for too long could get taxing, especially on a screen. Is this next font easier to read?

    A plain sans serif font with the words "The brown fox jumps over the lazy dog." The font is simple, making it easier to read.

    Your audience won’t continue to read your communication if you’ve chosen a font that’s difficult to read.

    In addition to legibility, there’s a question of style. How do you feel about these lines of text and how they work together?

    A quote from Walt Disney reading "If you can dream it, you can do it." The majority of the quote is in a simple sans serif font. The words dream it are light purple and in a cursive font. The words do it are in a serif font, all capital letters, and a dark purple.

    They’re just words, but they’re very visual; the use of color and different fonts draws your attention to the words “dream it” and “do it.”

    watch it

    Graphic artists use a variety of rules to choose fonts and lay them out in a graphic design. This video shows you—very visually—how graphic artists make fonts work as a component of visual media.

    An interactive or media element has been excluded from this version of the text. You can view it online here: http://pb.libretexts.org/bcsfm/?p=226

    Business communicators aren’t necessarily graphic artists, but a good command of a graphic designer’s visual design techniques will help you evaluate your visual media and decide if it’s going to support your message. These aren’t all the visual design principles a graphic designer employs, of course, but for our purposes, they’re a good place to start.

    Additional Resources

    CC licensed content, Original
    • Visual Design Principles. Authored by: Freedom Learning Group. Provided by: Lumen Learning. License: CC BY: Attribution
    • Roses - Contrast. Authored by: Lumen Learning. Provided by: Lumen Learning. License: CC BY: Attribution
    • Trees - Alignment. Authored by: Lumen Learning. Provided by: Lumen Learning. License: CC BY: Attribution
    • figures - Hierarchy. Authored by: Lumen Learning. Provided by: Lumen Learning. License: CC BY: Attribution
    • Pencils - Repetition and Pattern. Authored by: Lumen Learning. Provided by: Lumen Learning. License: CC BY: Attribution
    • Roses - color. Authored by: Lumen Learning. Provided by: Lumen Learning. License: CC BY: Attribution
    • Typography examples. Authored by: Lumen Learning. Provided by: Lumen Learning. License: CC BY: Attribution
    • Was this article helpful?