← Principles of design lesson New set →

Graphic Design Worksheet: Principles of Design

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

Answer key

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

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