Logo

šŸ“° Layout 5: The Digital Build

šŸ“Œ STANDARD:
(CCSS.ELA-LITERACY.RST.6-8.3): Follow precisely a multistep procedure. (CCSS.ELA-LITERACY.SL.7.1 / SL.8.1): Engage effectively in collaborative discussions.

šŸŽÆ LEARNING INTENTION:
I will transform my low-fidelity wireframe into a high-fidelity, production-ready template by applying a professional Style Guide, precise geometric math, and functional containers.

āœ… SUCCESS CRITERIA:
  • I can use Grid View vs. Filmstrip View to verify my 2-page spreads.
  • I can use the “Edit theme” menu to apply master color palettes and font pairs.
  • I can input exact X, Y, Width, and Height dimensions into new placeholders.
  • I can collaborate with my partner to ensure 100% accuracy from wireframe to build.

šŸ“ DIRECTIONS:

  • šŸ–„ļø Phase 1: The Production Setup (Grid View & Master Themes)
  • šŸ¤ Phase 2: Partner Build (Placeholder Migration & Coordinate Snapping)
  • ✨ Phase 3: The Final Polish (Theme Application & Design Accents)

šŸ“„ STUDENT RESOURCES

šŸ“° Layout 5: The Digital Build
šŸ“„ Full Directions for adding image placeholders.

🌐 Page Size and Guides Tutorial
How to set up your 8.5 x 11 workspace for print.

OPEN ↗

🌐 Edit Theme: Fonts and Colors
Master the backend menu to set global yearbook styles.

OPEN ↗

🌐 Edit Theme: Image Placeholders
How to use smart containers for fast photo production.

OPEN ↗