š° Layout 2: The Google Slides Mock-up
š STANDARD:
(CCSS.ELA-LITERACY.RST.6-8.3): Follow precisely a multistep procedure. (CCSS.ELA-LITERACY.SL.7.5): Use multimedia components to clarify findings and emphasize salient points.
šÆ LEARNING INTENTION:
I will translate my physical sketch into a low-fidelity “wireframe” using basic shapes and mathematical scaling in Google Slides.
ā
SUCCESS CRITERIA:
- I can use Guides to align my layout elements accurately.
- I can use Format Options to set specific mathematical dimensions for my placeholders.
- I can work with a partner to translate a paper sketch into a digital wireframe.
- I can collaborate with my partner to share files and manage workload effectively.
š DIRECTIONS:
- šØāš« Phase 1: I Do: Teacher Wireframing (Modeling Guides & Formatting)
- š¤ Phase 2: We Do: The Class Wireframe (Collaborative Sizing)
- š Phase 3: You Do: The Translation (Sketch to Digital Wireframe)
š STUDENT RESOURCES
š° Layout 2 – The Google Slides Mock-up
š Full Directions for Google Slides template for translating paper sketches to digital layouts.
š Full Directions for Google Slides template for translating paper sketches to digital layouts.
š X and Y Position Tutorial
Web guide for mastering exact coordinate placement in Google Slides.
Web guide for mastering exact coordinate placement in Google Slides.
š Wireframe Inspiration (Pinterest)
Curated collection of page skeletons and layout “pegs” for advisors.
Curated collection of page skeletons and layout “pegs” for advisors.
Module 05: Layouts