← Principles of design lesson New set →

Graphic Design Worksheet: Principles of Design

Animation and design lesson 10: Principles of design · Set 215 · 40 questions
TalentJR

Creator's tip (How to arrange it): Contrast = strong differences; alignment = lined-up edges; repetition = the same styles again. Proximity = related things close together; balance = even visual weight. Hierarchy = the most important thing biggest and first.

NameDateTime takenScore ___ / 40
  1. 1.📐 Pale yellow text on a white page is hard to read. It needs more … (a) contrast (b) repetition (c) alignment (d) proximity
  2. 2.📐 Which design principle is this: “the title is the largest”? (a) hierarchy (b) alignment (c) proximity (d) balance
  3. 3.Which of these shows alignment? (a) a mirror-image layout (b) dark text on light paper (c) pictures in a neat line (d) black text on yellow
  4. 4.Which of these shows balance? (a) both halves feel equal (b) a bright button on grey (c) small print for details (d) the title is the largest
  5. 5.True or false: “left edges lined up” shows alignment. (a) True (b) False
  6. 6.📐 Which principle makes the most important thing the biggest? (a) repetition (b) hierarchy (c) proximity (d) alignment
  7. 7.🔍 Which is the odd one out? (a) most important first (b) the title is the largest (c) a bright button on grey (d) small print for details
  8. 8.📐 Which design principle is this: “small print for details”? (a) alignment (b) contrast (c) proximity (d) hierarchy
  9. 9.📐 Lining things up along the same edge is … (a) proximity (b) balance (c) alignment (d) hierarchy
  10. 10.🔍 Which is the odd one out? (a) the title is the largest (b) related items grouped (c) small print for details (d) most important first
  11. 11.🔍 Which is the odd one out? (a) captions on a grid (b) left edges lined up (c) pictures in a neat line (d) contact details together
  12. 12.True or false: “most important first” shows hierarchy. (a) True (b) False
  13. 13.📐 Which design principle is this: “a mirror-image layout”? (a) contrast (b) alignment (c) hierarchy (d) balance
  14. 14.True or false: “a bright button on grey” shows contrast. (a) True (b) False
  15. 15.Which of these shows contrast? (a) captions on a grid (b) white words on black (c) a centred, even layout (d) related items grouped
  16. 16.Which of these shows proximity? (a) pictures in a neat line (b) related items grouped (c) dark text on light paper (d) both halves feel equal
  17. 17.📐 A layout that feels evenly weighted, not tipping to one side, has … (a) hierarchy (b) balance (c) repetition (d) contrast
  18. 18.📐 Which design principle is this: “dark text on light paper”? (a) balance (b) repetition (c) contrast (d) hierarchy
  19. 19.True or false: “one border on all pages” shows repetition. (a) True (b) False
  20. 20.True or false: “a bright button on grey” shows alignment. (a) False (b) True
  21. 21.Which of these shows contrast? (a) black text on yellow (b) the title is the largest (c) a mirror-image layout (d) repeated bullet icons
  22. 22.🔍 Which is the odd one out? (a) a bright button on grey (b) white words on black (c) matching heading styles (d) black text on yellow
  23. 23.True or false: “white words on black” shows balance. (a) False (b) True
  24. 24.Which of these shows repetition? (a) caption close to photo (b) captions on a grid (c) related items grouped (d) repeated bullet icons
  25. 25.Which of these shows hierarchy? (a) matching heading styles (b) the title is the largest (c) contact details together (d) left edges lined up
  26. 26.📐 Which design principle is this: “one border on all pages”? (a) repetition (b) alignment (c) proximity (d) contrast
  27. 27.🔍 Which is the odd one out? (a) white words on black (b) a bright button on grey (c) dark text on light paper (d) captions on a grid
  28. 28.📐 Which design principle is this: “white words on black”? (a) repetition (b) proximity (c) contrast (d) balance
  29. 29.Which of these shows alignment? (a) left edges lined up (b) one border on all pages (c) matching heading styles (d) dark text on light paper
  30. 30.📐 Which design principle is this: “matching heading styles”? (a) balance (b) contrast (c) alignment (d) repetition
  31. 31.📐 Using the same fonts and colours on every page is … (a) repetition (b) contrast (c) balance (d) proximity
  32. 32.True or false: “matching heading styles” shows hierarchy. (a) True (b) False
  33. 33.True or false: “white words on black” shows hierarchy. (a) True (b) False
  34. 34.True or false: “matching heading styles” shows repetition. (a) False (b) True
  35. 35.Which of these shows hierarchy? (a) small print for details (b) related items grouped (c) captions on a grid (d) dark text on light paper
  36. 36.True or false: “matching heading styles” shows balance. (a) True (b) False
  37. 37.🔍 Which is the odd one out? (a) pictures in a neat line (b) captions on a grid (c) white words on black (d) left edges lined up
  38. 38.🔍 Which is the odd one out? (a) white words on black (b) black text on yellow (c) a bright button on grey (d) a mirror-image layout
  39. 39.📐 Which design principle is this: “left edges lined up”? (a) alignment (b) hierarchy (c) contrast (d) repetition
  40. 40.📐 Which design principle is this: “caption close to photo”? (a) proximity (b) balance (c) contrast (d) hierarchy

Answer key

  1. contrast
  2. hierarchy
  3. pictures in a neat line
  4. both halves feel equal
  5. True
  6. hierarchy
  7. a bright button on grey
  8. hierarchy
  9. alignment
  10. related items grouped
  11. contact details together
  12. True
  13. balance
  14. True
  15. white words on black
  16. related items grouped
  17. balance
  18. contrast
  19. True
  20. False
  21. black text on yellow
  22. matching heading styles
  23. False
  24. repeated bullet icons
  25. the title is the largest
  26. repetition
  27. captions on a grid
  28. contrast
  29. left edges lined up
  30. repetition
  31. repetition
  32. False
  33. False
  34. True
  35. small print for details
  36. False
  37. white words on black
  38. a mirror-image layout
  39. alignment
  40. proximity

Free animation and design lessons, practice and worksheets at talentjr.in/animation-for-kids