š° Layout 4: The Digital Wireframe
š STANDARD:
(CCSS.ELA-LITERACY.RST.6-8.3): Follow precisely a multistep procedure when carrying out experiments, taking measurements, or performing technical tasks.
šÆ LEARNING INTENTION:
I will set up a professional print-ready workspace and translate my paper sketch into a digital wireframe using precise coordinate math and shape tools.
ā
SUCCESS CRITERIA:
- I can correctly set the Google Slides canvas to 8.5 x 11 inches (Single Page).
- I can use my spreadsheet coordinate calculator to place placeholder shapes at exact X/Y positions.
- I can demonstrate that my digital wireframe matches my paper sketch layout.
š DIRECTIONS:
- š„ļø Phase 1: The Masterclass (Print Reality Check & Grid View)
- š Phase 2: We Do: Page Size Setup & Configuration
- š Phase 3: You Do: The Digital Wireframe Build
š STUDENT RESOURCES
š Page Size and Guides Tutorial
Web guide for configuring print-ready dimensions and margins.
Web guide for configuring print-ready dimensions and margins.
š Low-Fidelity Wireframe Guide
Understanding the “skeleton” stage of professional design.
Understanding the “skeleton” stage of professional design.
š X and Y Position Tutorial
Mastering exact coordinate placement in Google Slides.
Mastering exact coordinate placement in Google Slides.
Module 05: Layouts