The document discusses contrast in design and provides examples of how to use contrast effectively. It defines contrast as the difference between elements and explains that contrast is important for emphasis and directing user attention. It then outlines seven methods for applying contrast: size, color, value, shape, position, movement, and texture. For each method, examples are given to illustrate high and low contrast scenarios. The document concludes by recommending combining different contrast methods and also using them for similarity in design.
2. Content
1. What is contrast?
2. Why do we need contrast?
3. How to use contrast?
1. Size
2. Color
3. Value
4. Shape
5. Position
6. Movement
7. Texture
6. 1. What is contrast?
BIG RED CIRCLE small green circle
7. 1. What is contrast?
• It’s basically the difference.
• Noticing difference is human's survival mechanism
• to quick differentiate a friend from predators
• That’s why it’s so powerful.
• Contrast attracts attention.
8. 2. Why do we need contrast?
• To emphasize an element among others.
• To help users noticing the optimal choice.
• They just want “good enough” options, remember?
• But there’re good and bad contrasts.
9. Too low contrast doesn’t work!
CAN YOU READ THIS?
how about this?
10. Too low contrast doesn’t work!
CAN YOU READ THIS?
how about this?