← Principles of design lesson New set →

Graphic Design Worksheet: Principles of Design

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

Answer key

  1. most important first
  2. True
  3. proximity
  4. balance
  5. balance
  6. contrast
  7. most important first
  8. repeated bullet icons
  9. repetition
  10. pictures in a neat line
  11. contrast
  12. proximity
  13. False
  14. caption close to photo
  15. repetition
  16. captions on a grid
  17. False
  18. hierarchy
  19. contrast
  20. a centred, even layout
  21. True
  22. balance
  23. caption close to photo
  24. hierarchy
  25. False
  26. related items grouped
  27. a bright button on grey
  28. False
  29. hierarchy
  30. False
  31. False
  32. a centred, even layout
  33. related items grouped
  34. True
  35. False
  36. False
  37. False
  38. contrast
  39. hierarchy
  40. alignment

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