← Principles of design lesson New set →

Graphic Design Worksheet: Principles of Design

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

Answer key

  1. repeated bullet icons
  2. white words on black
  3. the title is the largest
  4. captions on a grid
  5. matching heading styles
  6. True
  7. dark text on light paper
  8. contrast
  9. False
  10. a mirror-image layout
  11. True
  12. pictures in a neat line
  13. False
  14. proximity
  15. alignment
  16. repetition
  17. repetition
  18. a centred, even layout
  19. contrast
  20. black text on yellow
  21. pictures in a neat line
  22. captions on a grid
  23. contrast
  24. False
  25. True
  26. False
  27. proximity
  28. False
  29. False
  30. proximity
  31. False
  32. False
  33. balance
  34. matching heading styles
  35. a centred, even layout
  36. left edges lined up
  37. hierarchy
  38. alignment
  39. small print for details
  40. a bright button on grey

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