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.

[Webinar] Do This, Not That: Design for Non-Designers

168 views

Published on

Design is hard. Even simple design and especially if you have no idea how to make what you have in your head a reality, or if what you do have feels off, not knowing how to pinpoint exactly what isn’t working. In this webinar deck we break down what to do and maybe even more helpful what not to do in terms of getting good design every time. Taught by Senior Enterprise Designer Maggie Call.

Access the full webinar recording and show notes:
https://97thfloor.com/blog/design-webinar/

Published in: Design
  • Be the first to comment

  • Be the first to like this

[Webinar] Do This, Not That: Design for Non-Designers

  1. 1. 1 WEBINAR: EPISODE 07 Do This, Not That Design for non-designers WITH: MAGGIE CALL
  2. 2. 2
  3. 3. 3
  4. 4. 4 Motion Graphics Analytics PPC Content Marketing Reputation Management Copywriting SEO & Technical On-Page Audits CRO SMM Development UX Design Email Marketing Video Production Graphic Design
  5. 5. 5 What it is not... ● Templates ● Tools ● Deliverables
  6. 6. 6 Strategies, not specifics.
  7. 7. 7 Maggie Call Senior Designer /MaggieCall @maggieacall
  8. 8. 8 Do utilize font weights of a single font family. Do not combine fonts.
  9. 9. 9 Do not combine fonts.
  10. 10. 10 Do not combine fonts. Save typeface combinations to the professionals.
  11. 11. 11 Do utilize font weights of a single font family.
  12. 12. 12 What is a font family?
  13. 13. 13 What is a font family? A font family represents a collection of fonts that share the same essential design, but can vary in weight or thickness.
  14. 14. 14 What are font weights?
  15. 15. 15 What are font weights? Montserrat Thin Montserrat Light Montserrat Normal Montserrat Bold
  16. 16. 16 Make the headline bold, and the subheadline light. Or vice versa.
  17. 17. 17 The 2x Rule
  18. 18. 18 The 2x Rule Make something bold, and something light.
  19. 19. 19 The 2x Rule Make something bold, and something light. Make something twice as large, or twice as small.
  20. 20. 20
  21. 21. 21
  22. 22. 22
  23. 23. 23
  24. 24. 24
  25. 25. 25
  26. 26. 26
  27. 27. 27
  28. 28. 28
  29. 29. 29
  30. 30. 30 Do use scale. Do not make everything the same size.
  31. 31. 31 Don’t make everything the same size. .
  32. 32. 32 Use scale.
  33. 33. 33 Use scale. Define the focus point and emphasize it.
  34. 34. 34
  35. 35. 35
  36. 36. 36
  37. 37. 37
  38. 38. 38 How do you define a focus point? Squint test.
  39. 39. 39
  40. 40. 40
  41. 41. 41
  42. 42. 42
  43. 43. 43
  44. 44. 44
  45. 45. 45 Do use hierarchy. Do not throw elements on the page.
  46. 46. 46 Do not throw elements on the page.
  47. 47. 47
  48. 48. 48
  49. 49. 49
  50. 50. 50 Do use hierarchy.
  51. 51. 51 Do use hierarchy. Create order, 1-2-3.
  52. 52. 52
  53. 53. 53
  54. 54. 54
  55. 55. 55 Do use two to three colors in your design. Do not use more than three.
  56. 56. 56 Do not use more than three colors.
  57. 57. 57
  58. 58. 58
  59. 59. 59 Only use 2-3 colors in your design.
  60. 60. 60 Only use 2-3 colors in your design. Choose a main color. This will be used the most.
  61. 61. 61 Only use 2-3 colors in your design. Choose a main color. This will be used the most. Choose a secondary color. This will be used the least.
  62. 62. 62 Only use 2-3 colors in your design. Choose a main color. This will be used the most. Choose a secondary color. This will be used the least. Choose a neutral color. This will be used for everything else.
  63. 63. 63
  64. 64. 64
  65. 65. 65
  66. 66. 66
  67. 67. 67
  68. 68. 68
  69. 69. 69
  70. 70. 70
  71. 71. 71
  72. 72. 72
  73. 73. 73
  74. 74. 74
  75. 75. 75
  76. 76. 76
  77. 77. 77
  78. 78. 78
  79. 79. 79 Do use a minimalist mindset. Do not clutter.
  80. 80. 80 Do not clutter. Don’t decorate.
  81. 81. 81
  82. 82. 82 Use a minimalist mindset.
  83. 83. 83 Use a minimalist mindset. Embrace white space.
  84. 84. 84
  85. 85. 85
  86. 86. 86 Embrace negative space. The space around and between subjects of an image.
  87. 87. 87
  88. 88. 88
  89. 89. 89
  90. 90. 90
  91. 91. 91
  92. 92. 92
  93. 93. 93
  94. 94. 94 1. Utilize font weights of a single font family.
  95. 95. 95 1. Utilize font weights of a single font family. 2x Rule
  96. 96. 96
  97. 97. 97
  98. 98. 98
  99. 99. 99 2. Use scale.
  100. 100. 10 0 2. Use scale. Squint test
  101. 101. 10 1
  102. 102. 10 2
  103. 103. 10 3 3. Use hierarchy. Create 1-2-3 order.
  104. 104. 10 4
  105. 105. 10 5
  106. 106. 10 6 4. Use two to three colors in your design. Main, Secondary, Neutral.
  107. 107. 10 7
  108. 108. 10 8
  109. 109. 10 9
  110. 110. 11 0 5. Use a minimalist mindset.
  111. 111. 11 1 5. Use a minimalist mindset. Embrace negative space.
  112. 112. 11 2
  113. 113. 11 3
  114. 114. 11 4 Put to good use
  115. 115. 11 5
  116. 116. 11 6
  117. 117. 11 7
  118. 118. 11 8 Example 1
  119. 119. 11 9
  120. 120. 12 0
  121. 121. 12 1
  122. 122. 12 2
  123. 123. 12 3
  124. 124. 12 4
  125. 125. 12 5 Example 2
  126. 126. 12 6
  127. 127. 12 7
  128. 128. 12 8
  129. 129. 12 9
  130. 130. 13 0
  131. 131. 13 1
  132. 132. 13 2
  133. 133. 13 3
  134. 134. 13 4
  135. 135. 13 5 Example 3
  136. 136. 13 6
  137. 137. 13 7
  138. 138. 13 8
  139. 139. 13 9
  140. 140. 14 0
  141. 141. 14 1
  142. 142. 14 2
  143. 143. 14 3 Maggie Call Senior Designer /MaggieCall @maggieacall
  144. 144. 14 4 up@97thfloor.com
  145. 145. 14 5

×