Color Theory and Visual Hierarchy

123456789101112131415161718192021222324
Across
  1. 5. An attention-grabbing grabbing graphic that is located on the homepage, catches the viewers eye and pulls them in.
  2. 6. Refers to the brightness or light present in a color.
  3. 11. In design, arranging design elements to guide a viewers attention to the most important items first.
  4. 14. Picking a base color, and then adding more colors by changing the tint, shade or tone, it's considered a subtle and conservative color scheme.
  5. 16. Picking 3 colos that are next to each other on the color wheel.
  6. 17. The color of an object.
  7. 19. The idea that colors have associated emotions attached to them.
  8. 22. The intensity or purity of a color.
  9. 23. A color scheme with four colors selected from the color wheel that are equally spaced. It is very important to pick just one primary color and use the others as accents.
  10. 24. The visual difference between elements on a webpage. Often using color, size or shape to make something stand out (or not).
Down
  1. 1. Shades that evoke warmth, such as purple, reds, oranges and yellows.
  2. 2. Three colors that are evenly spaced on the color wheel. Produces a high-contrast color pallette.
  3. 3. How a webpage is organized.
  4. 4. This element can be used to make things stand out on a webpage, such as a bright call to action button.
  5. 7. Base colors of the color wheel; red, blue and yellow.
  6. 8. The area of a webpage that has no design elements. Having this allows the viewer to focus on what's important.
  7. 9. Adding white to a base hue.
  8. 10. The item on the page that stands out the most.
  9. 12. A diagram that shows the relationship between colors.
  10. 13. Adding black to a base hue.
  11. 15. Colors located on the opposite side of the color wheel from each other. The combo appears more vivid.
  12. 18. Refers to the lightness or darkness of a color.
  13. 20. Shades evoking serenity, such as blue, teal and greens. Evoke
  14. 21. Often a button that requires the viewer to do something, such as logging in or add to cart.