Design for Non-Designers from a Non-Designer

Elegant design requires talent, but talent is not a prerequisite for avoiding bad design. If you lack artistic touch and prefer rules and logic over the ethereal art form, the fundamental tenets of composition can enable you to apply Design as a programming paradigm. Spend an hour with a coder learning the logic of design—hacking pixels instead of bits—and free yourself of your excuse for horrible designs.

Transcript

1. #nonDesigners
   D E S I G N F O R A N O N - D E S I G N E R
   F R O M A N O N - D E S I G N E R
   @ j a y h a r r i s
   

   View Slide

2. !
   "
   

   View Slide

3. why
   ?
   

   View Slide

4. design
   recognize
   the purpose
   of
   

   View Slide

5. fundamentals
   

   View Slide

6. unity
   

   View Slide

7. cohesion
   structure
   through
   

   View Slide

8. View Slide

9. View Slide

10. cohesion
    style
    through
    

    View Slide

11. View Slide

12. TYPEFACE
    

    View Slide

13. View Slide

14. View Slide

15. contrast
    

    View Slide

16. recognition
    instant
    of important
    visual elements
    

    View Slide

17. View Slide

18. View Slide

19. View Slide

20. View Slide

21. View Slide

22. View Slide

23. View Slide

24. Nunc bibendum, urna quis
    cursus vestibulum, neque leo
    vehicula leo, id pellentesque
    nulla dolor in tellus.
    Morbi facilisis laoreet
    odio sagittis interdum.
    Phasellus ut nisi sit amet leo
    pharetra gravida id eu urna.
    Nunc bibendum, urna quis
    cursus vestibulum, neque leo
    vehicula leo, id pellentesque
    nulla dolor in tellus.
    Morbi facilisis laoreet odio
    sagittis interdum.
    Phasellus ut nisi sit amet leo
    pharetra gravida id eu urna.
    

    View Slide

25. View Slide

26. View Slide

27. alignment
    

    View Slide

28. location
    association based on
    

    View Slide

29. Curabitur ligula sapien, tincidunt non, euismod vitae,
    posuere imperdiet, leo. Maecenas malesuada. Praesent
    congue erat at massa. Sed cursus turpis vitae tortor.
    Donec posuere vulputate arcu. Phasellus accumsan
    cursus velit. Vestibulum ante ipsum primis in faucibus
    orci luctus et ultrices posuere cubilia Curae.
    Aenean posuere, tortor sed cursus feugiat, nunc augue
    blandit nunc, eu sollicitudin urna dolor sagittis lacus.
    Donec elit libero, sodales nec, volutpat a, suscipit non,
    turpis. Nullam sagittis. Suspendisse pulvinar, augue ac
    venenatis condimentum, sem libero volutpat nibh, nec
    pellentesque velit pede quis nunc.
    In dui magna, posuere eget, vestibulum et, tempor
    auctor, justo. In ac felis quis tortor malesuada pretium.
    Pellentesque auctor neque nec urna. Proin sapien
    ipsum, porta a, auctor quis, euismod ut, mi.
    

    View Slide

30. Curabitur ligula sapien, tincidunt non, euismod vitae,
    posuere imperdiet, leo. Maecenas malesuada. Praesent
    congue erat at massa. Sed cursus turpis vitae tortor.
    Donec posuere vulputate arcu. Phasellus accumsan
    cursus velit. Vestibulum ante ipsum primis in faucibus
    orci luctus et ultrices posuere cubilia Curae.
    Aenean posuere, tortor sed cursus feugiat, nunc augue
    blandit nunc, eu sollicitudin urna dolor sagittis lacus.
    Donec elit libero, sodales nec, volutpat a, suscipit non,
    turpis. Nullam sagittis. Suspendisse pulvinar, augue ac
    venenatis condimentum, sem libero volutpat nibh, nec
    pellentesque velit pede quis nunc.
    In dui magna, posuere eget, vestibulum et, tempor
    auctor, justo. In ac felis quis tortor malesuada pretium.
    Pellentesque auctor neque nec urna. Proin sapien
    ipsum, porta a, auctor quis, euismod ut, mi.
    

    View Slide

31. Curabitur ligula sapien, tincidunt non, euismod vitae,
    posuere imperdiet, leo. Maecenas malesuada. Praesent
    congue erat at massa. Sed cursus turpis vitae tortor.
    Donec posuere vulputate arcu. Phasellus accumsan
    cursus velit. Vestibulum ante ipsum primis in faucibus
    orci luctus et ultrices posuere cubilia Curae.
    Aenean posuere, tortor sed cursus feugiat, nunc augue
    blandit nunc, eu sollicitudin urna dolor sagittis lacus.
    Donec elit libero, sodales nec, volutpat a, suscipit non,
    turpis. Nullam sagittis. Suspendisse pulvinar, augue ac
    venenatis condimentum, sem libero volutpat nibh, nec
    pellentesque velit pede quis nunc.
    In dui magna, posuere eget, vestibulum et, tempor
    auctor, justo. In ac felis quis tortor malesuada pretium.
    Pellentesque auctor neque nec urna. Proin sapien
    ipsum, porta a, auctor quis, euismod ut, mi.
    

    View Slide

32. Curabitur ligula sapien, tincidunt non, euismod vitae,
    posuere imperdiet, leo. Maecenas malesuada. Praesent
    congue erat at massa. Sed cursus turpis vitae tortor.
    Donec posuere vulputate arcu. Phasellus accumsan
    cursus velit. Vestibulum ante ipsum primis in faucibus
    orci luctus et ultrices posuere cubilia Curae.
    Aenean posuere, tortor sed cursus feugiat, nunc augue
    blandit nunc, eu sollicitudin urna dolor sagittis lacus.
    Donec elit libero, sodales nec, volutpat a, suscipit non,
    turpis. Nullam sagittis. Suspendisse pulvinar, augue ac
    venenatis condimentum, sem libero volutpat nibh, nec
    pellentesque velit pede quis nunc.
    In dui magna, posuere eget, vestibulum et, tempor
    auctor, justo. In ac felis quis tortor malesuada pretium.
    Pellentesque auctor neque nec urna. Proin sapien
    ipsum, porta a, auctor quis, euismod ut, mi.
    

    View Slide

33. Curabitur ligula sapien, tincidunt non, euismod vitae,
    posuere imperdiet, leo. Maecenas malesuada. Praesent
    congue erat at massa. Sed cursus turpis vitae tortor.
    Donec posuere vulputate arcu. Phasellus accumsan
    cursus velit. Vestibulum ante ipsum primis in faucibus
    orci luctus et ultrices posuere cubilia Curae.
    Aenean posuere, tortor sed cursus feugiat, nunc augue
    blandit nunc, eu sollicitudin urna dolor sagittis lacus.
    Donec elit libero, sodales nec, volutpat a, suscipit non,
    turpis. Nullam sagittis. Suspendisse pulvinar, augue ac
    venenatis condimentum, sem libero volutpat nibh, nec
    pellentesque velit pede quis nunc.
    In dui magna, posuere eget, vestibulum et, tempor
    auctor, justo. In ac felis quis tortor malesuada pretium.
    Pellentesque auctor neque nec urna. Proin sapien
    ipsum, porta a, auctor quis, euismod ut, mi.
    Nulla sed auctor nibh. Nulla nulla dui, porttitor id
    euismod nec, vestibulum nec elit. Morbi nulla lorem,
    suscipit id orci at, elementum cursus orci. Etiam
    bibendum metus elit, eget efficitur sapien dictum ut.
    Praesent sollicitudin nec turpis nec semper. Donec
    imperdiet convallis pretium.
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
    Nunc mattis laoreet purus, ac lobortis neque
    ullamcorper id. Etiam et diam varius, pretium justo
    euismod, placerat massa.
    Curabitur porta nulla id nisi sollicitudin consectetur.
    Praesent semper sapien odio, vel mattis justo posuere
    a. Donec erat lorem, egestas id diam nec, volutpat
    interdum purus. Phasellus pulvinar nisi vitae sodales
    rhoncus. In hac habitasse platea dictumst. Vestibulum
    fermentum, purus et gravida bibendum.
    

    View Slide

34. Curabitur ligula sapien, tincidunt non, euismod vitae,
    posuere imperdiet, leo. Maecenas malesuada. Praesent
    congue erat at massa. Sed cursus turpis vitae tortor.
    Donec posuere vulputate arcu. Phasellus accumsan
    cursus velit. Vestibulum ante ipsum primis in faucibus
    orci luctus et ultrices posuere cubilia Curae.
    Aenean posuere, tortor sed cursus feugiat, nunc augue
    blandit nunc, eu sollicitudin urna dolor sagittis lacus.
    Donec elit libero, sodales nec, volutpat a, suscipit non,
    turpis. Nullam sagittis. Suspendisse pulvinar, augue ac
    venenatis condimentum, sem libero volutpat nibh, nec
    pellentesque velit pede quis nunc.
    In dui magna, posuere eget, vestibulum et, tempor
    auctor, justo. In ac felis quis tortor malesuada pretium.
    Pellentesque auctor neque nec urna. Proin sapien
    ipsum, porta a, auctor quis, euismod ut, mi.
    

    View Slide

35. Curabitur ligula sapien, tincidunt non, euismod vitae,
    posuere imperdiet, leo. Maecenas malesuada. Praesent
    congue erat at massa. Sed cursus turpis vitae tortor.
    Donec posuere vulputate arcu. Phasellus accumsan
    cursus velit. Vestibulum ante ipsum primis in faucibus
    orci luctus et ultrices posuere cubilia Curae.
    Aenean posuere, tortor sed cursus feugiat, nunc augue
    blandit nunc, eu sollicitudin urna dolor sagittis lacus.
    Donec elit libero, sodales nec, volutpat a, suscipit non,
    turpis. Nullam sagittis. Suspendisse pulvinar, augue ac
    venenatis condimentum, sem libero volutpat nibh, nec
    pellentesque velit pede quis nunc.
    In dui magna, posuere eget, vestibulum et, tempor
    auctor, justo. In ac felis quis tortor malesuada pretium.
    Pellentesque auctor neque nec urna. Proin sapien
    ipsum, porta a, auctor quis, euismod ut, mi.
    

    View Slide

36. Curabitur ligula sapien, tincidunt non, euismod vitae,
    posuere imperdiet, leo. Maecenas malesuada. Praesent
    congue erat at massa. Sed cursus turpis vitae tortor.
    Donec posuere vulputate arcu. Phasellus accumsan
    cursus velit. Vestibulum ante ipsum primis in faucibus
    orci luctus et ultrices posuere cubilia Curae.
    Aenean posuere, tortor sed cursus feugiat, nunc augue
    blandit nunc, eu sollicitudin urna dolor sagittis lacus.
    Donec elit libero, sodales nec, volutpat a, suscipit non,
    turpis. Nullam sagittis. Suspendisse pulvinar, augue ac
    venenatis condimentum, sem libero volutpat nibh, nec
    pellentesque velit pede quis nunc.
    In dui magna, posuere eget, vestibulum et, tempor
    auctor, justo. In ac felis quis tortor malesuada pretium.
    Pellentesque auctor neque nec urna. Proin sapien
    ipsum, porta a, auctor quis, euismod ut, mi.
    

    View Slide

37. Curabitur ligula sapien, tincidunt non, euismod vitae,
    posuere imperdiet, leo. Maecenas malesuada. Praesent
    congue erat at massa.
    Pellentesque auctor neque nec urna. Proin sapien
    ipsum, porta a, auctor quis, euismod ut, mi.
    

    View Slide

38. Curabitur ligula sapien, tincidunt non, euismod vitae,
    posuere imperdiet, leo. Maecenas malesuada. Praesent
    congue erat at massa.
    Pellentesque auctor neque nec urna. Proin sapien
    ipsum, porta a, auctor quis, euismod ut, mi.
    

    View Slide

39. Aenean posuere, tortor sed cursus feugiat, nunc
    augue blandit nunc, eu sollicitudin urna dolor
    sagittis lacus. Donec elit libero, sodales nec,
    volutpat a, suscipit non, turpis. Nullam sagittis.
    Suspendisse pulvinar, augue ac venenatis
    condimentum, sem libero volutpat nibh, nec
    pellentesque velit pede quis
    Nunc mattis
    

    View Slide

40. Aenean posuere, tortor sed cursus feugiat, nunc
    augue blandit nunc, eu sollicitudin urna dolor
    sagittis lacus. Donec elit libero, sodales nec,
    volutpat a, suscipit non, turpis. Nullam sagittis.
    Suspendisse pulvinar, augue ac venenatis
    condimentum, sem libero volutpat nibh, nec
    pellentesque velit pede quis
    Nunc mattis
    

    View Slide

41. Aenean posuere, tortor sed cursus feugiat, nunc
    augue blandit nunc, eu sollicitudin urna dolor
    sagittis lacus. Donec elit libero, sodales nec,
    volutpat a, suscipit non, turpis. Nullam sagittis.
    Suspendisse pulvinar, augue ac venenatis
    condimentum, sem libero volutpat nibh, nec
    pellentesque velit pede quis
    Nunc mattis
    

    View Slide

42. proximity
    

    View Slide

43. meaning
    location
    based on
    

    View Slide

44. interpretation
    influences
    of data
    

    View Slide

45. 
    €
    €
    
    €
    €
    
    interpretation
    influences
    of relationships
    

    View Slide

46. €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    €
    interpretation
    influences
    of flow
    

    View Slide

47. predictable inconsistant random
    

    View Slide

48. grouped isolated
    consolidated
    

    View Slide

49. hierarchy
    

    View Slide

50. View Slide

51. primary idea
    secondary idea
    secondary idea
    primary idea
    secondary idea
    secondary idea
    page title
    don’t make it bad
    take a sad song
    make it better
    don’t let me down
    you have found her
    go and get her
    hey jude
    

    View Slide

52. whitespace
    

    View Slide

53. congestion
    

    View Slide

54. isolation
    

    View Slide

55. color
    

    View Slide

56. View Slide

57. vs
    

    View Slide

58. vs
    

    View Slide

59. View Slide

60. View Slide

61. View Slide

62. MONOCHROME
    

    View Slide

63. ANALOGOUS
    

    View Slide

64. COMPLEMENTARY
    

    View Slide

65. SPLIT
    COMPLEMENTARY
    

    View Slide

66. TRIADIC
    

    View Slide

67. TETRADIC
    

    View Slide

68. View Slide

69. psychology
    OF COLOR
    

    View Slide

70. psychology
    OF COLOR
    

    View Slide

71. accessibility
    OF COLOR
    

    View Slide

72. colorblind
    

    View Slide

73. protan
    #FF99CC V. #0099CC
    

    View Slide

74. protan
    #FF99CC V. #0099CC
    

    View Slide

75. deutan
    #FFCC66 V. #FF6666
    

    View Slide

76. deutan
    #FFCC66 V. #FF6666
    

    View Slide

77. tritan
    #FF99FF V. #FF9900
    

    View Slide

78. tritan
    #FF99FF V. #FF9900
    

    View Slide

79. typeface
    

    View Slide

80. classification
    

    View Slide

81. serif
    

    View Slide

82. serif
    SERIF
    

    View Slide

83. serif
    SERIF
    SERIF
    SERIF
    SERIF
    

    View Slide

84. serif
    STRESS
    THICK / THIN
    SERIF
    

    View Slide

85. sans serif
    

    View Slide

86. script
    

    View Slide

87. decorative
    

    View Slide

88. conflict
    

    View Slide

89. contrast
    

    View Slide

90. texture
    

    View Slide

91. Curabitur ligula sapien, tincidunt
    non, euismod vitae, posuere
    imperdiet, leo. Maecenas malesuada.
    Praesent congue erat at massa. Sed
    cursus turpis vitae tortor. Donec
    posuere vulputate arcu. Phasellus
    accumsan cursus velit. Vestibulum
    ante ipsum primis in faucibus orci
    luctus et ultrices posuere cubilia
    Curae.
    Aenean posuere, tortor sed cursus
    feugiat, nunc augue blandit nunc, eu
    sollicitudin urna dolor sagittis
    lacus. Donec elit libero, sodales nec,
    volutpat a, suscipit non, turpis.
    Nullam sagittis. Suspendisse
    pulvinar, augue ac venenatis
    condimentum, sem libero volutpat
    nibh, nec pellentesque velit pede
    quis nunc.
    In dui magna, posuere eget,
    vestibulum et, tempor auctor, justo.
    In ac felis quis tortor malesuada
    pretium. Pellentesque auctor neque
    nec urna. Proin sapien ipsum, porta
    a, auctor quis, euismod ut, mi
    cursus turpis vitae tortuur vulputate
    arcu Phasellus accumsan ipsum
    primis in faucibus orci.
    Curabitur ligula sapien, tincidunt non,
    euismod vitae, posuere imperdiet, leo.
    Maecenas malesuada. Praesent
    congue erat at massa. Sed cursus
    turpis vitae tortor. Donec posuere
    vulputate arcu. Phasellus accumsan
    cursus velit. Vestibulum ante ipsum
    primis in faucibus orci luctus et
    ultrices posuere cubilia Curae.
    Aenean posuere, tortor sed cursus
    feugiat, nunc augue blandit nunc, eu
    sollicitudin urna dolor sagittis lacus.
    Donec elit libero, sodales nec,
    volutpat a, suscipit non, turpis. Nullam
    sagittis. Suspendisse pulvinar, augue
    ac venenatis condimentum, sem
    libero volutpat nibh, nec pellentesque
    velit pede quis nunc.
    In dui magna, posuere eget,
    vestibulum et, tempor auctor, justo. In
    ac felis quis tortor malesuada pretium.
    Pellentesque auctor neque nec urna.
    Proin sapien ipsum, porta a, auctor
    quis, euismod ut, mi cursus turpis
    vitae tortuur vulputate arcu. Phasellus
    accumsan.
    Curabitur ligula sapien, tincidunt
    n o n , e u i s m o d v i t a e , p o s u e r e
    imperdiet, leo. Maecenas malesuada.
    Praesent congue erat at massa. Sed
    cursus turpis vitae tortor. Donec
    posuere vulputate arcu. Phasellus
    accumsan cursus velit. Vestibulum
    ante ipsum primis in faucibus orci
    luctus et ultrices posuere cubilia
    Curae.
    Aenean posuere, tortor sed cursus
    feugiat, nunc augue blandit nunc, eu
    sollicitudin urna dolor sagittis lacus.
    Donec elit libero, sodales nec, volutpat
    a, suscipit non, turpis. Nullam
    sagittis. Suspendisse pulvinar, augue
    ac venenatis condimentum, sem libero
    volutpat nibh, nec pellentesque velit
    pede quis nunc.
    In dui magna, posuere eget,
    vestibulum et, tempor auctor, justo.
    In ac felis quis tortor malesuada
    pretium. Pellentesque auctor neque
    nec urna. Proin sapien ipsum, porta
    a, auctor quis, euismod ut, mi cursus
    turpis vitae tortuur vulputate arcu.
    Phasellus accumsan ipsum primis in
    faucibus orci luctus venenatis
    condimentum.
    

    View Slide

92. color
    

    View Slide

93. Curabitur ligula sapien, tincidunt non,
    euismod vitae, posuere imperdiet, leo.
    Maecenas malesuada. Praesent
    congue erat at massa. Sed cursus
    turpis vitae tortor. Donec posuere
    vulputate arcu. Phasellus accumsan
    cursus velit. Vestibulum ante ipsum
    primis in faucibus orci luctus et
    ultrices posuere cubilia Curae.
    Aenean posuere, tortor sed cursus
    feugiat, nunc augue blandit nunc, eu
    sollicitudin urna dolor sagittis lacus.
    Donec elit libero, sodales nec,
    volutpat a, suscipit non, turpis. Nullam
    sagittis. Suspendisse pulvinar, augue
    ac venenatis condimentum, sem
    libero volutpat nibh, nec pellentesque
    velit pede quis nunc.
    In dui magna, posuere eget,
    vestibulum et, tempor auctor, justo. In
    ac felis quis tortor malesuada pretium.
    Pellentesque auctor neque nec urna.
    Proin sapien ipsum, porta a, auctor
    quis, euismod ut, mi cursus turpis
    vitae tortuur vulputate.
    Curabitur ligula sapien, tincidunt
    non, euismod vitae, posuere
    i m p e r d i e t , l e o . M a e c e n a s
    malesuada. Praesent congue erat at
    massa. Sed cursus turpis vitae
    tortor. Donec posuere vulputate
    arcu. Phasellus accumsan cursus
    velit. Vestibulum ante ipsum primis
    in faucibus orci luctus et ultrices
    posuere cubilia Curae.
    
    Aenean posuere, tortor sed cursus
    feugiat, nunc augue blandit nunc, eu
    sollicitudin urna dolor sagittis lacus.
    Donec elit libero, sodales nec,
    volutpat a, suscipit non, turpis.
    Nullam sagittis. Suspendisse
    pulvinar, augue ac venenatis
    condimentum, sem libero volutpat
    nibh, nec pellentesque velit pede
    quis nunc.
    
    In dui magna, posuere eget,
    vestibulum et, tempor auctor, justo.
    In ac felis quis tortor malesuada
    pretium. Pellentesque auctor neque
    nec urna. Proin sapien ipsum, porta
    a, auctor quis, euismod ut, mi
    cursus turpis vitae tortuur vulputate.
    Curabitur ligula sapien, tincidunt non,
    euismod vitae, posuere imperdiet, leo.
    Maecenas malesuada. Praesent
    congue erat at massa. Sed cursus
    turpis vitae tortor. Donec posuere
    vulputate arcu. Phasellus accumsan
    cursus velit. Vestibulum ante ipsum
    primis in faucibus orci luctus et ultrices
    posuere cubilia Curae.
    Aenean posuere, tortor sed cursus
    feugiat, nunc augue blandit nunc, eu
    sollicitudin urna dolor sagittis lacus.
    Donec elit libero, sodales nec, volutpat
    a, suscipit non, turpis. Nullam sagittis.
    Suspendisse pulvinar, augue ac
    venenatis condimentum, sem libero
    volutpat nibh, nec pellentesque velit
    pede quis nunc.
    In dui magna, posuere eget, vestibulum
    et, tempor auctor, justo. In ac felis quis
    tortor malesuada pretium. Pellentesque
    auctor neque nec urna. Proin sapien
    ipsum, porta a, auctor quis, euismod
    ut, mi cursus turpis vitae tortuur
    vulputate.
    

    View Slide

94. base font
    

    View Slide

95. restraint
    

    View Slide

96. composition
    

    View Slide

97. focal point
    

    View Slide

98. View Slide

99. View Slide

100. View Slide

101. group information
     

     View Slide

102. strong alignments
     

     View Slide

103. page title
     MENU | MENU | MENU | MENU
     heading
     Curabitur ligula sapien, tincidunt non, euismod
     vitae, posuere imperdiet, leo. Maecenas
     malesuada. Praesent congue erat at massa. Sed
     cursus turpis vitae tortor. Donec posuere vulputate
     arcu. Phasellus accumsan cursus velit. Vestibulum
     ante ipsum primis in faucibus orci luctus et ultrices
     posuere cubilia Curae.
     

     View Slide

104. page title
     MENU | MENU | MENU | MENU
     heading
     Curabitur ligula sapien, tincidunt non, euismod
     vitae, posuere imperdiet, leo. Maecenas
     malesuada. Praesent congue erat at massa. Sed
     cursus turpis vitae tortor. Donec posuere vulputate
     arcu. Phasellus accumsan cursus velit. Vestibulum
     ante ipsum primis in faucibus orci luctus et ultrices
     posuere cubilia Curae.
     

     View Slide

105. page title
     MENU | MENU | MENU | MENU
     heading
     Curabitur ligula sapien, tincidunt non, euismod
     vitae, posuere imperdiet, leo. Maecenas
     malesuada. Praesent congue erat at massa. Sed
     cursus turpis vitae tortor. Donec posuere vulputate
     arcu. Phasellus accumsan cursus velit. Vestibulum
     ante ipsum primis in faucibus orci luctus et ultrices
     posuere cubilia Curae.
     

     View Slide

106. repetition
     

     View Slide

107. contrast
     

     View Slide

108. THIS IS NOT
     CONTRAST
     

     View Slide

109. THIS IS
     C O N T R A S T
     

     View Slide

110. follow the rules
     

     View Slide

111. further reading
     

     View Slide

112. slide:ology
     

     View Slide

113. non-designers
     design book
     

     View Slide

114. remember
     N E X T S T E P S
     

     View Slide

115. practice the concepts
     

     View Slide

116. make awesome
     

     View Slide

117. @ j a y h a r r i s
     # n o n D e s i g n e r s
     jay@aranasoft.com
     

     View Slide