🎯 Learning Intention

I will learn how layouts, grids, and consistency make designs easier to use.

✅ Success Criteria

• [ ] I can identify how a grid organizes content on a page
• [ ] I can explain why consistency builds trust in a design

🌍 Why this matters

Layout and grids control how users move through a page. Consistency in spacing, colors, and design choices makes work feel professional and reliable.

🔓 Warm-Up (Tech Journal • 5 min)

Prompt: Think of an app or site you use often. Is it easy to navigate? Why or why not? (2–3 sentences)

📚 Vocabulary (post to board/slide)

• Layout — the way elements are arranged on a page
• Grid System — invisible columns and rows that keep content aligned
• Whitespace — empty space that makes content readable
• Consistency — repeating styles and patterns so designs feel unified

🧭 Agenda (45–50 min)

1) Mini-Lesson: Layout & Consistency in Action (10 min)

• Show two homepages:
  • Good grid/consistency: Google (clean, simple, whitespace, consistent brand).
  • Poor grid/consistency: Old Yahoo homepage (busy, cluttered, inconsistent spacing).