$30 off During Our Annual Pro Sale. View Details »

Design for Non-Designers from a Non-Designer

Jay Harris
November 19, 2019

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.

Jay Harris

November 19, 2019
Tweet

More Decks by Jay Harris

Other Decks in Design

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
    [email protected]

    View Slide