who am i? minhazur minhaz@umd

51
WHO AM I? minhazur.com [email protected]

Upload: gordy

Post on 08-Jan-2016

27 views

Category:

Documents


0 download

DESCRIPTION

WHO AM I? minhazur.com [email protected]. 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. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: WHO AM I? minhazur minhaz@umd

WHO AM I?

[email protected]

Page 2: WHO AM I? minhazur minhaz@umd

Colors!

Page 3: WHO AM I? minhazur minhaz@umd

red

Page 4: WHO AM I? minhazur minhaz@umd

red

1 2 3 4 5

6 7 8 9

10 11 12 13

14 15 16 17 18

Page 5: WHO AM I? minhazur minhaz@umd

red

1 2 3 4 5

6 7 8 9

10 11 12 13

14 15 16 17 18

Page 6: WHO AM I? minhazur minhaz@umd

red

1 2 3 4 5

6 7 8 9

10 11 12 13

14 15 16 17 18

Page 7: WHO AM I? minhazur minhaz@umd

red

1 2 3 4 5

6 7 8 9

10 11 12 13

14 15 16 17 18

red

Page 8: WHO AM I? minhazur minhaz@umd

basics theory models

tools/appshacks no no’s

Page 9: WHO AM I? minhazur minhaz@umd

Vision

Page 10: WHO AM I? minhazur minhaz@umd
Page 11: WHO AM I? minhazur minhaz@umd
Page 12: WHO AM I? minhazur minhaz@umd
Page 13: WHO AM I? minhazur minhaz@umd
Page 14: WHO AM I? minhazur minhaz@umd

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

Page 15: WHO AM I? minhazur minhaz@umd

Color Spaces, Gamuts & Models

Page 16: WHO AM I? minhazur minhaz@umd
Page 17: WHO AM I? minhazur minhaz@umd

Retina Display Earlier MacBook Pro

Page 18: WHO AM I? minhazur minhaz@umd
Page 19: WHO AM I? minhazur minhaz@umd

LAB

Page 20: WHO AM I? minhazur minhaz@umd
Page 21: WHO AM I? minhazur minhaz@umd
Page 22: WHO AM I? minhazur minhaz@umd

HSL HSV

Page 23: WHO AM I? minhazur minhaz@umd

Color Theory

Page 25: WHO AM I? minhazur minhaz@umd

Color Guidelines

Page 26: WHO AM I? minhazur minhaz@umd

Fix your objectives first

Application

User needs

Interaction

Presentation

Page 27: WHO AM I? minhazur minhaz@umd

Black

White

Red

Green

Yellow

Blue Brown

Pink

Purple

Orange

Gray

1,2 3 4,5 6 7 8-11

Page 28: WHO AM I? minhazur minhaz@umd

cheatsheet : just use these

Page 31: WHO AM I? minhazur minhaz@umd

Luminance contrast between foreground and background

If you can’t do that,border them.

Page 32: WHO AM I? minhazur minhaz@umd

Muted colors for large areas

High saturation color for small areas

Natural colors for most

Bright / dark colorsto highlight

Page 33: WHO AM I? minhazur minhaz@umd
Page 34: WHO AM I? minhazur minhaz@umd
Page 36: WHO AM I? minhazur minhaz@umd

Color sequence for data maps

Page 37: WHO AM I? minhazur minhaz@umd

Use same backgroundPS: Gradients suck (mostly)

If it’s not data:delete it,

make it grey,Or mute it.

Page 38: WHO AM I? minhazur minhaz@umd
Page 39: WHO AM I? minhazur minhaz@umd
Page 40: WHO AM I? minhazur minhaz@umd

Color Issues

Page 41: WHO AM I? minhazur minhaz@umd

thedoghousediaries.com/1406

Page 42: WHO AM I? minhazur minhaz@umd

blog.xkcd.com/2010/05/03/color-survey-results/

5 million colors named222,500 user sessions

Page 43: WHO AM I? minhazur minhaz@umd
Page 44: WHO AM I? minhazur minhaz@umd
Page 45: WHO AM I? minhazur minhaz@umd
Page 46: WHO AM I? minhazur minhaz@umd
Page 47: WHO AM I? minhazur minhaz@umd

www.informationisbeautiful.net/visualizations/colours-in-cultures/

Page 48: WHO AM I? minhazur minhaz@umd

Don’t use red and greenin the same interface

if you want to address most color deficiency cases.

Page 49: WHO AM I? minhazur minhaz@umd

Be consistent

Page 50: WHO AM I? minhazur minhaz@umd

Thank you

Page 51: WHO AM I? minhazur minhaz@umd