Enhance Your Designs with the Principle of Balance

By LaurenMarie

I often associate a strong sense of balance with yoga. When you do balance poses like tree, you have to make sure you are well grounded, otherwise you’ll topple over! You also have to maintain a sense of strength in your core and pushing your foot against your leg helps you offset having your leg turned out to the side.

Balance

Balance in design is the same way. The balance of a piece is like the underlying structure, the core, than supports the rest of the design.

As you read, notice the uses of the elements and principles of design. See how balance depends on them and helps create and support other principles.

What is balance?

Balance is the equal distribution of visual weight symmetrically, asymmetrically or radially. Depending on how an element of design is used, it has strong or weak sense of presence in a layout. The type of balance can add to the over all mood of the design.

Symmetrical Balance

Formal, orderly, unified, clean, sterile, boring, stable.

Asymmetrical Balance

Stimulating, creative, complex, spontaneous.

Radial Balance

Natural, glowing, dynamic, energetic.

Balance is used to…

  • Harmonize
  • Create focus and direction
  • Set the mood

Creating Balance

Balance is created by using the elements of design. It’s important to understand the visual weight of the elements you use, so you can balance them with opposite, contrasting ones.

Deep, cool colors like black, blue or purple tend to have a stronger presence on the page than light, warm colors such as yellow and orange.

One thick line, which appears heavy within the layout, can be balanced by using several thin lines on the opposite side of the composition.

Large-scale items have more visual weight on the page than small objects, though if an object is overly large, it can merge with the background, so be mindful of that.

Detailed, complex shapes, such as the silhouette of a person, tend to overpower simpler shapes like circles or squares.

A large open white space can balance a smaller area that is dense with objects. Likewise, a large element near the middle of the focal point can

Textures that are smooth or areas that have little visual texture counter items with strong textures like burlap or a detailed background pattern.

Objects with a low or dark value tend to hold more visual weight than objects with a lighter value.

Examples of Balance

Balance iTunes Gift Cards

Take a look at these two iTunes gift cards. The complexity of the background on the $25 gift card competes with the silhouette of the woman. In fact, I would say it even overpowers her because of the combination of its detail, higher value and warm colors. She turns into a gaping hole! The guy on the $15 card is a little more blended with his background. I would classify both of these as having an asymmetrical balance, though I think the $15 card handles it better.

Balance New Symbol of Peace

Ladies and Gentlemen, I Represent the New Symbol of Peace is balanced diagonally in an asymmetrical way. Most of the visual weight is pulling towards the lower right hand corner. In terms of top to bottom weight, the text is offset by the solid black of the bird on top, which is visually heavier than the brush strokes for its bottom half.

Balance Body Butter

The fine detail in the floral illustration (complex shapes) on the right is well balanced by the negative space on the left. The high value of illustration is also in balance with the low value of the brown in the negative space. The contrast in texture between the illustration and negative space is also a form of balance. The “plain” area at the bottom containing the company name serves to emphasize the content there and this use of space is very wise and effective.

Generally we prefer visual weight to be in the lower right hand corner: we read left to right, so we like to end on the right. We also read top to bottom, so we like to end at the bottom. The designer of this lotion package is well aware of how placing the visual weight at the bottom (asymmetrical) of the tube balances out this smaller part with the flared top, which has more surface area. The band of color provides stability to the design, while the floral illustration provides interest and freedom.

How you can improve your sense of balance

Divide the layout in half vertically and see if both sides are equal in visual weight. Now divide the layout in half horizontally and see if top and bottom have the same visual impact. You can even divide it diagonally if you want.

Be sure to grab the Creative Curio RSS feed (What is RSS?) so you don’t miss the rest of this series on the Principles of Design! We will go over the principles of balance, contrast, direction, economy, emphasis, proportion, rhythm (repetition) and unity (harmony) and how to apply them in your designs over the next few weeks.

If you’re interested in more applied design theory, take a look at the Elements of Design Real World Examples series.

  1. Posted July 30, 2008 at 9:36 am | Permalink

    Very nice analogy! :)
    p.s. Just saw your name on a “very influential” best design blogs list! Congrats!

  2. Posted July 30, 2008 at 9:47 am | Permalink

    RaShell,
    Glad you enjoyed! I’m working on my CD!!!

    List? What list? No really, what list?

  3. Posted July 30, 2008 at 10:04 am | Permalink

    Oh, good girl! Just keep doodling ;) I made one too, but haven’t posted it in the blog yet, just on Flickr.
    About the list, I think I goofed a little *embarrassed*. The list is David Airey’s, which you probably have seen a million times, since (as I just discovered) it was published a long time ago, he just updated it with some new additions. Sorry, false alarm, but I am still very impressed and happy for you, being in such good company ;)

  4. Posted July 30, 2008 at 1:07 pm | Permalink

    RaShell,
    Oooh, hehe, no worries! Yeah, he changed CC’s header image and bumped me up to the PR5 group (was PR3 when he created it the first time).

  5. Posted July 31, 2008 at 10:31 pm | Permalink

    Nice article! Was a good read.

  6. Mamoon
    Posted August 2, 2008 at 10:23 am | Permalink

    Simple and Very good info, thanks you, will be waiting for the upcoming

  7. Posted August 3, 2008 at 1:01 am | Permalink

    If I was teaching design I would point to your articles about the elements and principles and ask my students to complete a brief and explain their decisions according to these things. You explain things so clearly… I just want to go out and balance something!

  8. Posted August 4, 2008 at 9:21 am | Permalink

    Mel and Mamoon,
    Thanks! More to come on Wednesday!

    Kris,
    Ooh, thank you! I’m glad to hear that I’m explaining things well. Sometimes I think that they sound better in my head and don’t quite make sense or are too convoluted once they come out. If I ever need to clarify something, please let me know!

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Read the Comments Policy.

Have a grey box instead of your picture? Get a Gravatar!

Creative Curio design by LaurenMarie and built on the Sandbox theme. Copyright 2007-present. Proudly powered by WordPress and BlueHost.