The fleeting myth ofUniversal  Appeal    Jason Beaird
I aspire to:Create thingsthat most (at least some)people think           f re akin’are okay! awesome!
http://scbtonline.com/
http://www.flickr.com/photos/cabron/160319179/
“Great ” Design…solicits strong emotional response…justifies its creation…inspires other designers              -Cameron Moll
http://www.flickr.com/photos/id-iom/4929552170/
Design Principles           1. Layout           2. Color           3. Texture           4. Type           5. Imagery
1    Layout: Balance               ASYMMETRICALSYMMETRICAL
1    Layout: UnityPROXIMITY                     REPETITION
1   Layout: Emphasis       PLACEMENT        CONTRAST        ISOLATION     CONTINUANCE      PROPORTION
1                Gather Elements                       Lo go             Primary Navigatio                                ...
1   Establish Structure           Logo    Homepage Content                              Primary Navigation Block    Widget...
1   Establish Structure           Logo    Homepage Content                              Primary Navigation Block    Widget...
2   Color    MONCHROMATIC    ONE COLOR + BLACK/WHITE    ANALOGOUS    ADJACENT, 1/3 OF THE “PIE”    COMPLIMENTARY    OPPOSI...
3   Texture
http://younghouselove.com
http://decor8blog.com
http://designspongeonline.com
4               Typography                                               As with design principles,                       ...
5   Imagery
http://demo.customtheme.com/?wptheme=Blogwave
@bakecaker & mom...
http://allrecipes.com/Recipe/Worlds-Best-Lasagna/
Piss onthe principles   Individuality      Inspiration       Expression        Reaction     Creativity   Artistic Value
Nude Descending a Staircase, Marcel Duchamp, 1912
http://GeneratorX.no
http://jstraining.de
http://2011.beercamp.com
"Formal training always creates certainformulas and certain kinds of solutionsthat you learn in school. And what Ivealways...
Painful   Inspiring
“Design depends largely on constraints.”                     -Charles Eames
“Creation is a patient search.”                         -Le Corbusier
http://www.flickr.com/photos/freddievonchimp/4689054707
MailChimp before...
MailChimp after...
MailChimp application before...
MailChimp application after...
MailChimp application after...plus cobranding!
Cons traintsDesign Principles           1. Layout           2. Color           3. Texture           4. Type           5. I...
“Design is thinking made visual.”-Saul Bass
Stephan Sagmeister, 2008
Self-Confidence Produces Fine Results, Stephan Sagmeister, 2008
“You can have an art experience in front of Rembrant... or in front of a piece of graphic design.”-Stephan Sagmeister
“We are the music makers and we are the dreamers of the dreams.”-Willy Wonka
Questions? Thanks!
The Fleeting Myth of Universal Appeal
The Fleeting Myth of Universal Appeal
The Fleeting Myth of Universal Appeal
The Fleeting Myth of Universal Appeal
The Fleeting Myth of Universal Appeal
The Fleeting Myth of Universal Appeal
The Fleeting Myth of Universal Appeal
The Fleeting Myth of Universal Appeal
Upcoming SlideShare
Loading in...5
×

The Fleeting Myth of Universal Appeal

15,732

Published on

Slidedeck from my presentation at LessConf 2011 in Atlanta, GA on 4/29/2011

Published in: Design, Business, Technology
9 Comments
56 Likes
Statistics
Notes
No Downloads
Views
Total Views
15,732
On Slideshare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
0
Comments
9
Likes
56
Embeds 0
No embeds

No notes for slide

The Fleeting Myth of Universal Appeal

  1. 1. The fleeting myth ofUniversal Appeal Jason Beaird
  2. 2. I aspire to:Create thingsthat most (at least some)people think f re akin’are okay! awesome!
  3. 3. http://scbtonline.com/
  4. 4. http://www.flickr.com/photos/cabron/160319179/
  5. 5. “Great ” Design…solicits strong emotional response…justifies its creation…inspires other designers -Cameron Moll
  6. 6. http://www.flickr.com/photos/id-iom/4929552170/
  7. 7. Design Principles 1. Layout 2. Color 3. Texture 4. Type 5. Imagery
  8. 8. 1 Layout: Balance ASYMMETRICALSYMMETRICAL
  9. 9. 1 Layout: UnityPROXIMITY REPETITION
  10. 10. 1 Layout: Emphasis PLACEMENT CONTRAST ISOLATION CONTINUANCE PROPORTION
  11. 11. 1 Gather Elements Lo go Primary Navigatio Footer Navigation Block n Block Hom epa geC ont e nt Copyrigh t Widget 2 Widge t3Widget 1
  12. 12. 1 Establish Structure Logo Homepage Content Primary Navigation Block Widget 1 Widget 2 Widget 3 Footer Navigation Block Copyright
  13. 13. 1 Establish Structure Logo Homepage Content Primary Navigation Block Widget 1 Widget 2 Widget 3 Footer Navigation Block Copyright
  14. 14. 2 Color MONCHROMATIC ONE COLOR + BLACK/WHITE ANALOGOUS ADJACENT, 1/3 OF THE “PIE” COMPLIMENTARY OPPOSITE SIDES OF THE WHEEL OTHERS:SPLIT-COMPLIMENTARY, TRIADIC, TETRADIC, ETC…
  15. 15. 3 Texture
  16. 16. http://younghouselove.com
  17. 17. http://decor8blog.com
  18. 18. http://designspongeonline.com
  19. 19. 4 Typography As with design principles, there are a lot of vocabulary terms to digest when first learning about1. BASELINE 6. BOWL 11. TERMINAL the nuances of typography.2. CAP HEIGHT 7. DESCENDED 12. ASCENDER Getting to know the 5 basic3. CROSSBAR 8. COUNTER 13. LEG4. SERIF 9. STEM 14. LIGATURE categories of fonts is a5. MEANLINE 10. TITTLE 15. X-HEIGHT good foundation.
  20. 20. 5 Imagery
  21. 21. http://demo.customtheme.com/?wptheme=Blogwave
  22. 22. @bakecaker & mom...
  23. 23. http://allrecipes.com/Recipe/Worlds-Best-Lasagna/
  24. 24. Piss onthe principles Individuality Inspiration Expression Reaction Creativity Artistic Value
  25. 25. Nude Descending a Staircase, Marcel Duchamp, 1912
  26. 26. http://GeneratorX.no
  27. 27. http://jstraining.de
  28. 28. http://2011.beercamp.com
  29. 29. "Formal training always creates certainformulas and certain kinds of solutionsthat you learn in school. And what Ivealways tried to do is to get people tounlearn what they learned in school."-Tibor Kalman
  30. 30. Painful Inspiring
  31. 31. “Design depends largely on constraints.” -Charles Eames
  32. 32. “Creation is a patient search.” -Le Corbusier
  33. 33. http://www.flickr.com/photos/freddievonchimp/4689054707
  34. 34. MailChimp before...
  35. 35. MailChimp after...
  36. 36. MailChimp application before...
  37. 37. MailChimp application after...
  38. 38. MailChimp application after...plus cobranding!
  39. 39. Cons traintsDesign Principles 1. Layout 2. Color 3. Texture 4. Type 5. Imagery
  40. 40. “Design is thinking made visual.”-Saul Bass
  41. 41. Stephan Sagmeister, 2008
  42. 42. Self-Confidence Produces Fine Results, Stephan Sagmeister, 2008
  43. 43. “You can have an art experience in front of Rembrant... or in front of a piece of graphic design.”-Stephan Sagmeister
  44. 44. “We are the music makers and we are the dreamers of the dreams.”-Willy Wonka
  45. 45. Questions? Thanks!

×