Page example

A balanced composition feels right. It feels stable and aesthetically pleasing. While some of its elements might be focal points and attract your eye, no one area of the composition draws your eye so much that you can’t see the other areas.

Balancing a composition involves arranging both positive elements and negative space in such a way that no one area of the design overpowers other areas. Everything works together and fits together in a seamless whole. The individual parts contribute to their sum but don’t try to become the sum.

An unbalanced composition can lead to tension. When a design is unbalanced, the individual elements dominate the whole and the composition becomes less than the sum of its parts. In some projects, unbalanced might be right for the message you’re trying to communicate, but generally you want balanced compositions.

Note: This is the seventh and final post in a series on design principles. You can find the first six posts here:

Header 1

Balance is easy to understand in the physical world, because we experience it all the time. When something is unbalanced, it tends to fall over. You’ve probably been on a seesaw or a teeter-totter at some time in your life — you on one side and a friend on the other.

frock

Assuming you were both about the same size, you were able to easily balance on the seesaw. The following image appears to be in balance, with two equally sized people equally distant from the fulcrum on which the seesaw balances.

The person on the left makes the seesaw rotate counterclockwise, and the person on the right makes it rotate clockwise by an equal amount. The force of each person acts in a different direction, and their sum is zero.If one of the people was much bigger, though, the balance would be thrown off.

Here, the force of the larger person is reduced by being closer to the fulcrum on which the seesaw balances.

I’ll trust you’ve been on a seesaw before or at least watched others play on one and that you have a pretty good sense of what’s going on.

Visual balance is similar. Physical weight is replaced by visual weight. The direction in which the physical weight acts is replaced by visual direction.

Header 2

As a reminder, below are definitions for visual weight and visual direction, although I’ll refer you back to the fourth post in this series for more details.

  • visual weight
    This is the perceived weight of a visual element. It’s a measure of how much anything on the page attracts the eye of the viewer.
  • visual direction
    This is the perceived direction of a visual force. It’s the direction in which we think an element should be moving if it were given a chance to move according to the forces acting on it.

You don’t use instruments to measure the forces. You don’t use formulas to calculate whether everything is in balance. Rather, you use your eye to determine whether a composition is balanced.

9

Header 3

Just as in the physical world, visual balance is a good thing. It’s desirable in and of itself. An unbalanced composition can feel uncomfortable for the viewer. Look back at the second of the three seesaw images — it looks wrong because we can tell that the seesaw shouldn’t be in balance.

  1. visual weight
    This is the perceived weight of a visual element. It’s a measure of how much anything on the page attracts the eye of the viewer.
  2. visual direction
    This is the perceived direction of a visual force. It’s the direction in which we think an element should be moving if it were given a chance to move according to the forces acting on it.

Visual weight is a measure of the visual interest of an element or area in a design. When a composition is visually balanced, every part of it holds some interest. The visual interest is balanced, which keeps viewers engaged with the design.

Without visual balance, viewers might not see all areas of the design. They probably won’t spend any time in areas with less visual weight or interest. Any information in those areas could easily go unnoticed.

Header 4

You would balance a design visually because you want to balance the points of interest in your composition, so that viewers spend time with all of the information you want to convey.

keto now pills aminos for keto diet shark tank and one shot keto quisma diet pill reviews prescripton diet pills should i take phentermine best diet for women taking birth control pills worldwide drugstore bikini ready diet pills reviews what do nutritionists think of the keto diet pros zenegal diet pills metabo garcinia diet pills gnc blue diet pills top diet pill reviews strong girl weight loss pills keto diet with dr josh axe leptin supplements for weight loss conjugated linoleic acid 2012 prescribed weight gain pills student discovers how to lose weight fast mature ladies fighting keto diet how safe how to lose weight fast for teen guys keto diet hollandaise sauce science weight loss why i m having headache on keto diet stomach loss foods best fall flavors shake keto diet diet menu to lose weight in 2 weeks keto migraine portion sizes on the keto diet phentermine long term side effects vegetables forbidden on a keto diet nathan hot dogs good on keto diet chocolate cake keto diet 1100 calorie keto diet easy book to learn how to handle macros in keto diet what food is allowed on the keto diet who is a keto diet bad fir does victoza help with weight loss are saltines ok on keto diet keto diet app 60 day challange how many net carbs are allowed on keto diet using keto diet for femboy carb days or not on keto diet keto diet recovering from sotmach bug sugars that work well with the keto diet keto diet stretch marks pickled cauliflower keto diet keto pills al roker uses keto diet popular press can you have pork rinds on a keto diet veggie bullet review consumerreports best pills lose weight keto pills at fresh thyme free keto pills meditrim pills keto diet encouragement nootropics weight loss