← Principles of design lesson New set →

Graphic Design Worksheet: Principles of Design

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

Answer key

  1. a mirror-image layout
  2. alignment
  3. black text on yellow
  4. balance
  5. balance
  6. left edges lined up
  7. repetition
  8. caption close to photo
  9. contrast
  10. proximity
  11. balance
  12. left edges lined up
  13. False
  14. False
  15. related items grouped
  16. hierarchy
  17. False
  18. False
  19. the title is the largest
  20. proximity
  21. repetition
  22. proximity
  23. alignment
  24. repetition
  25. black text on yellow
  26. False
  27. most important first
  28. a mirror-image layout
  29. caption close to photo
  30. contact details together
  31. contrast
  32. a centred, even layout
  33. True
  34. a bright button on grey
  35. contrast
  36. dark text on light paper
  37. small print for details
  38. True
  39. True
  40. hierarchy

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