← Principles of design lesson New set →

Graphic Design Worksheet: Principles of Design

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

Answer key

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

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