Color Angels: It's not black or white

82

description

Presentation was created by Leslie Jensen-Inman, Cindy Li and Veerle Pieters. The presentation is about color internationalization (interpretation in various countries), color blindness accessibility, color tools for calibrating

Transcript of Color Angels: It's not black or white

Page 1: Color Angels: It's not black or white
Page 2: Color Angels: It's not black or white
Page 3: Color Angels: It's not black or white

Color AngelsEpisode 1:

It’s Not Black and White

Page 4: Color Angels: It's not black or white

It’s About Color

Page 5: Color Angels: It's not black or white

RGB Additivebase colors

CMYK Subtractive

base colors

Color Spaces

Page 6: Color Angels: It's not black or white

RED

BLUEYELLOW

ORANG

E

TEL

OIV

GREEN

Page 7: Color Angels: It's not black or white

Assessing Your Target

Determine your target audience and define your goals

Page 8: Color Angels: It's not black or white

Assessing Your Target

Who is your audience?

Page 9: Color Angels: It's not black or white

Assessing Your Target

What colors are they use to seeing?

Page 10: Color Angels: It's not black or white

Assessing Your Target

Do you design to meet or challenge expectations?

Page 11: Color Angels: It's not black or white

Agent: ReconAsk questions & listen to answers

Page 12: Color Angels: It's not black or white

International Encounters

Page 13: Color Angels: It's not black or white

Color China Japan Egypt France U.S.A.

Happiness,Luck

Anger,Danger Death Aristocracy Danger, Stop

Heavens,clouds Villainy

Virtue,Faith, Truth

Freedom, Peace

Masculine,Corporate

HeavensFuture, Youth,

EnergyFertility, Strength Criminality Safety,Go

Birth, Wealth, Power

Grace, Nobility

Happiness,Prosperity Temporary

Cowardice,Temporary

Death, Purity Death Joy Neutrality Purity

Page 14: Color Angels: It's not black or white

theknot.com

Page 15: Color Angels: It's not black or white
Page 16: Color Angels: It's not black or white
Page 17: Color Angels: It's not black or white
Page 18: Color Angels: It's not black or white
Page 19: Color Angels: It's not black or white

AccessibilityExpanding your range

Page 20: Color Angels: It's not black or white

Color AccessibilityDoes color really

make a difference?

Page 21: Color Angels: It's not black or white

Deuteranopia

Page 22: Color Angels: It's not black or white

Protanopia

Page 23: Color Angels: It's not black or white

• Body Level One

• Body Level Two

• Body Level Three

• Body Level Four

• Body Level Five

Tritanopia

Page 24: Color Angels: It's not black or white

Color AccessibilityIs it a priority?

Page 25: Color Angels: It's not black or white

Contrast

Page 26: Color Angels: It's not black or white

Shades of Grey

Page 27: Color Angels: It's not black or white

Lethal Color Combinations

Page 28: Color Angels: It's not black or white

This text can be difficult to read.

Page 29: Color Angels: It's not black or white

This text can be difficult to read.

Page 30: Color Angels: It's not black or white

This text can be difficult to read.

Page 31: Color Angels: It's not black or white

This text can be easier to read.

Page 32: Color Angels: It's not black or white

This text can be difficult to read.

Page 33: Color Angels: It's not black or white

This text can be difficult to read.

Page 34: Color Angels: It's not black or white

Agent ArsenalEvery good agent has gadgets

Page 35: Color Angels: It's not black or white

Calibrate your monitor using ColorMunki

Page 36: Color Angels: It's not black or white

Choose your display type

Page 37: Color Angels: It's not black or white

Preparing the device - step 1

Page 38: Color Angels: It's not black or white

Preparing the device - step 2

Page 39: Color Angels: It's not black or white

Preparing the device - step 3

Page 40: Color Angels: It's not black or white

Place the ColorMunki Calibrator Device

Page 41: Color Angels: It's not black or white

Agent: AssignmentPrint or screen?

Page 42: Color Angels: It's not black or white

Agent: AssignmentPMS / CMYK / HEX / RGB

Page 43: Color Angels: It's not black or white

Agent: ResearchGetting your color on

Page 44: Color Angels: It's not black or white

• photographs

• nature

• magazines

• the Internet

Assignment: Research

Page 45: Color Angels: It's not black or white

Agent: OutfittingChoosing Your Color Palettes

Page 46: Color Angels: It's not black or white

• set the right mood

• create enough contrast

• create color harmony

• create enough rest points

• keep it simple

Guidelines:

Page 47: Color Angels: It's not black or white

Case study: SocialSignal

Page 48: Color Angels: It's not black or white
Page 49: Color Angels: It's not black or white

www.socialsignal.com314-510 West Hastings StreetVancouver, BCCanada V6B 1L8

[email protected]/AIM: awsamueltel: 604-637-6377cell: 604-726-5445

Alexandra Samuel, PhD | CEO

www.socialsignal.com

314-510 West Hastings Street

Vancouver, BC

Canada V6B 1L8

[email protected]

Skype/AIM: awsamuel

tel: 604-637-6377

cell: 604-726-5445

Alexandra Samuel, PhD | CEO

Online community.Real-world impact.Online community.Real-world impact.

Page 50: Color Angels: It's not black or white

color palette

Page 51: Color Angels: It's not black or white

color usage

Page 52: Color Angels: It's not black or white

4

4

4

4

3

3

2

1

Page 53: Color Angels: It's not black or white

4

4

4

4

3

3

2

1

Page 54: Color Angels: It's not black or white

4

4

4

4

3

3

2

1

Page 55: Color Angels: It's not black or white

4

4

4

4

3

3

2

1

Page 56: Color Angels: It's not black or white
Page 57: Color Angels: It's not black or white
Page 58: Color Angels: It's not black or white
Page 59: Color Angels: It's not black or white
Page 60: Color Angels: It's not black or white
Page 61: Color Angels: It's not black or white
Page 62: Color Angels: It's not black or white

Case Study:The Whuffie Factor

Page 63: Color Angels: It's not black or white

color pallete

The Whuffie Factor

Page 64: Color Angels: It's not black or white
Page 65: Color Angels: It's not black or white
Page 66: Color Angels: It's not black or white

Case Study:WaSP InterAct

Page 67: Color Angels: It's not black or white
Page 68: Color Angels: It's not black or white
Page 69: Color Angels: It's not black or white

color palette

Page 70: Color Angels: It's not black or white

color palette

Page 71: Color Angels: It's not black or white

color palette

Page 72: Color Angels: It's not black or white
Page 73: Color Angels: It's not black or white
Page 74: Color Angels: It's not black or white

Photo by: Glenda Sims

Page 75: Color Angels: It's not black or white

Photo by: Aarron Walter

Page 76: Color Angels: It's not black or white

Agent: DebriefingPractical tips

Page 77: Color Angels: It's not black or white

Save SwatchesPer Project

Page 78: Color Angels: It's not black or white

Resources

Page 79: Color Angels: It's not black or white

• Adobe Kuler

• ColorLovers

• ColorMatch

• Colorsheme

• Painter's Picker

• Color Consultant Pro

• Colorschemer

• ColorMatch Remix

• ColorMunki Design

• ColorMunki Design review

kuler.adobe.com

www.colorlovers.com

www.colormatch.dk/

www.pixy.cz/apps/barvy/index-en.html

www.oldjewelsoftware.com/ppicker

www.code-line.com/software/colorconsultantpro.html

www.colorschemer.com/online.html

color.twysted.net/

www.colormunki.com/welcome/design

veerle.duoh.com/blog/comments/colormunki_design_review/

Page 80: Color Angels: It's not black or white

• GrayBit

• Color Oracle

• ColorSelector

www.graybit.com

www.colororacle.cartography.ch

http://www.fujitsu.com/global/accessibility/assistance/cs/

Page 81: Color Angels: It's not black or white

Special Thanks to:Video Intro: Jeremy Swanger

Credits:

James ArcherMatt HarrisGeert LeyseeleChris Moeller

Richard RutterGlenda Sims Jessi TaylorAarron Walter

Page 82: Color Angels: It's not black or white

Thank You