Thursday, June 19, 2008

Design Guy, Episode 28, Balance On Balance

Download Episode 28

Design Guy here, welcome to the show. This is the program that explores timeless principles of design and explains them simply.

We're in the midst of a discussion on balance, and in the previous episodes we discussed how elements act as optical weights within certain balancing schemes - and those schemes are typically classified as either symmetrical or asymmetrical. And we spoke about some of the implications and the effects - the feel that we get - out of those schemes.

Alex White, in his book, The Elements of Graphic Design, defines balance, and also sums up those balancing schemes as follows:

"Balance, or equilibrium, is the state of equalized tension. It is not necessarily a state of calm....Symmetrical, of formal, balance is vertically centered and is visually equivalent on both sides. Symmetrical designs are static and evoke feelings of classicism, fomality, and constancy.

Asymmetrical, or informal, balance attracts attention and is dynamic....(and it) requires a variety of sizes and careful distribution of white space. Asymmetrical designs evoke feelings of modernism, forcefulness, and vitality.'
(end of quotation.)

And that's more or less what we concluded, except that we emphasized the notion that if symmetry is essentially static, then asymmetry, on the other hand, suggests movement, because the equilibrium we've achieved is a dynamic one, made up of unequal parts, in an imperfectly resolved layout.

Now, before we get too conclusive about this distinction, I'd suggest that symmetrical designs can suggest motion also. Think of a paint spatter shape. Now if the splash radiates out pretty equally, we could call it an example of formal balance, or its close cousin, radial balance (to introduce a new term), nevertheless its shape is highly suggestive of action and movement. Not to mention the choice of color and and other elements that we could employ to further heighten our sense of dynamism. Like a tie-died t-shirt, symmetrical designs can be extremely dynamic if there are other things going on besides balance.

So, I wanted to provide my own counterpoint to the general truisms that we outlined before.

Now, finally, there's one more kind of balance we should touch on before moving on to another topic. This one is called "Crystallographic Balance" otherwise known as "Overall balance."

This describes those compositions that are set up in a mosaic or grid. If you're familiar with Mondrian, think of one of his grid compositions, consisting of primary colors and black grid lines. Or maybe Warhol's painting of Mao Tse Tung, where the same portrait appears in three rows of three. These can be done well, but in general they tend to lack any point of emphasis or distinct focal point, so graphic designers will want to create a better sense of hierarchy and order by staying away from the purest form of Overall balance, which tends to just have too many elements everywhere. By creating a compromised version of overall balance, with less elements, you stand a better chance of establishing focus and contrast and reading order.

I'll sum up by quoting White once more, when he says:

"Balance is an important route to achieving unity in design. If the various elements are seen to be in balance, the design will look unified. It will make a single impression. If a design is out of balance, its constituent parts will be more visible than the overall design."
(end of quotation.)

But that's it for now. Sorry for the delay on getting this one out, but my life has been a bit, out of balance with various commitments, so I'm happy to get another show out today.

Let me remind you that notes and a transcript are available at designguyshow.blogspot.com. Music is by kcentricity.com. Well, I thank you again for listening, and I hope you'll join us next time.

References

Alex White, The Elements of Graphic Design, Allworth Press, 2002

Saturday, May 24, 2008

Design Guy, Episode 27, Asymmetrical or Informal Balance

Download Episode 27

Design Guy here, welcome to the show. This is the program that explores timeless principles of design and explains them simply.

Now these days we've taken up the principle of Balance. And having established the concept of optical weight, and the way our page becomes a kind of balancing beam as we add visual elements to it, we turned our attention to the idea of Formal or Symmetrical balance. And we described this as a mirror image type of arrangement, where elements are symmetrically balanced on a page with respect to its central axis. And wee also pointed the implications of formal balance, the effect achieved by symmetry. Which is a feeling of equilibrium, and a sense of stasis and stability. And if I'm recapping too many concepts, too quickly, just take some time to listen to the previous programs, where I explain each idea in turn.

But moving on from there, the next concept we need to identify is Asymmetrical Balance, also called Informal Balance. And the typical example of this kind of balance is when one large element is counterbalanced by several smaller objects. Or if you'll recall the role of value that we described, we may have a situation where a smaller, dark object, is counterbalanced by a larger, light-colored object. At first glance, we might think these kinds of compositions aren't balanced, because they don't have the obvious symmetry that makes the situation feel all the more stable. But on closer examination, we realize that the teeter totter of our page is balanced, after all. And though the objects distributed on either side of the central axis may be very different from each other, the optical weight of each side appears to be about even.

An even more clever example of assymetrical balance is when a large object on one side of the page is balanced by a smaller object placed at the very far end of the opposite side, mimicking the physics of leverage.

But, as we explained last time, the visual designer is usually more concerned with the effects or implications of the type of balance being employed. And where we said last time that Formal balance imparts a conservative and a stable feeling to a composition, Informal balance, on the other hand, with its lack of symmetry, achieves quite the opposite. In fact, the effect is what I'd call a dynamic sense of order. And that's because there are differences in the page. While it feels resolved in terms of balance, it isn't equalized, the way water seeks its own level. And in that sense it's unresolved, but in a good way. It's got a dynamism, and so informal balance implies movement.

So, look around. Pay attention to compositions in ads and books and magazines. And you'll see what I mean. Those ads for Absolut Vodka, with their perfectly centered single bottle, and the perfectly centered caption are always symetrical and formally balanced. And that stable feeling we infer from those layouts is a good thing, because that bottle has never once appeared to be in danger of tipping over and spilling its contents in all the years that we've been seeing it. Then scout around some more and you'll typically see many more examples of informal balance, and while the pages feel stable enough, you'll notice the dynamism I'm talking about. They almost seem to move, they're dynamic. And you'll notice, that these layouts generally tend to be less staid and formal and conservative feeling.

Now, as a final note on this formal versus informal balance thing, I just want to be clear that my intent is not to pit one against the other, as if one is superior to the other. The decision to choose one over the other is often an intuitive one, but where we're very aware of our thought process, the decision should be based on suitability. It's about what kind of feeling we want to convey in the composition itself.

It's interesting to note that Jan Tschichold(1), one of the titans of typographic design, was the author of a landmark book titled, The New Typography, back in the 20s. And this was a modernist manifesto that, among other things, argued for the superiority of informal balance. And like many of the schools of thought that emerge throughout design history, this was like a declaration. These movements would come along like a revolution and the message was, forget everything you know, throw it all away - it's wrong, this is how it should be done. And the irony is that Mr. Tschichold later recanted the rigidity of his own writings, and made friends with traditional things like roman typefaces and formal balance.

Today, we seem to be largely over this polarization. We've learned from the schools of thoughts and we tens to regard them as different modes of expression to choose from. So, as far as balance is concerned, exercise your formal and informal sensibilities as suits the particular needs of your project.

But that'll do for today. I want to thank you for listening in, and I'll remind you that a transcript of today's show is available at the webpage, which is designguyshow.blogspot.com. Music is by kcentricity.com

But thanks again for joining us, and I hope to have you back next time.

References

1. http://www.linotype.com/794/inhonorofthe100thbirthdayofjantschichold.html