The Joshua Tree Epiphany - PowerPoint PPT Presentation

principles of effective design the joshua tree epiphany c ontrast r epetition a lignment p roximity n.
Skip this Video
Loading SlideShow in 5 Seconds..
The Joshua Tree Epiphany PowerPoint Presentation
Download Presentation
The Joshua Tree Epiphany

play fullscreen
1 / 12
Download Presentation
The Joshua Tree Epiphany
162 Views
Download Presentation

The Joshua Tree Epiphany

- - - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript

  1. PRINCIPLES OF EFFECTIVE DESIGN:THE JOSHUA TREE EPIPHANY ContrastRepetitionAlignmentProximity

  2. The Joshua Tree Epiphany

  3. ONCE UPON A TIME, ROBIN RECEIVED A TREE IDENTIFYING BOOK WHERE YOU COULD MATCH A TREE UP WITH ITS NAME BY LOOKING AT ITS PICTURE. ROBIN DECIDED TO GO OUT AND IDENTIFY THE TREES IN THE NEIGHBORHOOD. BEFORE SHE WENT OUT, SHE READ THROUGH PART OF THE BOOK. THE FIRST TREE IN THE BOOK WAS THE JOSHUA TREE BECAUSE IT ONLY TOOK TWO CLUES TO IDENTIFY IT.NOW THE JOSHUA TREE IS A REALLY WEIRD-LOOKING TREE AND SHE LOOKED AT THAT PICTURE AND SAID TO HERSELF, "OH, WE DON’T HAVE THAT KIND OF TREE IN NORTHERN CALIFORNIA. THAT IS A WEIRD-LOOKING TREE. I WOULD KNOW IF I SAW THAT TREE, AND I’VE NEVER SEEN ONE BEFORE."

  4. SO SHE TOOK THE BOOK AND WENT OUTSIDE. HER PARENTS LIVED IN A CUL-DE-SAC OF SIX HOMES. FOUR OF THOSE HOMES HAD JOSHUA TREES IN THE FRONT YARD. SHE HAD LIVED IN THAT HOUSE FOR THIRTEEN YEARS, AND SHE HAD NEVER SEEN A JOSHUA TREE.SHE TOOK A WALK AROUND THE BLOCK - AT LEAST 80 PERCENT OF THE HOMES HAD JOSHUA TREES IN THE FRONT YARDS. AND SHE HAD SWORN SHE HAD NEVER SEEN ONE BEFORE!THE MORAL OF THE STORY? ONCE ROBIN WAS CONSCIOUS OF THE TREE, ONCE SHE COULD NAME IT, SHE SAW COULD SEE IT EVERYWHERE. WHICH IS EXACTLY MY POINT. ONCE YOU CAN NAME SOMETHING, YOU’RE CONSCIOUS OF IT. YOU HAVE POWER OVER IT. YOU OWN IT. YOU’RE IN CONTROL.

  5. C R A PUsed to describe design elementsCONTRASTREPETITIONALIGNMENTPROXIMITY

  6. Which design Looks better to you?

  7. CRAP • Contrast • Repetition • Alignment • Proximity Robin Williams Non-Designers Design Book, Peachpit Press

  8. CRAP • Contrast • make different things different • brings out dominant elements • mutes lesser elements • creates dynamism • Repetition • Alignment • Proximity 1 2 3 4 5 Robin Williams Non-Designers Design Book, Peachpit Press

  9. CRAP • Contrast • Repetition • repeat design throughout the interface • consistency • creates unity • Alignment • Proximity 1 3 2 4 Robin Williams Non-Designers Design Book, Peachpit Press

  10. CRAP • Contrast • Repetition • Alignment • creates a visual flow • visually connects elements • Proximity 1 3 2 4 Robin Williams Non-Designers Design Book, Peachpit Press

  11. CRAP • Contrast • Repetition • Alignment • Proximity • groups related elements • separates unrelated ones 1 2 3 Robin Williams Non-Designers Design Book, Peachpit Press

  12. WHEREDOESYOUREYE GO? • CRAP combines to give you cues of how to read the graphic title subtext three points main point sub point Robin Williams Non-Designers Design Book, Peachpit Press