Using Color in Communication Design Created by J. Shannon Info from “The Non-Designers Design...

17
Using Color in Communication Design Created by J. Shannon Info from “The Non-Designers Design Book” by Robin Williams, 3 rd edition, 2008

Transcript of Using Color in Communication Design Created by J. Shannon Info from “The Non-Designers Design...

Page 1: Using Color in Communication Design Created by J. Shannon Info from “The Non-Designers Design Book” by Robin Williams, 3 rd edition, 2008.

Using Color in Communication Design

Created by J. ShannonInfo from “The Non-Designers Design Book”

by Robin Williams, 3rd edition, 2008

Page 2: Using Color in Communication Design Created by J. Shannon Info from “The Non-Designers Design Book” by Robin Williams, 3 rd edition, 2008.

Review: Color Wheel

• Primary Colors– Red– Blue– Yellow

Page 3: Using Color in Communication Design Created by J. Shannon Info from “The Non-Designers Design Book” by Robin Williams, 3 rd edition, 2008.

Review: Color Wheel

• Secondary Colors– Orange– Purple– Green

Page 4: Using Color in Communication Design Created by J. Shannon Info from “The Non-Designers Design Book” by Robin Williams, 3 rd edition, 2008.

Review: Color Wheel

• Intermediate Colors– Yellow-Green– Blue-Green– Purple-Blue– Red-Purple– Red-Orange– Yellow Orange

Page 5: Using Color in Communication Design Created by J. Shannon Info from “The Non-Designers Design Book” by Robin Williams, 3 rd edition, 2008.

Review: Color Wheel Relationships

• Complementary colors are the colors directly across from each other on the color wheel. The opposites or complmentaries– Blue and orange– Red and Green– Yellow and purple

Page 6: Using Color in Communication Design Created by J. Shannon Info from “The Non-Designers Design Book” by Robin Williams, 3 rd edition, 2008.

Review: Color Wheel Relationships

• Triads are a set of three colors equidistant from each other on the wheel.

• Primary triad• Secondary Triad• All other triads have

underlying colors that connect them which make them very visually pleasing.

Page 7: Using Color in Communication Design Created by J. Shannon Info from “The Non-Designers Design Book” by Robin Williams, 3 rd edition, 2008.

Review: Color Wheel Relationships

• Split Triads are three colors.

• Choose a color from one side of the wheel, find it’s compliment directly across but use the two colors on each side of the compliment.

• Creates a more sophisticated look.

Page 8: Using Color in Communication Design Created by J. Shannon Info from “The Non-Designers Design Book” by Robin Williams, 3 rd edition, 2008.

Review: Color Wheel Relationships

• Analogous Colors are the colors next to each other on the wheel.

Page 9: Using Color in Communication Design Created by J. Shannon Info from “The Non-Designers Design Book” by Robin Williams, 3 rd edition, 2008.

Review: Color Wheel Relationships

• Hues, Shades and Tints

• The Hues are the pure colors

• Shades are the hues with black added

• Tints are the hues with white added

Page 10: Using Color in Communication Design Created by J. Shannon Info from “The Non-Designers Design Book” by Robin Williams, 3 rd edition, 2008.

Review: Color Wheel Relationships

• Monochromatic Colors are the hues of one color and it’s corresponding tints and shades.

Page 11: Using Color in Communication Design Created by J. Shannon Info from “The Non-Designers Design Book” by Robin Williams, 3 rd edition, 2008.

Tone

• Tone refers to the brightness or deepness of a color

• Two very similar tones can be hard to read in a text.

• Try not to bump tones up together and don’t use the same amounts of each.

Page 12: Using Color in Communication Design Created by J. Shannon Info from “The Non-Designers Design Book” by Robin Williams, 3 rd edition, 2008.

Tone too Similar

Page 13: Using Color in Communication Design Created by J. Shannon Info from “The Non-Designers Design Book” by Robin Williams, 3 rd edition, 2008.

Tones are Good

Page 14: Using Color in Communication Design Created by J. Shannon Info from “The Non-Designers Design Book” by Robin Williams, 3 rd edition, 2008.

Warm & Cool Colors

Page 15: Using Color in Communication Design Created by J. Shannon Info from “The Non-Designers Design Book” by Robin Williams, 3 rd edition, 2008.

Where to start when you are choosing colors

• Ask some of the following questions :– Is this a seasonal project?– Are there official company colors?– Does your project include a photograph or

other image?– Choose a color from the image or photograph– If the project is over a long period, pick a color

palet to refer to often– CMYK vs RGB

Page 16: Using Color in Communication Design Created by J. Shannon Info from “The Non-Designers Design Book” by Robin Williams, 3 rd edition, 2008.

CMYK vs. RGB

• Print vs Web• CMYK stands for Cyan (blue), Magenta

(red), Yellow and the key color which is black. In ink you can print many thousands of colors

• Four-color process• RGB stands for Red, Green and Blue and

are the colors on your computer monitor, television, iphone etc.

Page 17: Using Color in Communication Design Created by J. Shannon Info from “The Non-Designers Design Book” by Robin Williams, 3 rd edition, 2008.