Designing for Online Learning
Menu
  • ENGAGEMENT
    • Close
      • Elements
        • Close
          • Overview
            • Close
              • Elements of Design
            • Close
          • Line
            • Close
              • Use of Line
            • Close
          • Shape
            • Close
              • Use of Shape
            • Close
          • Form
            • Close
              • Design Trends: Dimension
            • Close
          • Color
            • Close
              • Use of Color
              • Color Theory
              • Color Codes
            • Close
          • Value
            • Close
              • Design Trends: Gradients
            • Close
          • Space
            • Close
              • Use of Space
            • Close
          • Texture
            • Close
              • Use of Texture
            • Close
        • Close
      • Principles
        • Close
          • Overview
            • Close
              • Principles of Design
            • Close
          • Contrast
            • Close
              • Use of Contrast
            • Close
          • Scale
            • Close
              • Use of Scale
            • Close
          • Repetition
            • Close
              • Use of Repetition
            • Close
          • Symmetry
            • Close
              • Use of Symmetry
            • Close
          • Alignment
            • Close
              • Use of Alignment
            • Close
          • Proximity
            • Close
              • Use of Proximity
            • Close
          • Hierarchy
            • Close
              • Use of Hierarchy
            • Close
        • Close
      • Putting It All Together
        • Close
            • Use of Photographs
            • Composition: Extolling the Hero
        • Close
    • Close
  • TECHNOLOGY
    • Close
      • Tools
        • Close
          • Open Tools
            • Close
                • Free Online Tools
                • Bible Study Tools
                • Google Tools
                • Presentation Tools
                • Video Recording Tools
            • Close
          • Moodle Tools
            • Close
                • How to Set up a Peer Review in Moodle
                • How to Import Quiz Questions in Moodle
                • How to Set Up Moodle Q&A Forums
                • How to Set Up Moodle Books
                • How to Set Up Moodle Lessons
                • How to Set up the Gradebook (Part 1)
                • How to Set Up the Gradebook (Part 2)
                • How to Embed Links and Videos
                • Extending Moodle Using HTML (Part 1)
                • Extending Moodle Using HTML (Part 2)
            • Close
        • Close
      • Tasks
        • Close
          • Content Creation
            • Close
                • Using Images in Moodle
                • Finding Images to Use
                • Best Practices for Using Video Online
                • Alternatives to Video
            • Close
          • Learning Activities
            • Close
                • Moodle Books and Lessons
            • Close
          • Communication
            • Close
                • Video Conferencing for Meetings
                • Forum Subscriptions in Moodle
            • Close
        • Close
    • Close
  • LEARNING
    • Close
      • Understanding Learners
        • Close
          • Learner Differences
            • Close
                • Multiple Intelligences
            • Close
          • Readiness to Learn
            • Close
                • Readiness to Learn
            • Close
          • Learner Experience (LX)
            • Close
                • Learner Experience (LX)
            • Close
        • Close
      • Understanding Learning
        • Close
          • Adult Learning
            • Close
                • Adult Learning – Part 1
                • Adult Learning – Part 2
            • Close
          • Self-Directed Learning
            • Close
                • Self-Directed Learning
                • SDL Skills
                • SDL Learning Processes
            • Close
          • Reflective Learning
            • Close
                • Reflective Learning
            • Close
          • Active Learning
            • Close
                • Active and Participatory Learning
            • Close
          • Collaborative Learning
            • Close
                • Collaborative Learning
            • Close
          • Transformative Learning
            • Close
                • Transformative Learning
            • Close
          • Lifelong Learning
            • Close
                • Lifelong Learning
            • Close
        • Close
      • Learning Pathways
        • Close
          • Modalities
            • Close
                • Course Modality Paradigms
                • Blended Learning
                • Blending Synchronous and Asynchronous Approaches
            • Close
          • Information Architecture (IA)
            • Close
                • Information architecture
            • Close
          • Professional Development
            • Close
                • Communities of Practice
            • Close
          • Other Pathways
            • Close
                • Designing for High and Low Bandwidth Contexts
            • Close
        • Close
      • Backward Design
        • Close
          • Overview
            • Close
                • Backward Design in 7 Steps
            • Close
          • Outcomes
            • Close
                • Writing Cognitive Objectives
                • Writing Behavioral Objectives
                • Writing Affective Objectives
            • Close
          • Evidence
            • Close
                • What counts as evidence?
            • Close
          • Assessment
            • Close
                • Diagnostic Assessment
                • Formative Assessment
                • Summative Assessment
            • Close
          • Blueprint
            • Close
                • Scaffolding, Alignment, and Distribution
                • Creating a Design Blueprint
            • Close
          • Evaluation
            • Close
                • Evaluation
            • Close
        • Close
      • Developing Content
        • Close
          • Open Educational Resources (OER)
            • Close
                • Open Educational Resources (OER)
            • Close
          • Pedagogical Strategies
            • Close
                • Designing Good Discussion Questions
            • Close
        • Close
    • Close
    • Close
    • Close
Elements of Design: Space

Use of Space

By Jill Zwyghuizen

» Engagement » Elements » Space » Use of Space

White space is the blank area around the other design elements. Some designs have very little white space. Others have lots of white space.
Hierarchy White space plays an important role, even in designs with very little of it. It shows the division between the sections and columns (macro space) as well as between letters, words, and lines of text (micro space). White space is one important tool designers use to show the visual hierarchy of elements in the design.
White space draws attention.
The Rule of Thirds is a useful way to think about arranging the design elements and the white space. Divide the composition into thirds, both vertically and horizontally. Place the most important elements at the intersection of the lines, or along the lines.
The Rule of Thirds helps to balance the composition.
Can you see the Rule of Thirds at work without the gridlines?
Design Trends: Gradients
PrevNext
Use of Texture
Sitemap
Contact us
Horizon Education

© 2021 Horizon Education Network. All Rights Reserved.