Functional Patterns
Pattern Variations and Visual Hierarchy
Using a loudness scale to organize variations and prevent visual competition
Key Insight
Patterns often need variations to serve different contexts or emphasis levels. Rather than creating ad-hoc variations, place patterns on a visual "loudness" scale from quiet to loud. This prevents patterns from competing for attention, makes the right variation obvious to choose, and reveals when an existing variation already serves a need.
Key Points
- •Visual loudness scale: quiet → moderate → loud
- •Promotional patterns especially need explicit hierarchy to avoid competition
- •Variations should be deliberate steps on a scale, not arbitrary choices
- •Scale thinking prevents redundant pattern creation
- •Think of the interface as having "volume levels"—if everything shouts, nothing is heard
Guidelines
- ✓Map existing pattern variations to a loudness scale before creating new ones
- ✓Before adding a variation, verify it fills a genuine gap in the scale
- ✓Document when to use each variation by context, not just appearance
- ✓Test that variations work together without unintended visual conflict
- ✓Limit variations to what is genuinely needed—fewer is better
Want to learn this interactively?
Experience hands-on experiments and test your understanding.
🔥
Practice this topic
Active recall — strengthens long-term retention