← Principles of design lesson New set →

Graphic Design Worksheet: Principles of Design

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

Answer key

  1. black text on yellow
  2. black text on yellow
  3. matching heading styles
  4. contrast
  5. caption close to photo
  6. contrast
  7. proximity
  8. one border on all pages
  9. repeated bullet icons
  10. left edges lined up
  11. alignment
  12. balance
  13. hierarchy
  14. False
  15. proximity
  16. repetition
  17. one border on all pages
  18. True
  19. False
  20. contact details together
  21. contrast
  22. hierarchy
  23. most important first
  24. caption close to photo
  25. related items grouped
  26. hierarchy
  27. True
  28. contact details together
  29. True
  30. small print for details
  31. False
  32. matching heading styles
  33. the title is the largest
  34. a centred, even layout
  35. balance
  36. contrast
  37. alignment
  38. a mirror-image layout
  39. False
  40. repeated bullet icons

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