Presentation is loading. Please wait.

Presentation is loading. Please wait.

Vertical & Horizontal Symmetry. Asymmetrical Balance This page uses a 3 column format to create a neatly organized asymmetrical layout. The two columns.

Similar presentations


Presentation on theme: "Vertical & Horizontal Symmetry. Asymmetrical Balance This page uses a 3 column format to create a neatly organized asymmetrical layout. The two columns."— Presentation transcript:

1 Vertical & Horizontal Symmetry

2 Asymmetrical Balance This page uses a 3 column format to create a neatly organized asymmetrical layout. The two columns of text are balanced by the blocks of color in the lower left topped by a large block of white space. In this case, because the white space is in a block shaped much like the text columns, it becomes an element of the design in its own right

3 Asymmetrical/All Over Balance - It can't be neatly sliced in half like a symmetrical design but most of the elements have only small differences in shape and mass. This page achieves an overall balance by use of an underlying grid that spreads the many pieces out over the entire page, more or less evenly

4 Asymmetrical Tension - Like a wild, unruly garden, the elements of this brochure cover are barely contained on the page. The plants spring up primarily along the left side but with a few stems escaping and arching across the page. The text, although randomly placed, follows the lines of the plants keeping them anchored to the overall design. The off- balance design creates a sense of freedom and movement.

5 Colors and text radiate out from the apple in the middle of this CD cover design. The effect is almost one of spiralling down into the center of the apple. The apple itself looks nearly symmetrical but the curving text and the outlines edging off the page to the top and right throws it all slightly off-balance

6 The rule of thirds says that most designs can be made more interesting by visually dividing the page into thirds vertically and/or horizontally and placing our most important elements within those thirds. Take this concept a step further, especially in photographic composition, by dividing the page into thirds both vertically and horizontally and placing your most important elements at one or more of the four intersections of those lines.

7 Related items should appear closer together than items that are not related. In this way, the spacing itself serves as a visual clue as to what’s related and what’s not and as to where one piece of information stops and starts.

8 When you create a flyer, a brochure, a newsletter, or whatever, you already know which pieces of information are logically connected, you know which information should be emphasized and what can be de-emphasized. Express that information graphically by grouping it.

9

10  "Nothing should be placed on the page arbitrarily. Every item should have a visual connection with something else on the page.“ – Robin Williams  When items are aligned on the page, the result is a stronger cohesive unit. Even when aligned elements are physically separated from each other, there is an invisible line that connects them, both in your eye and in your mind. Although you might have separated certain elements to indicate their relationships (using the principle of proximity), the principle of alignment is what tells the reader that even though these items are not close, they belong to the same piece.

11 This example has a nice arrangement with the text items grouped into logical proximity. The text is center- aligned over itself, and centered on the page. Although this is a legitimate alignment, the edges are "soft"; you don't really see the strength of the line. There is a strong invisible line connecting the edges of these two groups of text. You can actually see the edge. The strength of this edge is what gives strength to the layout.

12 If you center text, experiment with making it more dramatic! Centered text is very basic and rather “safe” and dull!

13 The Principle of Repetition states, "Repeat some aspect of the design throughout the entire piece." The repetitive element may be a bold font, a thick rule (line), a certain bullet, color, design element, particular format, the spatial relationships, etc. It can be anything that a reader will visually recognize.

14 Repetition of bold type face: Take a look at the card below, and notice where your eye moves. When you get to the phone number, where do you look next? Do you find that you go back to the other bold type? This is a visual trick designers have always used to control a reader's eye, to keep your attention on the page as long as possible. The bold repetition also helps unify the entire design. This is a very easy way to tie pieces of a design package together. This creates unity in the piece. Original design lacks unity. When you read the card what happens when your eye reaches the phone number? It leaves the page!

15

16 To create a consistent business package with a business card, letterhead, and envelope, use a strong display of repetition, not only within each piece, but between all the pieces. You want the person who receives the letter to know you are the same person who gave them a business card last week. And create a layout that allows you to align the printed letter with some element in the stationery design!

17 Repeat a shape or a font type Once again, you can see that repetition doesn't mean you have to repeat exactly the some thing. In the card above, the headlines are all the some typeface, but different colors (unity with variety). The illustrations are all different styles, but all rather funky and 'fifties.

18 . Don't be a wimp.  Contrast is one of the most effective ways to add visual interest to your page-a striking interest that makes a reader want to look at the page-and to create an organizational hierarchy among different elements. The important rule to remember is that for contrast to be effective, it must be strong. Don't be a wimp. two elements different "If two items are not exactly the same, then make them different. Really different."  Contrast is created when two elements are different. If the two elements are sort of different, but not really, then you don't have contrast, you have conflict. That's the key-Robin's Principle of Contrast states, "If two items are not exactly the same, then make them different. Really different."

19 Contrast can be created in many ways. You can contrast large type with small type ; a graceful oldstyle font with a bold sans serif font ; a thin line with a thick line; a cool color with a warm color; a smooth texture with a rough texture; a horizontal element (such as a long line of text) with a vertical element (such as a tall, narrow column of text); widely spaced lines with closely packed lines; a small graphic with a large graphic.

20

21 Now the strong contrast between the typefaces makes the piece much more dynamic and eye-catching. With a stronger contrast between the thicknesses of the rules, there is no risk of someone thinking it's a mistake.

22 This ad ran in the local newspaper. Besides the centered alignment, lack of proximity and repetition, and dull typeface, this ad seriously lacks contrast. There is nothing in the design that makes a person want to actually read it. The puppy's face is cute, but that's about it.

23 Okay, these are the steps to go through to take the first ad and start making it into something like the second ad. Let go of Times Roman and Arial/Helvetica. Just eliminate them from your font choices. Trust me. (Please let go of Sand as well.) Let go of a centered alignment. I know it's hard to do, but you must do it for now. Later, you can experiment with it again. Find the most interesting or most important item on the page, and emphasize it! In this case, the most interesting is the dog's face and the most important is the name of the store. Keep the most important things together so a reader doesn't lose the focus. Group the information into logical groups. Use space to set items apart or to connect them. Find elements you can repeat (including any elements of contrast). And most important, add contrast.

24


Download ppt "Vertical & Horizontal Symmetry. Asymmetrical Balance This page uses a 3 column format to create a neatly organized asymmetrical layout. The two columns."

Similar presentations


Ads by Google