color. joe works at grob inc. joe likes coffee. joe likes coffee

62
Color

Upload: ezekiel-hersom

Post on 01-Apr-2015

227 views

Category:

Documents


7 download

TRANSCRIPT

Page 1: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee

Color

Page 2: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 3: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 4: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 5: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 6: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 7: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 8: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 9: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 10: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 11: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 12: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee

Joe works at Grob inc. Joe likes coffee.

Joe likes coffee

Page 13: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee

Joe’s colleagues Jim, James, Joyce, Jared and John like coffee too.

Page 14: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee

Redesign the cups for Joe and his friends. There are at least five ways,

and they can be combined too.

Page 15: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee

Typography

Page 16: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 17: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 18: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee

It is easier to read a dark text on a light background…

…than reading a light text on a dark background:La demineralizazion l'è l'operazion di ingegner de la chimica per trà via i minerai de l'aqua o d'un alter liquid. Normal-ment, i fa la demineralizazion prima de scaldà l'aqua...

Also, the contrast shouldn’t be too high:

Reading gray text on a white background can be good: ... inscí el calcar, ma anca i saa del sulfur ven...

As can a black text on a slightly colored back-ground: ...minga giò a sporcà i tubi di scambiadur.

Page 19: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 20: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 21: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee

Grouping (or distinguishing)

Page 22: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 23: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 24: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 25: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee

Visual weight

Page 26: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 27: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 28: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 29: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 30: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee

Space

Page 31: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 32: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 33: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee

Balance

Page 34: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 35: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 36: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 37: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee

Grid & alignment

Page 38: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 39: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 40: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 41: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 42: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee

Flow

Page 43: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 44: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 45: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 46: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 47: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 48: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 49: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 50: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 51: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 52: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee

Problems

Page 53: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 54: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 55: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 56: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 57: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee

CIE Colour GamutThe full colour gamut of the human eye is described by the colour area. T

Blue line: Color gamut of a CMYK device.

Yellow line: Color gamut of a RGB device.

Page 58: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 59: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 60: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 61: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee
Page 62: Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee

Famous last words: when in doubt – go safe

• Use few colors; create a palette

• Some pixels extra space is normally better than cluttering

• Use few fonts and font sizes

• Symmetrical rather than asymmetrical layout

• Use a grid as a basis for you layout