introducing the crap design principles

16
the four basic principles of design CONTRAST, REPETITION, ALIGNM & PROXIMITY CRAP for short

Upload: ka-ni-kanichihk-inc

Post on 13-Apr-2017

841 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Introducing the CRAP Design Principles

the four basic principles of designCONTRAST, REPETITION, ALIGNMENT & PROXIMITYCRAP for short

Page 2: Introducing the CRAP Design Principles

It's important to understand is that if you can get these four principles under your belt, then over time you’ll develop a feel for why something doesn’t work, and you’ll identify that really, really fast.

CRAP

Page 3: Introducing the CRAP Design Principles

C is for Contrast

Make your elements different to increase understanding

CRAP

Page 4: Introducing the CRAP Design Principles

Contrast is all about making things stand outYou make things stand out by making sure they look different

from other elements on the page. You do this to ensure your

users know where to look first, second, third, and last.

CRAP

Page 5: Introducing the CRAP Design Principles

CRAP

Weak vs Strong ContrastStep away from your design. Good contrast is easy to spot from a distance.

Page 6: Introducing the CRAP Design Principles

Light and Dark elements Just a bit of Colour creates impact Large Text gets noticed first

CRAP

Page 7: Introducing the CRAP Design Principles

R is for RepetitionRepeating visual elements to create strong unity .

CRAP

Page 8: Introducing the CRAP Design Principles

CRAP

Repetition is about recognition and rhythmBy using consistent fonts, type sizes and graphical elements

throughout your work, give a sense of unity that makes it

easier for the reader to understand your design.

Page 9: Introducing the CRAP Design Principles

CRAP

Even though this

designer uses

different images on

each page, they

keep a sense of

unity by using the

same type of fonts

and same red box

throughout.

Page 10: Introducing the CRAP Design Principles

A is for AlignmentPlace elements deliberately and rationally to improve clarity

CRAP

Page 11: Introducing the CRAP Design Principles

CRAP

Alignment is about purposeful placementThe whole point of the alignment principle is that nothing

in your slide design should look as if it were placed there

randomly. Elements should be connected with the rest by

some invisible line.

Page 12: Introducing the CRAP Design Principles

CRAP

By adhering to the

principles of

alignment, you can

keep your design

united into

one coherent piece.

Page 13: Introducing the CRAP Design Principles

P is for ProximityPlace related elements together to convey relationship

CRAP

Page 14: Introducing the CRAP Design Principles

CRAP

Proximity is used to separate & group elementsProximity is the quickest way to relate similar content or

distinguish one group of content from another. Objects that

are close in proximity are often associated with each other.

Page 15: Introducing the CRAP Design Principles

CRAP

In this poster design, the

artists places the related

items closer together, like

the actors at the top left,

the title in the bottom

middle, and the lesser

important information

along the bottom of the

poster.

Page 16: Introducing the CRAP Design Principles

First assignment:

CRAP