You are on page 1of 106

Ad Layout Types

Tuesday, September 7, 2010

Mondrian

Based on later works from Piet Mondrian Dutch Painter - De Stijl Art Movement Asymmetrical Design Basic Color (red. yellow, blue), Black Lines to divide space

Items on page are contained within rectangles Modular layout for the elements on the page Black line to divide items is traditional but can also be a variety of other solutions

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Picture Window

Most popular ad layout type Developed and popularized by David Ogilvy Image is strongest element on page Picture can bleed off page

Headline is located next to the image and is the next largest on the page Logo usually located bottom right Small amount if body copy

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Big Type

Type dominates page Usually headline is the main attraction Image is secondary Big String Headline take place of dominate image Type used to draw attention to the ad

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Type Heavy

Large amount of Type on the page Used as Informational ad Legally the type must be disclosed - Drug Ads, Finance, etc More like an article than an ad

Large headline to get attention Image is not high on the hierarchy list of items on the page

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Circus

Many products layed out on page There seems to be NO reason for placement BUT a grid does exist Forces reader to look at entire page

Do not over clutter negative space and rhythm is critical Sunday newspaper ads Busy environment but does have an impactful message in the ad

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Frame

Use Frame to dene space Used a lot in newspapers Separates ad from other ads and copy on page Denes space and meant to emphasis the ad on a crowded page

Frame can put focus on content Can use frame as branding as well Frame could be images around main theme Attention of ad focused on the center

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Silhouette

Softer type of ad Follow curves of image to layout type Integrate text and image in ad Emphasis shape of product or image that reects product

Use negative space to form image that helps to convey message of ad

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Rebus

Type and images interwoven on page Images take the place of text Images refer to a descriptive element to convey the ads message Image of a tree used instead of the word tree

Playful and sometimes juvenile Meaning of ad conveyed in reading/deciphering combination of smaller images within the measure of type

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Storyboard Layout

A mulit-panel layout with the panels being the same or similar size Like a comic strip layout Images relate to convey the message of the ad More symmetrical than a Mondrian

Very structured and grid like layout The panels can have captions Conveys story across panels that help forward the message

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Type Specimen

Distinctive use of type and font selection The type is manipulated in a way as to create both literal and visual meaning in the ad Well designed and constructed type

Could be a great amount of type or a small amount but the layout uses type as opposed to images Type will dominate the ad but in a unique manner that has been extracted for the purpose of the ads message

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Straight Grid

Ad laid out on a specic grid Very Symmetrical and neatly organized on page Objects are evenly spaced and placed according to their visual hierarchy

Straight forward ad with images and type

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Axial

Strong visual in the center of the page Secondary items around the side Items oat around the strong center focal point Usually type boxes around the side that relate to the center

Could be smaller images around the sides as well as type boxes

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Non Linear

Small bullet point sections of type around the page No hierarchy of the bullet point boxes Can read them in any order Text intermixed with related images

Images and text relate to product or features of product Underlying grid in ad

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

Tuesday, September 7, 2010

You might also like