← Principles of design lesson New set →

Graphic Design Worksheet: Principles of Design

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

Answer key

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

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