SlideShare a Scribd company logo
1 of 22
The version by James Ngatia
Contrast
R
A
P
Good design
is as easy as …


1   Learn the principles
    Put it into words – name the problem



2   Recognize when you’re not using
    They’re simpler than you might think



3   Apply the principles
    You’ll be amazed
Contrast make different things different
Brings out dominant elements
Mutes lesser elements
Creates dynamism

               1

               2


               3


               4

               5
Contrast
Repetition
A
P
Repetition creates unity
Repeat design throughout the
interface for consistency.
          1




          2                    3




               4
Contrast
Repetition
Alignment
P
Alignment creates a visual flow &
visually connects elements
                 1




         3




             4       2
Contrast
Repetition
Alignment
Proximity
Proximity groups related elements.
Separates unrelated ones.

    1




                              2
3
Contrast
Repetition
Alignment
Proximity
RECAP
CRAP combines to give you cues of
how to read the graphic.

         title



   subtext



three points


 main point
 sub point

More Related Content

What's hot

The look of our film
The look of our film The look of our film
The look of our film tss000037
 
Explaining the camera start guide
Explaining the camera start guideExplaining the camera start guide
Explaining the camera start guideMia Hodgson
 
Contiguity modality_principles
Contiguity modality_principlesContiguity modality_principles
Contiguity modality_principlessydney2121
 
Digi pack photos changed
Digi pack photos changedDigi pack photos changed
Digi pack photos changedyvette95
 
Making the flim poster.
Making the flim poster.Making the flim poster.
Making the flim poster.laurenfoxy
 
Digi pack photos changed
Digi pack photos changedDigi pack photos changed
Digi pack photos changedyvette95
 
How to make a video look more like a film.
How to make a video look more like a film.How to make a video look more like a film.
How to make a video look more like a film.Pheewright
 
P 9 Killer Halftone Effect
P 9  Killer Halftone EffectP 9  Killer Halftone Effect
P 9 Killer Halftone Effectsumidahilo
 
Image ratio discovery
Image ratio discoveryImage ratio discovery
Image ratio discoveryLiam McMurray
 
Imaging and Design for Online Environment
Imaging and Design for Online EnvironmentImaging and Design for Online Environment
Imaging and Design for Online EnvironmentRichard Meriveles
 

What's hot (10)

The look of our film
The look of our film The look of our film
The look of our film
 
Explaining the camera start guide
Explaining the camera start guideExplaining the camera start guide
Explaining the camera start guide
 
Contiguity modality_principles
Contiguity modality_principlesContiguity modality_principles
Contiguity modality_principles
 
Digi pack photos changed
Digi pack photos changedDigi pack photos changed
Digi pack photos changed
 
Making the flim poster.
Making the flim poster.Making the flim poster.
Making the flim poster.
 
Digi pack photos changed
Digi pack photos changedDigi pack photos changed
Digi pack photos changed
 
How to make a video look more like a film.
How to make a video look more like a film.How to make a video look more like a film.
How to make a video look more like a film.
 
P 9 Killer Halftone Effect
P 9  Killer Halftone EffectP 9  Killer Halftone Effect
P 9 Killer Halftone Effect
 
Image ratio discovery
Image ratio discoveryImage ratio discovery
Image ratio discovery
 
Imaging and Design for Online Environment
Imaging and Design for Online EnvironmentImaging and Design for Online Environment
Imaging and Design for Online Environment
 

Viewers also liked

Design is CRAP
Design is CRAPDesign is CRAP
Design is CRAPclemcke
 
Formal Elements
Formal ElementsFormal Elements
Formal Elementsikhaneja
 
Design Basics for Non-Designers
Design Basics for Non-DesignersDesign Basics for Non-Designers
Design Basics for Non-DesignersMel Choyce
 
Elements and Principles of Design
Elements and Principles of DesignElements and Principles of Design
Elements and Principles of DesignRavi Bhadauria
 

Viewers also liked (8)

Crap design
Crap designCrap design
Crap design
 
Why LESS is often MORE!
Why LESS is often MORE!Why LESS is often MORE!
Why LESS is often MORE!
 
Design is crap
Design is crapDesign is crap
Design is crap
 
Design is CRAP
Design is CRAPDesign is CRAP
Design is CRAP
 
Formal Elements
Formal ElementsFormal Elements
Formal Elements
 
Design Basics for Non-Designers
Design Basics for Non-DesignersDesign Basics for Non-Designers
Design Basics for Non-Designers
 
50 Shades of Creativity
50 Shades of Creativity50 Shades of Creativity
50 Shades of Creativity
 
Elements and Principles of Design
Elements and Principles of DesignElements and Principles of Design
Elements and Principles of Design
 

Principles of presentation design crap by james ngatia

Editor's Notes

  1. Notice any contrast
  2. make different things differentbrings out dominant elementsmutes lesser elementscreates dynamism
  3. make different things differentbrings out dominant elementsmutes lesser elementscreates dynamism
  4. Repetition : repeat design throughout the interface;consistency is good too, it creates unity
  5. make different things differentbrings out dominant elementsmutes lesser elementscreates dynamism
  6. make different things differentbrings out dominant elementsmutes lesser elementscreates dynamism