Indian Interior Design Interior Designers Interior Design Home
Using Color in Communication Design Created by J. Shannon Info from “The Non-Designers Design...
-
Upload
hannah-banks -
Category
Documents
-
view
214 -
download
1
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.](https://reader036.fdocuments.us/reader036/viewer/2022082818/56649e7a5503460f94b7abe5/html5/thumbnails/1.jpg)
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.](https://reader036.fdocuments.us/reader036/viewer/2022082818/56649e7a5503460f94b7abe5/html5/thumbnails/2.jpg)
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.](https://reader036.fdocuments.us/reader036/viewer/2022082818/56649e7a5503460f94b7abe5/html5/thumbnails/3.jpg)
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.](https://reader036.fdocuments.us/reader036/viewer/2022082818/56649e7a5503460f94b7abe5/html5/thumbnails/4.jpg)
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.](https://reader036.fdocuments.us/reader036/viewer/2022082818/56649e7a5503460f94b7abe5/html5/thumbnails/5.jpg)
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.](https://reader036.fdocuments.us/reader036/viewer/2022082818/56649e7a5503460f94b7abe5/html5/thumbnails/6.jpg)
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.](https://reader036.fdocuments.us/reader036/viewer/2022082818/56649e7a5503460f94b7abe5/html5/thumbnails/7.jpg)
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.](https://reader036.fdocuments.us/reader036/viewer/2022082818/56649e7a5503460f94b7abe5/html5/thumbnails/8.jpg)
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.](https://reader036.fdocuments.us/reader036/viewer/2022082818/56649e7a5503460f94b7abe5/html5/thumbnails/9.jpg)
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.](https://reader036.fdocuments.us/reader036/viewer/2022082818/56649e7a5503460f94b7abe5/html5/thumbnails/10.jpg)
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.](https://reader036.fdocuments.us/reader036/viewer/2022082818/56649e7a5503460f94b7abe5/html5/thumbnails/11.jpg)
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.](https://reader036.fdocuments.us/reader036/viewer/2022082818/56649e7a5503460f94b7abe5/html5/thumbnails/12.jpg)
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.](https://reader036.fdocuments.us/reader036/viewer/2022082818/56649e7a5503460f94b7abe5/html5/thumbnails/13.jpg)
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.](https://reader036.fdocuments.us/reader036/viewer/2022082818/56649e7a5503460f94b7abe5/html5/thumbnails/14.jpg)
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.](https://reader036.fdocuments.us/reader036/viewer/2022082818/56649e7a5503460f94b7abe5/html5/thumbnails/15.jpg)
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.](https://reader036.fdocuments.us/reader036/viewer/2022082818/56649e7a5503460f94b7abe5/html5/thumbnails/16.jpg)
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.](https://reader036.fdocuments.us/reader036/viewer/2022082818/56649e7a5503460f94b7abe5/html5/thumbnails/17.jpg)