design ~ color use & abuse color use and abuse. design ~ color use & abuse color do’s: use...
DESCRIPTION
Design ~ Color Use & Abuse Designing with Color Primary Headlines Drop Caps Caption Overlays Content Modules Rule Lines Info-graphics Folio presentations Backgrounds Duotones Use Color in:TRANSCRIPT
![Page 1: Design ~ Color Use & Abuse COLOR Use and Abuse. Design ~ Color Use & Abuse Color Do’s: Use Color Purposefully Unify/Separate Content Emphasize/De-emphasize](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b077f8b9ab059988c6d/html5/thumbnails/1.jpg)
Design ~ Color Use & Abuse
COLOR Use and Abuse
![Page 2: Design ~ Color Use & Abuse COLOR Use and Abuse. Design ~ Color Use & Abuse Color Do’s: Use Color Purposefully Unify/Separate Content Emphasize/De-emphasize](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b077f8b9ab059988c6d/html5/thumbnails/2.jpg)
Design ~ Color Use & Abuse
Color Do’s:Use Color Purposefully
Unify/Separate ContentEmphasize/De-emphasize ContentDirect readers where to look first
Add personality to content
Use Color to:
![Page 3: Design ~ Color Use & Abuse COLOR Use and Abuse. Design ~ Color Use & Abuse Color Do’s: Use Color Purposefully Unify/Separate Content Emphasize/De-emphasize](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b077f8b9ab059988c6d/html5/thumbnails/3.jpg)
Design ~ Color Use & Abuse Designing with Color
Primary HeadlinesDrop CapsCaption OverlaysContent ModulesRule Lines
Info-graphicsFolio presentationsBackgroundsDuotones
Use Color in:
![Page 4: Design ~ Color Use & Abuse COLOR Use and Abuse. Design ~ Color Use & Abuse Color Do’s: Use Color Purposefully Unify/Separate Content Emphasize/De-emphasize](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b077f8b9ab059988c6d/html5/thumbnails/4.jpg)
Design ~ Color Use & Abuse Color Strategies
Echoing color from photosTheme/concept drivenChoose 2 cool and 1 warm or2 warm and 1 cool colors
![Page 5: Design ~ Color Use & Abuse COLOR Use and Abuse. Design ~ Color Use & Abuse Color Do’s: Use Color Purposefully Unify/Separate Content Emphasize/De-emphasize](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b077f8b9ab059988c6d/html5/thumbnails/5.jpg)
Design ~ Color Use & Abuse Color Don’ts
Body copy in colorPainting the page with colorColor overpowering the photosLack of a strategyTechnically weak color images
Color Abuses:
![Page 6: Design ~ Color Use & Abuse COLOR Use and Abuse. Design ~ Color Use & Abuse Color Do’s: Use Color Purposefully Unify/Separate Content Emphasize/De-emphasize](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b077f8b9ab059988c6d/html5/thumbnails/6.jpg)
Design ~ Color Use & Abuse
Dark, medium and light
values of a single color
provide contrast
THE COLOR WHEEL // Analogous
Do: Know your color wheel
![Page 7: Design ~ Color Use & Abuse COLOR Use and Abuse. Design ~ Color Use & Abuse Color Do’s: Use Color Purposefully Unify/Separate Content Emphasize/De-emphasize](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b077f8b9ab059988c6d/html5/thumbnails/7.jpg)
Design ~ Color Use & Abuse
Adjacent colors create pleasing,
low-contrast harmony
THE COLOR WHEEL // Analogous
Do: Know your color wheel
![Page 8: Design ~ Color Use & Abuse COLOR Use and Abuse. Design ~ Color Use & Abuse Color Do’s: Use Color Purposefully Unify/Separate Content Emphasize/De-emphasize](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b077f8b9ab059988c6d/html5/thumbnails/8.jpg)
Design ~ Color Use & Abuse
THE COLOR WHEEL // Complementary
Opposite colors create high-
contrast intensity
Do: Know your color wheel
![Page 9: Design ~ Color Use & Abuse COLOR Use and Abuse. Design ~ Color Use & Abuse Color Do’s: Use Color Purposefully Unify/Separate Content Emphasize/De-emphasize](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b077f8b9ab059988c6d/html5/thumbnails/9.jpg)
Design ~ Color Use & Abuse
THE COLOR WHEEL // Cool vs. warm colors
Cool colors (with a blue base) tend to
recede.
Warm colors (in the red/orange
families are perceived as advancing.
Do: Know your color wheel
![Page 10: Design ~ Color Use & Abuse COLOR Use and Abuse. Design ~ Color Use & Abuse Color Do’s: Use Color Purposefully Unify/Separate Content Emphasize/De-emphasize](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b077f8b9ab059988c6d/html5/thumbnails/10.jpg)
Design ~ Color Use & Abuse
is the most dramatic, intense and emotional color attracting the eye no matter where it appears. A very immediate color, red can appear closer than it is. Lighter hues in the red spectrum elicit joy and sensitivity, while deeper hues can translate to passion and anger. Physiologically, it is known to increase energy and appetite.
REDPurposeful Color Use ~
Color Psychology
![Page 11: Design ~ Color Use & Abuse COLOR Use and Abuse. Design ~ Color Use & Abuse Color Do’s: Use Color Purposefully Unify/Separate Content Emphasize/De-emphasize](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b077f8b9ab059988c6d/html5/thumbnails/11.jpg)
Design ~ Color Use & Abuse
COLOR | Use & Abuse
This combo of yellow and red is energetic, exciting and warm. It is an attention getting color, as is red, but in a more welcoming and friendly way. It also possessed a spiritual dimension associated with its connection to fire.
ORANGE
Purposeful Color Use ~ Color Psychology
![Page 12: Design ~ Color Use & Abuse COLOR Use and Abuse. Design ~ Color Use & Abuse Color Do’s: Use Color Purposefully Unify/Separate Content Emphasize/De-emphasize](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b077f8b9ab059988c6d/html5/thumbnails/12.jpg)
Design ~ Color Use & Abuse
While cheery and inviting, bright yellow can be difficult on the eye. Experts say it helps focus concentration and speed metabolism. Its optimistic reputation, however, is belied by studies that show yellow causes people to lose their tempers easily.
YELLOW
Purposeful Color Use ~ Color Psychology
![Page 13: Design ~ Color Use & Abuse COLOR Use and Abuse. Design ~ Color Use & Abuse Color Do’s: Use Color Purposefully Unify/Separate Content Emphasize/De-emphasize](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b077f8b9ab059988c6d/html5/thumbnails/13.jpg)
Design ~ Color Use & Abuse
Falling between blue and yellow, green is more versatile than either of its primary colors. Green represents nature, tranquility and health. It is also the color of money and darker greens are considered masculine and conservative. Lighter greens can be relaxing.
GREENPurposeful Color Use ~
Color Psychology
![Page 14: Design ~ Color Use & Abuse COLOR Use and Abuse. Design ~ Color Use & Abuse Color Do’s: Use Color Purposefully Unify/Separate Content Emphasize/De-emphasize](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b077f8b9ab059988c6d/html5/thumbnails/14.jpg)
Design ~ Color Use & Abuse
One of the most abundant colors in the world, blue is the hue most often cited as a favorite. Blue is considered serene and peaceful, but the use of blue as a synonym for sadness has it roots in psychology as well. Some studies show that blue causes people to be more productive, but it can also be an appetite suppressant. Light blue can look larger than it is.
BLUEPurposeful Color Use ~
Color Psychology
![Page 15: Design ~ Color Use & Abuse COLOR Use and Abuse. Design ~ Color Use & Abuse Color Do’s: Use Color Purposefully Unify/Separate Content Emphasize/De-emphasize](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b077f8b9ab059988c6d/html5/thumbnails/15.jpg)
Design ~ Color Use & Abuse
Because of its mix of red and blue, purple tones can vary greatly and lean toward very warm or very cool hues. Purple is less common than other colors in nature so it can appear to be artificial. It has long been considered the color of royalty and connotes luxury and femininity. Young children are often drawn to purple.
PURPLEPurposeful Color Use ~
Color Psychology
![Page 16: Design ~ Color Use & Abuse COLOR Use and Abuse. Design ~ Color Use & Abuse Color Do’s: Use Color Purposefully Unify/Separate Content Emphasize/De-emphasize](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b077f8b9ab059988c6d/html5/thumbnails/16.jpg)
Design ~ Color Use & Abuse
Purposeful Color Use ~ Theme-related color folio bars
![Page 17: Design ~ Color Use & Abuse COLOR Use and Abuse. Design ~ Color Use & Abuse Color Do’s: Use Color Purposefully Unify/Separate Content Emphasize/De-emphasize](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b077f8b9ab059988c6d/html5/thumbnails/17.jpg)
Design ~ Color Use & Abuse
Purposeful Color Use ~Color used to unify content & add personality
![Page 18: Design ~ Color Use & Abuse COLOR Use and Abuse. Design ~ Color Use & Abuse Color Do’s: Use Color Purposefully Unify/Separate Content Emphasize/De-emphasize](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b077f8b9ab059988c6d/html5/thumbnails/18.jpg)
Design ~ Color Use & Abuse
Six colored squares run on every page as part of the folio. Each section features two colors from the folio squares for unity. The Sports section colors are blue/yellow
Purposeful Color Use ~ Color coded sections.
![Page 19: Design ~ Color Use & Abuse COLOR Use and Abuse. Design ~ Color Use & Abuse Color Do’s: Use Color Purposefully Unify/Separate Content Emphasize/De-emphasize](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b077f8b9ab059988c6d/html5/thumbnails/19.jpg)
Design ~ Color Use & Abuse
Purposeful Color Use ~Sections are color coded, and 1 pic out of the
photo strip is duotone in the section color.
![Page 20: Design ~ Color Use & Abuse COLOR Use and Abuse. Design ~ Color Use & Abuse Color Do’s: Use Color Purposefully Unify/Separate Content Emphasize/De-emphasize](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b077f8b9ab059988c6d/html5/thumbnails/20.jpg)
Design ~ Color Use & Abuse
Purposeful Color Use ~ Monochromatic color scheme
![Page 21: Design ~ Color Use & Abuse COLOR Use and Abuse. Design ~ Color Use & Abuse Color Do’s: Use Color Purposefully Unify/Separate Content Emphasize/De-emphasize](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b077f8b9ab059988c6d/html5/thumbnails/21.jpg)
Design ~ Color Use & Abuse
Purposeful Color Use ~Color accents the headline and separates content
modules.
Color blocks are used behind captions and the photo strip to create unity across pages
![Page 22: Design ~ Color Use & Abuse COLOR Use and Abuse. Design ~ Color Use & Abuse Color Do’s: Use Color Purposefully Unify/Separate Content Emphasize/De-emphasize](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b077f8b9ab059988c6d/html5/thumbnails/22.jpg)
Design ~ Color Use & Abuse
Purposeful Color Use ~ Echoing color from photos
![Page 23: Design ~ Color Use & Abuse COLOR Use and Abuse. Design ~ Color Use & Abuse Color Do’s: Use Color Purposefully Unify/Separate Content Emphasize/De-emphasize](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b077f8b9ab059988c6d/html5/thumbnails/23.jpg)
Design ~ Color Use & Abuse
Purposeful Color Use ~ Duotones to create mood.
![Page 24: Design ~ Color Use & Abuse COLOR Use and Abuse. Design ~ Color Use & Abuse Color Do’s: Use Color Purposefully Unify/Separate Content Emphasize/De-emphasize](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b077f8b9ab059988c6d/html5/thumbnails/24.jpg)
Design ~ Color Use & Abuse
Professional Examples ~ Color echo links the logo to the pencils
![Page 25: Design ~ Color Use & Abuse COLOR Use and Abuse. Design ~ Color Use & Abuse Color Do’s: Use Color Purposefully Unify/Separate Content Emphasize/De-emphasize](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b077f8b9ab059988c6d/html5/thumbnails/25.jpg)
Design ~ Color Use & Abuse
Professional Examples ~ Repeating purple unifies the spread
![Page 26: Design ~ Color Use & Abuse COLOR Use and Abuse. Design ~ Color Use & Abuse Color Do’s: Use Color Purposefully Unify/Separate Content Emphasize/De-emphasize](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b077f8b9ab059988c6d/html5/thumbnails/26.jpg)
Design ~ Color Use & Abuse
Professional Examples ~ Color defines content modules
![Page 27: Design ~ Color Use & Abuse COLOR Use and Abuse. Design ~ Color Use & Abuse Color Do’s: Use Color Purposefully Unify/Separate Content Emphasize/De-emphasize](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b077f8b9ab059988c6d/html5/thumbnails/27.jpg)
Design ~ Color Use & Abuse
Professional Examples ~Artistic use of color accents content.
![Page 28: Design ~ Color Use & Abuse COLOR Use and Abuse. Design ~ Color Use & Abuse Color Do’s: Use Color Purposefully Unify/Separate Content Emphasize/De-emphasize](https://reader035.vdocuments.us/reader035/viewer/2022062302/5a4d1b077f8b9ab059988c6d/html5/thumbnails/28.jpg)
Design ~ Color Use & Abuse
Professional Examples ~ Color visually links the text and the image