Colors & Numbers in Design

102
in colors numbers & design Friday, July 12, 13

description

Significance of colors and numbers in design and how to maximize user experience, your brand, and web presence.

Transcript of Colors & Numbers in Design

Page 1: Colors & Numbers in Design

inco

lors numbers&

designFriday, July 12, 13

Page 2: Colors & Numbers in Design

Before coming to 8th Light, I freelanced as a brand identity specialist.

I’m Alejandra.

I am a design apprentice at 8th Light.

Friday, July 12, 13

Page 3: Colors & Numbers in Design

First,

Friday, July 12, 13

Page 4: Colors & Numbers in Design

First,how do we define good design?

Friday, July 12, 13

Page 5: Colors & Numbers in Design

First,how do we define good design?

Is it decorative?

Friday, July 12, 13

Page 6: Colors & Numbers in Design

First,how do we define good design?

Is it decorative?Fancy?

Friday, July 12, 13

Page 7: Colors & Numbers in Design

First,how do we define good design?

Is it decorative?Fancy?Showy?

Friday, July 12, 13

Page 8: Colors & Numbers in Design

First,how do we define good design?

Is it decorative?Fancy?Showy?Trendy?

Friday, July 12, 13

Page 9: Colors & Numbers in Design

First,how do we define good design?

Is it decorative?Fancy?Showy?Trendy?

lots of Photoshop!

Friday, July 12, 13

Page 10: Colors & Numbers in Design

Friday, July 12, 13

Page 11: Colors & Numbers in Design

good design

Friday, July 12, 13

Page 12: Colors & Numbers in Design

good designSolves a specific problem

Friday, July 12, 13

Page 13: Colors & Numbers in Design

good designSolves a specific problem

Evokes an emotional response

Friday, July 12, 13

Page 14: Colors & Numbers in Design

good designSolves a specific problem

Evokes an emotional responseSimplifies things for the user

Friday, July 12, 13

Page 15: Colors & Numbers in Design

good designSolves a specific problem

Evokes an emotional responseSimplifies things for the user

Organizes chaos.

Friday, July 12, 13

Page 16: Colors & Numbers in Design

Evokes an emotional response

Friday, July 12, 13

Page 17: Colors & Numbers in Design

Fear

Friday, July 12, 13

Page 18: Colors & Numbers in Design

Anger

Friday, July 12, 13

Page 19: Colors & Numbers in Design

Trust

Friday, July 12, 13

Page 20: Colors & Numbers in Design

Excitement

Friday, July 12, 13

Page 21: Colors & Numbers in Design

Love

Friday, July 12, 13

Page 22: Colors & Numbers in Design

Interest

Friday, July 12, 13

Page 23: Colors & Numbers in Design

Loyalty

Friday, July 12, 13

Page 24: Colors & Numbers in Design

Commitment

Friday, July 12, 13

Page 25: Colors & Numbers in Design

Can just colors and numbers do all that?!

Friday, July 12, 13

Page 26: Colors & Numbers in Design

Friday, July 12, 13

Page 27: Colors & Numbers in Design

color

Friday, July 12, 13

Page 28: Colors & Numbers in Design

RGBCMYKPrint Web

Friday, July 12, 13

Page 29: Colors & Numbers in Design

whatever

Friday, July 12, 13

Page 30: Colors & Numbers in Design

Friday, July 12, 13

Page 31: Colors & Numbers in Design

Complementary

Friday, July 12, 13

Page 32: Colors & Numbers in Design

Analogous

Friday, July 12, 13

Page 33: Colors & Numbers in Design

SplitHigh contrast without strong tension

Friday, July 12, 13

Page 34: Colors & Numbers in Design

TriadicEquidistant colors provide balance

Friday, July 12, 13

Page 35: Colors & Numbers in Design

TetradicImportant to use proper ratio of color

Friday, July 12, 13

Page 36: Colors & Numbers in Design

TetradicImportant to use proper ratio of color

Friday, July 12, 13

Page 37: Colors & Numbers in Design

TetradicImportant to use proper ratio of color

Friday, July 12, 13

Page 38: Colors & Numbers in Design

Friday, July 12, 13

Page 39: Colors & Numbers in Design

Friday, July 12, 13

Page 40: Colors & Numbers in Design

Orange increases oxygen supply to the brain.

Friday, July 12, 13

Page 41: Colors & Numbers in Design

Orange increases oxygen supply to the brain.Green symbolizes energy and healing.

Friday, July 12, 13

Page 42: Colors & Numbers in Design

Orange increases oxygen supply to the brain.Green symbolizes energy and healing.

Blue suppresses appetite and increases loyalty.

Friday, July 12, 13

Page 43: Colors & Numbers in Design

Friday, July 12, 13

Page 44: Colors & Numbers in Design

Friday, July 12, 13

Page 45: Colors & Numbers in Design

Friday, July 12, 13

Page 46: Colors & Numbers in Design

Friday, July 12, 13

Page 47: Colors & Numbers in Design

Friday, July 12, 13

Page 48: Colors & Numbers in Design

Friday, July 12, 13

Page 49: Colors & Numbers in Design

Friday, July 12, 13

Page 50: Colors & Numbers in Design

bab! "ho#$!

Friday, July 12, 13

Page 51: Colors & Numbers in Design

bab! "ho#$!

Friday, July 12, 13

Page 52: Colors & Numbers in Design

Friday, July 12, 13

Page 53: Colors & Numbers in Design

Friday, July 12, 13

Page 54: Colors & Numbers in Design

Friday, July 12, 13

Page 55: Colors & Numbers in Design

Friday, July 12, 13

Page 56: Colors & Numbers in Design

Less is always more.

Friday, July 12, 13

Page 57: Colors & Numbers in Design

numbers

Friday, July 12, 13

Page 58: Colors & Numbers in Design

numbersThey can affect consumer’s attitudes

toward your product.

Friday, July 12, 13

Page 59: Colors & Numbers in Design

1, 2, 3, 5

Friday, July 12, 13

Page 60: Colors & Numbers in Design

1, 2, 3, 5Notice anything?

Friday, July 12, 13

Page 61: Colors & Numbers in Design

Friday, July 12, 13

Page 62: Colors & Numbers in Design

Friday, July 12, 13

Page 63: Colors & Numbers in Design

Friday, July 12, 13

Page 64: Colors & Numbers in Design

Friday, July 12, 13

Page 65: Colors & Numbers in Design

Friday, July 12, 13

Page 66: Colors & Numbers in Design

2

Friday, July 12, 13

Page 67: Colors & Numbers in Design

2

(steer clear of using this imagery..)

Friday, July 12, 13

Page 68: Colors & Numbers in Design

2

Friday, July 12, 13

Page 69: Colors & Numbers in Design

2

Friday, July 12, 13

Page 70: Colors & Numbers in Design

2

Friday, July 12, 13

Page 71: Colors & Numbers in Design

2

Friday, July 12, 13

Page 72: Colors & Numbers in Design

Friday, July 12, 13

Page 73: Colors & Numbers in Design

3

Friday, July 12, 13

Page 74: Colors & Numbers in Design

3

Friday, July 12, 13

Page 75: Colors & Numbers in Design

mind, body, soul3

Friday, July 12, 13

Page 76: Colors & Numbers in Design

mind, body, soulpast, present, future

3

Friday, July 12, 13

Page 77: Colors & Numbers in Design

mind, body, soulpast, present, futurethought, word, deed

3

Friday, July 12, 13

Page 78: Colors & Numbers in Design

mind, body, soulpast, present, futurethought, word, deeddawn, noon, dusk

3

Friday, July 12, 13

Page 79: Colors & Numbers in Design

mind, body, soulpast, present, futurethought, word, deeddawn, noon, dusk

animal, vegetable, mineral

3

Friday, July 12, 13

Page 80: Colors & Numbers in Design

mind, body, soulpast, present, futurethought, word, deeddawn, noon, dusk

animal, vegetable, mineralbeginning, middle, end

3

Friday, July 12, 13

Page 81: Colors & Numbers in Design

mind, body, soulpast, present, futurethought, word, deeddawn, noon, dusk

animal, vegetable, mineralbeginning, middle, end

green, yellow, red

3

Friday, July 12, 13

Page 82: Colors & Numbers in Design

mind, body, soulpast, present, futurethought, word, deeddawn, noon, dusk

animal, vegetable, mineralbeginning, middle, end

green, yellow, red

3

Friday, July 12, 13

Page 83: Colors & Numbers in Design

mind, body, soulpast, present, futurethought, word, deeddawn, noon, dusk

animal, vegetable, mineralbeginning, middle, end

green, yellow, red

3

Friday, July 12, 13

Page 84: Colors & Numbers in Design

3

Friday, July 12, 13

Page 85: Colors & Numbers in Design

Friday, July 12, 13

Page 86: Colors & Numbers in Design

Friday, July 12, 13

Page 87: Colors & Numbers in Design

Friday, July 12, 13

Page 88: Colors & Numbers in Design

Friday, July 12, 13

Page 89: Colors & Numbers in Design

Friday, July 12, 13

Page 90: Colors & Numbers in Design

5

Friday, July 12, 13

Page 91: Colors & Numbers in Design

Friday, July 12, 13

Page 92: Colors & Numbers in Design

5

Friday, July 12, 13

Page 93: Colors & Numbers in Design

5

Friday, July 12, 13

Page 94: Colors & Numbers in Design

5

Friday, July 12, 13

Page 95: Colors & Numbers in Design

Friday, July 12, 13

Page 96: Colors & Numbers in Design

Friday, July 12, 13

Page 97: Colors & Numbers in Design

Friday, July 12, 13

Page 98: Colors & Numbers in Design

Friday, July 12, 13

Page 99: Colors & Numbers in Design

Friday, July 12, 13

Page 100: Colors & Numbers in Design

Friday, July 12, 13

Page 101: Colors & Numbers in Design

Making something look good isn’t simple.

Friday, July 12, 13

Page 102: Colors & Numbers in Design

Making something look good isn’t simple.

But it is definitely doable, even if you’re not a designer.

Friday, July 12, 13