← Principles of design lesson New set →

Graphic Design Worksheet: Principles of Design

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

Answer key

  1. a centred, even layout
  2. left edges lined up
  3. False
  4. alignment
  5. black text on yellow
  6. left edges lined up
  7. balance
  8. True
  9. False
  10. related items grouped
  11. contrast
  12. proximity
  13. contrast
  14. small print for details
  15. True
  16. True
  17. pictures in a neat line
  18. white words on black
  19. False
  20. False
  21. balance
  22. captions on a grid
  23. True
  24. caption close to photo
  25. dark text on light paper
  26. True
  27. small print for details
  28. True
  29. repeated bullet icons
  30. caption close to photo
  31. hierarchy
  32. contrast
  33. balance
  34. False
  35. contrast
  36. contrast
  37. a bright button on grey
  38. repetition
  39. False
  40. contact details together

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