Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee.

62
Color

Transcript of Color. Joe works at Grob inc. Joe likes coffee. Joe likes coffee.

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