Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Designing the User Experience: THE FUNDAMENTALS 
DESIGNING 
INTERFACE 
Created by Christina Wodtke | www.eleganthack.com |...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
WHAT IS THE SINGLE MOST 
IMPORTANT THING? 
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
LOOK 
LOOK 
Hierarchy gives clarity 
Law of Focal Point 
The idea that a point of interest, something emphasised or 
diffe...
IN WHAT ORDER SHOULD I LOOK? 
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative C...
Order and Composition 
LAYOUT 
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative ...
painting 
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3...
painting 
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Comics are read in 
the west left to right, 
like a page. However, 
good artists add visual 
elements to help you 
Created...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
How do 
you read 
Amazon? 
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Comm...
WRITE THE TOP THREE THINGS USERS 
MUST DO, IN ORDER OF IMPORTANCE 
WHY? 
Created by Christina Wodtke | www.eleganthack.com...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
I am a serif font 
I am sans-serif 
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Crea...
I am Times New Roman 
Hey, I’m arial 
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Cr...
I am Comic Sans 
I am the devil 
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creativ...
I am Impact 
LOL 
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attri...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Display fonts aren’t readable 
Use them only for titles. 
(Hi, I’m Georgia, and I’m always welcome!) 
Created by Christina...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
My Hacks 
Two fonts only: a headline and a body 
Three sizes only Huge, normal and legal 
Leading like there is no tomorro...
COLOR 
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
RESTRAINT 
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
NATURE 
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
IF PHOTO-HEAVY, USE LITTLE COLOR 
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creati...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
CHEATERS TRICKS 
• One color, with variations. One accent. Period 
• Use a generator site http://www.colourlovers.com/ 
• ...
LET’S MAKE PALETTES AND FONT 
STRATEGIES! 
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
WARM, HAND DRAWN LINES= ARTISANAL 
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creat...
LINES GENTLY REINFORCE THE GRID = 
SCIENTIFIC 
Created by Christina Wodtke | www.eleganthack.com | This work is licensed u...
SIMPLE LINED NAVIGATION = ARTWORK 
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creat...
GRID EDGED WITH LINES=MODRIAN=MODERN 
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Cr...
RELATIONSHIPS 
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribut...
WHICH PAIR OF 
PANTS ARE NOW 
39.99? 
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Cr...
WHICH CAR IS 
49.99? 
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons A...
IF YOU ARE PUTTING BOXES AROUND THINGS TO MAKE IT 
CLEAR, YOU PROBABLY SHOULD START OVER 
Created by Christina Wodtke | ww...
DIFFERENCE & CONTRAST 
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
PROGRESSION 
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attributio...
THIS IS A VERY TALL PAGE 
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commo...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
This one too 
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attributi...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
THIS IS A 
LONG PAGE 
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons A...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Even if you use the “wrong” 
gesture, Flipboard reacts 
correctly. 
Created by Christina Wodtke | www.eleganthack.com | Th...
THEME 
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 ...
WHAT DO YOU THINK ABOUT WHEN 
YOU THINK OF A PAINTING PROGRAM? 
Created by Christina Wodtke | www.eleganthack.com | This w...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
WHAT DO YOU THINK OF WHEN YOU 
THINK OF WRITING? 
Created by Christina Wodtke | www.eleganthack.com | This work is license...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
WHAT DO YOU THINK OF WHEN YOU 
THINK OF SOCIAL? 
Created by Christina Wodtke | www.eleganthack.com | This work is licensed...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United ...
GRAPHIC DESIGN HACKS 
Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons A...
MINIMALIST DESIGN 
Only use one font. Preferably Helvetica. 
Only use three, all very different. Perhaps a fourth for foot...
CHEATS 
Design Patterns 
Libraries 
Odesk 
Conference proceedings 
You can’t buy taste 
Created by Christina Wodtke | www....
Upcoming SlideShare
Loading in …5
×

05b Fundamentals of UX Workshop: Interface Design (for Understanding)

2,251 views

Published on

Covering interface design including layout, type, fonts, line and style

Published in: Design
  • Be the first to comment

05b Fundamentals of UX Workshop: Interface Design (for Understanding)

  1. 1. Designing the User Experience: THE FUNDAMENTALS DESIGNING INTERFACE Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  2. 2. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com 2 PART TWO DESIGNING FOR UNDERSTANDING
  3. 3. WHAT IS THE SINGLE MOST IMPORTANT THING? Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  4. 4. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  5. 5. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  6. 6. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  7. 7. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  8. 8. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  9. 9. LOOK LOOK Hierarchy gives clarity Law of Focal Point The idea that a point of interest, something emphasised or different will catch and hold the viewers attention (Chang, 2002). Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com LOOK LOOK LOOK
  10. 10. IN WHAT ORDER SHOULD I LOOK? Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  11. 11. Order and Composition LAYOUT Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  12. 12. painting Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  13. 13. painting Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  14. 14. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  15. 15. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  16. 16. Comics are read in the west left to right, like a page. However, good artists add visual elements to help you Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com flow. http://samkieth.blogspot.com/
  17. 17. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  18. 18. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  19. 19. How do you read Amazon? Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  20. 20. WRITE THE TOP THREE THINGS USERS MUST DO, IN ORDER OF IMPORTANCE WHY? Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com Task: 10 min 2 0
  21. 21. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com TYPE
  22. 22. I am a serif font I am sans-serif Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  23. 23. I am Times New Roman Hey, I’m arial Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  24. 24. I am Comic Sans I am the devil Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  25. 25. I am Impact LOL Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  26. 26. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  27. 27. Display fonts aren’t readable Use them only for titles. (Hi, I’m Georgia, and I’m always welcome!) Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  28. 28. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  29. 29. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  30. 30. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  31. 31. My Hacks Two fonts only: a headline and a body Three sizes only Huge, normal and legal Leading like there is no tomorrow. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com 3 1
  32. 32. COLOR Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  33. 33. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  34. 34. RESTRAINT Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com 3 4
  35. 35. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  36. 36. NATURE Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  37. 37. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  38. 38. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  39. 39. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  40. 40. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  41. 41. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  42. 42. IF PHOTO-HEAVY, USE LITTLE COLOR Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  43. 43. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  44. 44. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  45. 45. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  46. 46. CHEATERS TRICKS • One color, with variations. One accent. Period • Use a generator site http://www.colourlovers.com/ • Use nature http://boxesandarrows.com/natural-selections- colors-found-in-nature-and-interface-design/ Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  47. 47. LET’S MAKE PALETTES AND FONT STRATEGIES! Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com 4 7
  48. 48. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com LINE
  49. 49. WARM, HAND DRAWN LINES= ARTISANAL Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  50. 50. LINES GENTLY REINFORCE THE GRID = SCIENTIFIC Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  51. 51. SIMPLE LINED NAVIGATION = ARTWORK Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  52. 52. GRID EDGED WITH LINES=MODRIAN=MODERN Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  53. 53. RELATIONSHIPS Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  54. 54. WHICH PAIR OF PANTS ARE NOW 39.99? Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  55. 55. WHICH CAR IS 49.99? Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  56. 56. IF YOU ARE PUTTING BOXES AROUND THINGS TO MAKE IT CLEAR, YOU PROBABLY SHOULD START OVER Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  57. 57. DIFFERENCE & CONTRAST Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  58. 58. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  59. 59. PROGRESSION Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  60. 60. THIS IS A VERY TALL PAGE Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  61. 61. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  62. 62. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  63. 63. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  64. 64. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  65. 65. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  66. 66. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  67. 67. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  68. 68. This one too Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  69. 69. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  70. 70. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  71. 71. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  72. 72. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  73. 73. THIS IS A LONG PAGE Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  74. 74. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com Flipboard moves in a variety of directions
  75. 75. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  76. 76. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  77. 77. Even if you use the “wrong” gesture, Flipboard reacts correctly. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  78. 78. THEME Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com 7 8
  79. 79. WHAT DO YOU THINK ABOUT WHEN YOU THINK OF A PAINTING PROGRAM? Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  80. 80. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com 8 0 Poetics: Control, power, precision
  81. 81. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com 8 1 Values: Lightweight, easy, sketchy, imprecise
  82. 82. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  83. 83. WHAT DO YOU THINK OF WHEN YOU THINK OF WRITING? Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  84. 84. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com 8 4 Power, control, precision,
  85. 85. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com 8 5 OmmWriter Beauty, peace, zen
  86. 86. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com 8 6
  87. 87. WHAT DO YOU THINK OF WHEN YOU THINK OF SOCIAL? Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  88. 88. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  89. 89. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  90. 90. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  91. 91. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  92. 92. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  93. 93. Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  94. 94. GRAPHIC DESIGN HACKS Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  95. 95. MINIMALIST DESIGN Only use one font. Preferably Helvetica. Only use three, all very different. Perhaps a fourth for footer text. Only use one color, with variations, and one “accent” color. Turn on the grid (if you are using Photoshop, etc) Never align center. Don’t use stock photography, unless you have awesome taste. It has no soul. Have a hierarchy Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com
  96. 96. CHEATS Design Patterns Libraries Odesk Conference proceedings You can’t buy taste Created by Christina Wodtke | www.eleganthack.com | This work is licensed under a Creative Commons Attribution 3.0 United States License. To have this workshop at your business or conference , contact cwodtke@eleganthack.com

×