PLACEMENT / DIVISION / ALIGNMENT

LINE & BAR PLACEMENT

There is contrast, there is

emphasis but something is still not right.

USE OF SPACE.

Layouts such as the example suffer from lack of alignment.

Proper alignmnet strengthens a layout and makes it more organized.

 VISUALLY CONNECT YOUR ELEMENTS TOGETHER Choose a consistent alignment for your text Line up edges in a sensible manner Remember: CHECK the BALANCE of your layout

 Center alignment of text

 Left alignment of text, equal visual weight of image and copy block

START WITH THE GRID

Invisible lines that divide a given space to help the designer layout visual / textual elements with consistent alignment

Broadsheet Grid -Divided by 9 columns -Height of 53cm One column: Gutter:

Layout sizes: column x height Ex. Full page ad 9 col x 53cm

> Media and sizes

Layout size: 7 x 40 col/cm.

CHOOSE A TEXT ALIGNMENT

Flush left / right Centered Justified

Runaround
Asymmetric Concrete

GROUP RELATED ELEMENTS

By visual elements By size / color By flow

By visual balance
Note: avoid a static layout. Make your eyes flow through the layout.

Plate #1
Layout a business card
Vertical orientation Horizontal orientation

Layout should have:

Business logo / company logo or name Name Designation Address Telephone number E-mail