← Principles of design lesson New set →

Graphic Design Worksheet: Principles of Design

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

Answer key

  1. proximity
  2. proximity
  3. alignment
  4. alignment
  5. dark text on light paper
  6. contrast
  7. white words on black
  8. True
  9. repetition
  10. a bright button on grey
  11. matching heading styles
  12. contrast
  13. the title is the largest
  14. False
  15. caption close to photo
  16. False
  17. False
  18. balance
  19. dark text on light paper
  20. balance
  21. balance
  22. hierarchy
  23. False
  24. False
  25. contrast
  26. alignment
  27. repetition
  28. True
  29. captions on a grid
  30. a centred, even layout
  31. True
  32. pictures in a neat line
  33. False
  34. left edges lined up
  35. hierarchy
  36. one border on all pages
  37. repetition
  38. left edges lined up
  39. True
  40. most important first

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