# Answer Key — Day-04: Composition, Layout, Grids & Visual Hierarchy

**Module:** M02 — Design Fundamentals
**Instructor:** Ali Akbar Shah

---

**A1.** B — The planned order (1st, 2nd, 3rd) in which the viewer's eye
sees elements, built with size, weight, color, position, and space.
*Explanation: Hierarchy is the designer controlling the eye's journey —
what gets seen first, second, third.*

**A2.** C — On or near one of the four intersection points (power points)
of a 3×3 grid.
*Explanation: The eye finds these points naturally interesting; dead
center often looks static.*

**A3.** B — Z-pattern.
*Explanation: Top-left → top-right → diagonal → bottom-right is the Z
eye-movement on simple layouts like posters and flyers.*

**A4.** D — Filling every corner so no space is wasted.
*Explanation: That is the opposite of negative space — its jobs are
focus, clarity, and premium feeling.*

**A5.** The phone number became the visual winner (too big/bold/isolated),
so the hierarchy put rank 1 on the wrong element. Fixes: make "50% SALE"
the biggest, boldest element; shrink and regroup the phone number with
the other contact details at the Z-pattern end (bottom-right).
*Explanation: The 3-second test exposed inverted hierarchy — the fix
restores the correct 1st-2nd-3rd order.*