← Principles of design lesson New set →

Graphic Design Worksheet: Principles of Design

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

Answer key

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

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