Balance formal Most nongraphic designers play safe with formal or symmetrical balance Balance formal Formal balance is appropriate for formal work such as diplomas certificates and wedding invitations Usually however it looks stiff and boring ID: 912233
Download Presentation The PPT/PDF document "Balance Distributing visual weight on a ..." is the property of its rightful owner. Permission is granted to download and print the materials on this web site for personal, non-commercial use only, and to display it on your personal computer provided you do not modify the materials and that you retain all copyright notices contained in the materials. By downloading content from our website, you accept the terms of this agreement.
Slide1
Balance
Distributing visual weight on a page
Slide2Balance: formal
Most non-graphic designers play safe with formal, or symmetrical balance.
Slide3Balance: formal
Formal balance is appropriate for formal work, such as diplomas, certificates and wedding invitations. Usually, however, it looks stiff and boring.
Asymmetrical or dynamic balance creates dynamic tension, or movement, in a design by grouping elements so that they informally balance.
Dynamic balance requires a lot more skill, and so beginners tend to avoid it.
Slide4Dynamic balance
An element’s size, color, and even white space surrounding play a role in dynamic balance.
It’s intuitive rather than mathematical. That makes it more difficult to achieve.
Slide5Dynamic balance
The redesign below of the party invitation is more interesting than formal symmetry, but also somewhat awkwardly unbalanced.
Slide6Balance: dynamic
How about this? Better, but now the enormous spider on the right makes the design visually tilt to that side.
Slide7Balance: dynamic
Choosing a 10 percent screen (tint) lightens the visual weight of the large spider to balance better with other elements of the design.
Slide8Balance in photography
Nature can provide examples of nearly symmetrical balance.
Slide9Balance in photography
Most of the time, though, the photographer must try to create balance from the jumble of reality in front of her. The photo below is obviously heavy on the right.
Slide10Balance in photography
Below the photo is more balanced. The sign’s arrow puts visual weight on the right, but it’s balanced by the boy walking in the opposite direction.
Slide11Balance in photography
Strong, isolated focal points are visually heavy. In this case, the bus is somewhat balanced by the orange foliage and expanse of orange color on the water at right.
Slide12Balance in advertising
Symmetry is used in advertising as it is in graphic design: for a formal, elegant look.
Slide13Balance in advertising
Most ads aim for asymmetric, dynamic balance. The Bacardi ad shows a carefully orchestrated interplay of highlight and shadow.
Slide14Balance in advertising
This ad cleverly uses the visual weight of the plane’s bulbous flight deck to dynamically balance the offset text.
Slide15Balance in advertising
Some advertisements are hard to analyze for balance, but then…do we care?
Slide16Balance exercise
The flyer illustrated on the next slide symmetrically balanced. Suggest a more dynamic balance.
How could we add contrast and emphasis?
Typeface is times. What might be a more interesting and appropriate typeface?
Slide17Balance exercise
Slide18Alignment
Alignment is related to balance; as we change alignment, we also need to consider changes to balance.
Like balance, we tend to sense alignment intuitively. Designs displaying poor alignment “just don’t feel right,” although sometimes we can’t say exactly why.
Slide19Alignment
In this ad, text alignment is close, but not perfect.
Slide20Alignment
By pulling the headline level with the graphic,
removing white space between meeting time,
a
nd pulling that text to line with the right of the graphic, we can make the ad feel subtly more organized.
Slide21Alignment
Slide22Alignment
As you know, grids offer designers a way to organize text and other elements on a page. They are seldom used for flyers and advertisements, but often used for text-based publications.
Slide23Alignment
Sometimes you’ll want to skip the standard grid structure for, say, a photo layout. Principles for that are similar to general alignment principles:
Group related elements: headlines and copy, addresses, web URLs, lists, etc.
Group or consolidate white space. Avoid spreading items around a page. It looks chaotic.
Slide24Alignment
This photo layout needs alignment work. Photos and
cutlines
are set in no particular alignment, and white space is trapped.
Slide25Alignment
We’ve aligned photos and
cutlines
, and grouped white space.
Slide26Alignment
Exercise: Organize the inconsistent and cluttered alignment in the business card below.