← Principles of design lesson New set →

Graphic Design Worksheet: Principles of Design

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

Answer key

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

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