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
  - 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
- Search
- Close

Design Trends: Dimensions

Design Trends: Dimension

» Engagement » Elements » Form » Design Trends: Dimension

SKEUOMORPHISM
In the early days of web design, many designers adapted a style called "skeuomorphism" where design elements are made to look like familiar, everyday objects—a floppy disk for saving files, a trash can for deleting them, an envelope for email (even though it doesn't use paper), a telephone receiver for calls (though it doesn't look like a cell phone). Buttons were made to look three-dimensional with shading and beveled edges to suggest they can be pushed.

FLAT DESIGN
Although skeuomorphism helped users adapt to new technology, it tended to lead to designs that looked cluttered. By the early part of the 2010s, a minimalist style called "flat design" gained in popularity. Flat design limits itself to two dimensions and avoids the use of texture, shadows, and gradients in favor of simpler design elements. It provides a great user experience because the design is clean, simple, and easy to scale for different screen sizes.

"ALMOST FLAT" DESIGN
One drawback of flat design is that with only two dimensions, it can be hard to know which design elements are meant to be clicked or tapped. By the end of the 2010s, gradients, texture, and shadow were popular once again to add dimension and depth to designs. Since the minimalist tendencies of flat design are otherwise retained, this hybrid style is known as "almost flat" or "flat 2.0."

ISOMETRIC DESIGN
Another recent trend that adds depth to flat design is called isometric design. Instead of the two dimensions of flat design, isometric design embraces three dimensions as a way to add depth. It is based on a cube with 120 degree angles and
no forced perspective.

Use of Shape

Use of Color

© 2021 Horizon Education Network. All Rights Reserved.