510 likes | 569 Views
WHO AM I? minhazur.com minhaz@umd.edu. Colors!. red. 10. 14. 1. 6. 11. 15. 2. 7. 16. 3. 17. 12. 4. 8. 18. 13. 9. 5. red. 10. 14. 1. 6. 11. 15. 2. 7. 16. 3. 17. 12. 4. 8. 18. 13. 9. 5. red. 10. 14. 1. 6. 11. 15. 2. 7. 16. 3. 17. 12. 4. 8. 18.
E N D
WHO AM I? minhazur.com minhaz@umd.edu
10 14 1 6 11 15 2 7 16 3 17 12 4 8 18 13 9 5 red
10 14 1 6 11 15 2 7 16 3 17 12 4 8 18 13 9 5 red
10 14 1 6 11 15 2 7 16 3 17 12 4 8 18 13 9 5 red
14 10 1 6 15 11 2 7 16 3 17 12 8 4 13 18 5 9 red red
theory models no no’s basics hacks tools/apps
pack my box with five dozen liquor jugs crazy fredrick bought many very exquisite opal jewels sixty zippers were quickly picked from the woven jute bag
Retina Display Earlier MacBook Pro
HSL HSV
Application User needs Fix your objectives first Interaction Presentation
Black Gray Orange Pink Purple Green White Yellow Red Blue Brown 1,2 3 4,5 6 7 8-11
Upto 6 best, 10 is difficult 12 gives negative returns Each color should serve a purpose
Luminance contrast between foreground and background If you can’t do that, border them.
Muted colors for large areas Natural colors for most High saturation color for small areas Bright / dark colors to highlight
Use same background PS: Gradients suck (mostly) If it’s not data: delete it, make it grey, Or mute it.
5 million colors named 222,500 user sessions blog.xkcd.com/2010/05/03/color-survey-results/
www.informationisbeautiful.net/visualizations/colours-in-cultures/www.informationisbeautiful.net/visualizations/colours-in-cultures/
Don’t use red and green in the same interface if you want to address most color deficiency cases.