design 101- 3 basic layouts

15
DESIGN 101: 3 BASIC LAYOUTS

Upload: minttwist

Post on 17-Jul-2015

100 views

Category:

Design


0 download

TRANSCRIPT

DESIGN 101: 3 BASIC LAYOUTS

THE TRUTH: BASIC ISN’T ALWAYS A BAD THING.

THE STANDARD

OGILVY + ROLLS-ROYCE >THE 1959 AD BECAME THE FIRST WIDELY-KNOWN AD TO FEATURE THIS KIND OF LAYOUT FEATURING A DOMINANT IMAGE ABOVE A HEADLINE WITH COPY BELOW

> IT’S CONSIDERED ONE OF THE BEST ADS OF ALL TIME, ESPECIALLY FOR IT’S HEADLINE ‘AT 60 MILES AN HOUR, THE LOUDEST NOISE IN THIS NEW ROLLS-ROYCE COMES FROM THE ELECTRIC CLOCK.’

Z PATTERN OF PAGE READING >THE EYE SCANS PAGES FROM THE TOP LEFT CORNER TO THE BOTTOM RIGHT CORNER, FORMING A ‘Z’ SHAPE

> REASON WHY MENU BARS ARE AT THE TOP RIGHT OF WEB PAGES AND LOGOS APPEAR IN THE BOTTOM RIGHT OF PRINT ADS

THE RULER

F PATTERN OF PAGE READING >A FORM OF READING CONTENT WHERE THEY EYE STARTS AT THE TOP LEFT CORNER AND BRIEFLY GLANCES TO THE RIGHT SIDE, FORMING AND ‘F’ AS THEY EYE READS MORE OF THE PAGE

>SEEN ON BLOGS, NEWSPAPER WEBSITES AND IN ‘BEST OF’ LISTS IN PRINT

THE MONDRIAN

THE MONDRIAN

>UTILIZES BLOCK FOR CONTENT OF ALL TYPES

> BECOMING MORE PREVALENT WITH CROSS-PLATFORM AND RESPONSIVE DESIGN

> SEEN ON WEBSITES LIKE SLATE, READWRITE, ADVERTISING AGE AND IN THE MICROSOFT OPERATING SYSTEM

READ THE FULL ARTICLE HERE: HTTP://MTWST.CO/1ZAQNUV

FULL-SERVICE DIGITAL AGENCY

BASED IN LONDON AND THE GCC

OVER 25 FULL-TIME STAFF

ABOUT US