← Principles of design lesson New set →

Graphic Design Worksheet: Principles of Design

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

Answer key

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

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