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
Design Trends: Gradients

Design Trends: Gradients

By Jill Zwyghuizen

» Engagement » Elements » Value » Design Trends: Gradients

Color Value: The hue of a color is the technical term for its value in the color wheel. Red, yellow and purple are examples of hues. Hues can be adjusted by adding white, black, or grey to the color. Adding white creates a tint. Adding black creates a shade. Adding grey creates a tone.
Gradients: Value refers to how light or dark the resulting tint, shade, or tone is. A gradient is a spectrum of color values. Gradients can be created by adding white, black, or grey to a hue as in the above examples, or by blending two or more hues together.
Design Trends: As the minimalism of flat design has given way to design trends that embrace more texture and shadow, gradients have also become quite popular. They are an easy way to add color and interest to the background of a design. Gradient backgrounds make dark figures in the foreground stand out (similar to the look of photographs taken at sunset).
Gradients make designs look trendy.
When should you use trends? Gradients are "in" right now, but that does not necessarily mean you should use them in all of your designs. As a course designer, you need to take into consideration questions like how long it will be before the course will be revised? Design trends come and go. Gradients feel fresh and exciting right now, but in a few years they may feel dated as the design world moves on. So you may not want to overuse them if course updates don't happen very frequently.
Color Codes
PrevNext
Use of Space
Sitemap
Contact us
Horizon Education

© 2021 Horizon Education Network. All Rights Reserved.