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 Lessons
                • 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
                • Self-Directed Learning Skills
                • Self-Directed 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: Line

Use of Line

By Horizon

» Engagement » Elements » Line » Use of Line



Lines can be used to great effect in design.  They can be used to organize information. Lines can be used to separate but they can also be used to connect. Lines can create a sense of movement or direction and they can give the eye a path to follow.  // Lines can contain information and separate it from other content.
Lines can also be used to organize information. // Solid, Dashed, Dotted // Vertical, Horizontal, Diagonal, Zigzag, Curved, Freeform // Thick, Medium, Thin
Lines can be used to connect elements of the design together.

They depict a visual association between separated objects.
As they connect, lines can also draw pathways for the eye to follow as it moves through the design.

The visual pathway tells a story.

It guides the eye through the design to the most important elements.
With a design that contains a lot of text, the two most common patterns for the eye to follow are the F-pattern and the Z-pattern.

Designers can lead the eye on a different path by using lines to show hierarchy and direction.


Elements of Design
PrevNext
Use of Shape
Sitemap
Contact us
Horizon Education

© 2021 Horizon Education Network. All Rights Reserved.