Design Principles: Part 1

JR
by Jennifer Riggio11 views·Updated Feb 7, 2021

Audio TranscriptAuto-generated

  1. Hello, everyone.
  2. Today we're going to be discussing the design principles, principles
  3. of design, etcetera, the essential elements of a good design.
  4. Our hierarchy.
  5. I flow simplicity, consistency, appropriateness, proximity, contrast, focal point, white
  6. space balance, unity, alignment, repetition and typography.
  7. Hierarchy is the tool that you use to prioritize your
  8. content. It helps you to guide the meaning of your
  9. message. It guides the reader through the message that you're
  10. ascending in an organized fashion.
  11. It needs to be understandable, and it is okay for
  12. it to be obvious.
  13. The focal point.
  14. Every design needs to have a focal point.
  15. The element that you choose has to have a strong
  16. visual interest and be appropriate for your material and your
  17. audience. Photos or graphics are visually appealing, but dynamic fonts
  18. and letters work equally as well.
  19. Your focal point should attract and draw your reader in
  20. be the element with the strongest visual interest.
  21. Be the element that you build your layout around, appear
  22. on your page.
  23. On Lee, one time is emphasized by size, color layout,
  24. contrast, placement, isolation or movement, and it can be a
  25. photo logo graphic or letters.
  26. I flow.
  27. This is how you visually guide your reader through the
  28. hierarchy of your document.
  29. You start with your focal point and then direct them
  30. where to go and what to read, using the size
  31. and placement of your elements.
  32. The focal point attracts viewers, and I flow leads wth
  33. Um, you use.
  34. I flow to guide viewers through your content, use direction
  35. and placement to encourage I flow.
  36. Graphics, bullets and rules can help lead the I.
  37. What elements encourage.
  38. I flower a strong focal point.
  39. Simplicity. Graphic elements that move your eye along sighs, relationships
  40. and visually interesting whitespace.
  41. What design elements in pair I flow clutter or a
  42. lack of white space.
  43. Too many focal points.
  44. Too much text or too many graphics that are the
  45. same size and similar spacing between all elements.
  46. White space or negative space is a very important design
  47. element To see white space in a document.
  48. You can hold it at arm's length and squint your
  49. eyes and look at it or you can hold it
  50. upside down.
  51. You should see shapes and not details.
  52. If nothing is jumping out at you, you don't have
  53. enough white space.
  54. Use whitespace toe accent your focal point and add to
  55. the logical grouping of content and overall artistic effect.
  56. Two. Little white space makes very crowded and unappealing page.
  57. Too much white space overwhelms the focal point and breaks
  58. apart relationships between design elements.
  59. Examples for creating good white space left a line type.
  60. The right ragged edge invites white space into the page
  61. space between paragraphs.
  62. You can use this instead of inventing in some cases
  63. breathing room between design elements and flow white space that
  64. flows into or around the design rather than being trapped.
  65. Simplicity. If you want to clean and professional design, keep
  66. it simple.
  67. Students. Well, it seems so simple.
  68. It's difficult to achieve keeping your design simple and Uncluttered.
  69. Let's your content shine through.
  70. That doesn't mean you should neglect your design.
  71. If an element does not help the content or the
  72. real or the reader, delete it Balance.
  73. How do you feel when you see a crooked picture
  74. on the wall?
  75. Remember, a lack of balance can irritate or impair communication.
  76. How do you achieve balance in a design?
  77. Create two forces of equal strength that pull in opposite
  78. directions. Use multiple forces pulling in different directions so their
  79. strengths offset one another.
  80. The goal of balance is not to achieve a state
  81. of rest, but a state of equal tension.
  82. Third, two different ways of handling balance.
  83. Symmetrical and asymmetrical Symmetry is achieved by repeating shapes conveying
  84. a quiet sense of order, stability and tradition.
  85. To avoid static, boring, symmetrical designs.
  86. You can introduce contrast through value, texture and shape.
  87. A symmetry gives you a greater sense of movement and
  88. change. Stay on the verge of imbalance for a thrilling,
  89. visually exciting design.
  90. Consistency. The key to a unified and understandable design is
  91. consistency. You want to apply consistency to your layout.
  92. Text, paragraph formatting.
  93. Icahn's lines rules, etcetera.
  94. Each page or peace should look like it belongs to
  95. the entire document or marketing piece.
  96. What elements create inconsistency?
  97. Too many colors, too many graphics, inconsistent placement of important
  98. elements, inconsistent textiles, colors, spacing and lack of proximity.
  99. What elements create consistency, Page layout, navigation scheme and location
  100. colors heading text size, France, paragraph spacing, repetition of design
  101. elements and proximity, visual unity or one of the gestalt
  102. principles. Without unity, your design will be distracting and chaotic.
  103. With unity, your design will look and feel complete.
  104. Honestly, ask yourself.
  105. Does my design come together as a whole.
  106. Unity rides on the coattails of consistency.
  107. Check and double check your text formatting and spacing between
  108. elements. Ask yourself if you can strengthen or add repetitive
  109. elements patiently examine the design.
  110. Sometimes minor tweaks will elevate your design, even further.
  111. Appropriateness. I can't emphasize this one enough.
  112. I mean, they're all important, but your design should also
  113. be appropriate for your audience.
  114. Who is reading your material?
  115. Consider age, income, education, culture and location.
  116. Your topic.
  117. What are you talking about and what are you trying
  118. to say?
  119. Purpose. What is the design intended to dio?
  120. Are you trying to sell a product?
  121. Convey information or entertain format, paper size and type budget
  122. printing process.
  123. Amount of copy the graphics, et cetera.
  124. Evaluate your design for appropriateness on a frequent basis.
  125. Don't leave it for the end alignment.
  126. Proper alignment refers to the defining, defining invisible visual lines
  127. and aligning design elements along them horizontally and vertically.
  128. You don't want to just scatter your elements arbitrarily all
  129. over the page, or you lose the visual connection of
  130. your elements.
  131. Choose an alignment and use it throughout.
  132. Left or right creates a strong edge and more interesting
  133. white or negative space.
  134. If you're laying out a lot of copy, justified text
  135. is preferred for columns of text.
  136. Novices tend to use center alignments, which can be boring
  137. in general.
  138. Line up items along a strong edge on the page.
  139. Choose one alignment and use it throughout.
  140. Remember vertical alignment.
  141. In addition to horizontal alignment, proximity proximity is necessary to
  142. establish logical relationships between design elements and communicate those relationships
  143. visually. Group related elements group related items and create visual
  144. separation between unrelated items.
  145. Proximity is essential for organizing information and reducing clutter.
  146. The organization and content of your page should be instantly
  147. obvious for your viewer repetition by repeating certain visual elements
  148. of the design throughout your piece.
  149. You not only create consistency and improve organization, but you
  150. strengthen the unity repeat type styles, colors, shapes, textures, spatial
  151. relationships, line thickness, sizes, etcetera.
  152. You don't wanna overdo it, though, because too much of
  153. anything becomes obnoxious.
  154. What elements enhance repetition?
  155. Color graphics, icons, backgrounds, typefaces and sizes.
  156. Placement. An image treatment contrast.
  157. Contrast is the key to a dynamic design.
  158. It creates visual interest and enhances the organization and hierarchy
  159. of your content.
  160. contrast involves making two or more elements very different.
  161. Heading and text.
  162. Um, different aspects of your design maximize the contrast, go
  163. big or go home, so to speak.
  164. At the same time, you want to use contrast selectively.
  165. You want to enhance your contrast content, but not arbitrarily
  166. typography. What is typography?
  167. It's the science and art of communicating through type.
  168. It's part science because there are rules about how to
  169. format and handle type to enhance readability.
  170. It's part art because the type is a powerful communicator
  171. of mood and meeting every font has a mood and
  172. personality. Some general typographical rules to follow use punctuation properly.
  173. Only one space after a period use the proper dash.
  174. There are three smart quotes, et cetera.
  175. Avoid widows, which are words with less than seven characters
  176. in the last line of a paragraph, and orphans, which
  177. is the sentence airline by itself at the top of
  178. a column.
  179. When mixing type, avoid using more than three fonts on
  180. a page.
  181. For good contrast, use a different font for headlines and
  182. body type, and don't use ones that are similar.
  183. Use the sand Sarah Farm for the headline and a
  184. Sarah for the body type.
  185. Use proper spacing.
  186. Watch your letting, which is the space between lines and
  187. tracking, which is the space between letters and words.
  188. Use punctuate up that slides in there twice.
  189. Sorry about that.
  190. Make sure your type is legible.
  191. Easy to distinguish the individual letters.
  192. Make sure type has good readability.
  193. Easy for the reader to scan over paragraphs of type
  194. guidelines. For good readability.
  195. Avoid all caps and never, ever use all caps with
  196. a script font.
  197. Use a reasonable point size.
  198. Reasonable will vary with the purpose.
  199. Don't use a line length that is too short or
  200. too long.
  201. Create even word and letter spacing.
  202. Think about your background, including the type of paper.
  203. Provide ample letting, but not too much, letting select the
  204. most readable alignment for this situation and choose typefaces.
  205. Clearly. Lastly, proof read.
  206. You cannot over proof read.
  207. Get someone else to proof.
  208. Read it for you.
  209. Walk away from it and then go back to it.
  210. Use spell.
  211. Check half of the errors I see.
  212. An assignments could have been resolved by using spell shock.
  213. Finally, once you learn all the rules and understand them,
  214. one of the golden rules of graphic design is that
  215. it's okay to break the rules sometimes, but you have
  216. to know the rules before you can break the rules.