SlideShare una empresa de Scribd logo
1 de 46
Descargar para leer sin conexión
Colors in Infographics

Kumar Sourabh
Ranju K Ravindran
Dushyant Palriwal
Colors in Infographics
Colors and Infographics
Colors and Infographics

Color is an element of visual design
Colors and Infographics

Color is the visual perceptual property corresponding in humans to the
categories called red, blue, yellow, green and others. Color derives from
the spectrum of light (distribution of light power versus wavelength)
interacting in the eye with the spectral sensitivities of the light receptors.
Color categories and physical specifications of color are also associated
with objects, materials, light sources, etc., based on their physical
properties such as light absorption, reflection, or emission spectra. By
defining a color space, colors can be identified numerically by their
coordinates.
Color is a powerful and important communication tool, and it is tied to
religious, cultural, political and social influences. By stopping to consider
what each color represents and is linked to in the ‘real world’ we can
make informed design decisions that ensure we appeal to our target
audience. Without this consideration we run the risk of offending the very
people were are designing for.
Colors and Infographics

Color is the visual perceptual property corresponding in humans to the
categories called red, blue, yellow, green and others. Color derives from
the spectrum of light (distribution of light power versus wavelength)
interacting in the eye with the spectral sensitivities of the light receptors.
Color categories and physical specifications of color are also associated
with objects, materials, light sources, etc., based on their physical
properties such as light absorption, reflection, or emission spectra. By
defining a color space, colors can be identified numerically by their
coordinates.
Color is a powerful and important communication tool, and it is tied to
religious, cultural, political and social influences. By stopping to consider
what each color represents and is linked to in the ‘real world’ we can
make informed design decisions that ensure we appeal to our target
audience. Without this consideration we run the risk of offending the very
people were are designing for.
Colors and Infographics
Colors and Infographics
Colors and Infographics

Color can convey a message.
It can change or emphasize the meaning of a word or an image
Colors and Infographics

Image source: http://stuffpoint.com/fruit/image/169742-fruit-fruits.jpg
Colors and Infographics

Image source: http://stuffpoint.com/fruit/image/169742-fruit-fruits.jpg
Colors and Infographics
Colors and Infographics

Yellow : joy, gold
happiness, hope,
illness, betrayal,
optimism, Rich,
idealism,
imagination, etc.

Red: Excitement,
energy, passion,
love, desire,
speed, strength,
power, heat,
aggression, etc.
Blue: Peace,
tranquility, cold,
calm, stability,
harmony, unity,
trust, truth,
confidence, etc

Green: Nature,
environment,
healthy, good
luck, renewal,
youth, spring,
generosity, etc.

Purple: Royalty,
nobility, Wisdom,
spirituality,
ceremony,
mysterious,
transformation,
Orange: Energy,
balance,
enthusiasm,
warmth, vibrant,
expansive,
flamboyant, etc

Pink symbolizes
love and
romance, caring,
tenderness,
acceptance and
calm.

The meanings of color and the emotions conveyed vary according to culture.
Colors and Infographics

Color has Cultural Significance

Image source: http://www.flagcentral.org/images/Globe.jpg
Colors and Infographics

Colors have message.

http://www.stevenedson.com/data/photos/380_108_monks_sep3120.jpg
Colors and Infographics

INFOGRAPHICS

is INFORMATION GRAPHICS
Colors and Infographics

INFOGRAPHICS

is INFORMATION GRAPHICS

VISUAL

CONTENT

KNOWLEDGE
Colors and Infographics

INFOGRAPHICS

is INFORMATION GRAPHICS

VISUAL

CONTENT

KNOWLEDGE

1. Color Coding
2. Graphics
3. Reference Icons

1. Time Frames
2. Statistics
3. References

1. Facts
2. Deductions
Colors and Infographics

Data source: http://censusindia.gov.in/
Colors and Infographics

Image source: http://www.indiaonlinepages.com/population/population-map-of-india.html
Colors and Infographics

The Digestive Process:
The start of the process - the mouth: The digestive process begins in the mouth. Food is partly broken down by the
process of chewing and by the chemical action of salivary enzymes (these enzymes are produced by the salivary
glands and break down starches into smaller molecules).
On the way to the stomach: the esophagus - After being chewed and swallowed, the food enters the esophagus.
The esophagus is a long tube that runs from the mouth to the stomach. It uses rhythmic, wave-like muscle
movements (called peristalsis) to force food from the throat into the stomach. This muscle movement gives us the
ability to eat or drink even when we're upside-down.
In the stomach - The stomach is a large, sack-like organ that churns the food and bathes it in a very strong acid
(gastric acid). Food in the stomach that is partly digested and mixed with stomach acids is called chyme.
In the small intestine - After being in the stomach, food enters the duodenum, the first part of the small intestine. It
then enters the jejunum and then the ileum (the final part of the small intestine). In the small intestine, bile
(produced in the liver and stored in the gall bladder), pancreatic enzymes, and other digestive enzymes produced by
the inner wall of the small intestine help in the breakdown of food.
In the large intestine - After passing through the small intestine, food passes into the large intestine. In the large
intestine, some of the water and electrolytes (chemicals like sodium) are removed from the food. Many microbes
(bacteria like Bacteroides, Lactobacillus acidophilus, Escherichia coli, and Klebsiella) in the large intestine help in the
digestion process. The first part of the large intestine is called the cecum (the appendix is connected to the cecum).
Food then travels upward in the ascending colon. The food travels across the abdomen in the transverse colon, goes
back down the other side of the body in the descending colon, and then through the sigmoid colon.
The end of the process - Solid waste is then stored in the rectum until it is excreted via the anus.
http://www.enchantedlearning.com/subjects/anatomy/digestive/
Colors and Infographics

http://methiscool.files.wordpress.com/2012/04/21_04bhumandigestivesys-l.jpg
Colors and Infographics

USD to INR Exchange Rates of Last 30 Days
Friday, August 16th: The US dollar hit a fresh record against the Indian rupee of 61.71364.
Thursday, August 15th: The pair declined slightly, to 61.31985.
Monday, August 12th - Wednesday, August 14th: Three consecutive increases brought the USD/INR currency pair to 61.44378.
Friday, August 9th: A second consecutive depreciation brought the US dollar to Indian rupee exchange rate to 60.79713.
Thursday, August 8th: The US dollar started to depreciate again against the Indian currency, the quote falling to 60.86153.
Wednesday, August 7th: The USD/INR currency pair moved up to 61.25216.
Tuesday, August 6th: A second consecutive depreciation brought the pair to 60.80873.
Monday, August 5th: The US dollar started to depreciate again against the Indian rupee, the USD/INR quote going down to
60.87501.
Thursday, August 1st - Friday, August 2nd: The went up for two consecutive trading days, reaching the level of 61.10505 Indian
rupees to the US dollar on Friday, August 2nd.
Wednesday, July 31st: The US dollar to Indian rupee quotation decreased to 60.40527.
Monday, July 29th - Tuesday, July 30th: The USD/INR cross went up for two trading days in a row, reaching 60.48479.
Friday, July 26th: The quotation declined to 59.04223. This was the lowest in five weeks.
Thursday, July 25th: The USD/INR cross rose by 0.02875, from 59.07972 to 59.10847.
Wednesday, July 24th: The exchange dipped from 59.72534 to 59.07972.
Tuesday, July 23rd: The quote increased again, by 0.00181.
Monday, July 22nd: The US dollar started to appreciate again against the Indian currency; the rate went up to 59.72353, from
59.50469.
Friday, July 19th: The quotation decreased to 59.50469.
Wednesday, July 17th - Thursday, July 18th: The USD/INR exchange rate rose from 59.14469 to 59.65019.
http://www.tititudorancea.com/z/usd_to_inr_exchange_rates_american_indian_rupee.htm
Colors and Infographics

USD to INR Exchange Rates of Last 30 Days

61.7136
61.1794
60.6451
60.1108

59.5765
59.0422

16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

16 July-16 August 2013

http://www.tititudorancea.com/z/usd_to_inr_exchange_rates_american_indian_rupee.htm
Colors and Infographics

An infographic (information graphic) is a representation of information in a graphic format
designed to make the data easily understandable at a glance. People use infographics to
quickly communicate a message, to simplify the presentation of large amounts of data, to see
data patterns and relationships, and to monitor changes in variables over time.
Colors and Infographics

in Infographics
Colors and Infographics

Reasons to Use Color in Infographics
1. Use color to speed visual search

Color coding is a way to convey information quickly, which facilitates visual search. In this Washington
D.C. metro map, as with most schematic subway maps, color coded lines represent the different rail
lines. Visual searching occurs when we actively scan the environment to locate a specific feature
among many distractors. In this case, color makes it easier to visually follow the path of a rail line,
speeding up the search process.
Colors and Infographics

Reasons to Use Color in Infographics
1. Use color to speed visual search

Image Source: http://upload.wikimedia.org/wikipedia/commons/9/9c/Wash-dc-metro-map.png
Colors and Infographics

2. Use color to improve object recognition

We recognize objects more quickly when their colors reflect what we see in the physical world.

Image source: http://www.jonevaristo.com/whams/wp-content/uploads/2011/11/16_animal_illustrations_complte.jpg
Colors and Infographics

2. Use color to improve object recognition

Image source: http://www.jonevaristo.com/whams/wp-content/uploads/2011/11/16_animal_illustrations_complte.jpg
Colors and Infographics

3. Use color to enhance meaning

Bright colors above represent something of value
Our brains are compelled to find meaning, whether it is intended or not. Because the eyes are
attracted to bright and high-contrast colors, viewers will derive meaning from something that stands
out. When you use color for emphasis, it’s like shouting that this object or element has the greatest
value. At the Puma website, the red is used to prominently display logo.

http://www.hybridlava.com/wp-content/uploads/Colourful-Website-Designs18.jpg
Colors and Infographics

3. Use color to enhance meaning

http://www.hybridlava.com/wp-content/uploads/Colourful-Website-Designs18.jpg
Colors and Infographics

4. Use color to convey structure

Color is often used in technical documentation and textbooks to convey structure. Each chapter might
feature a different colored heading and a block of the same color may appear on each page, making it
easy to distinguish between chapters. Another approach to color structure can be found in the book,
Designing for Small Screens. Each chapter is organized into three sections, denoted by vivid colors. The
sections form three tracks running through the book, which is described visually in the table of
contents shown above.

Image source: httppublications.msss.gouv.qc.caacrobatfdocumentation200808-289-19A.pdf
Colors and Infographics

4. Use color to convey structure

Image source: httppublications.msss.gouv.qc.caacrobatfdocumentation200808-289-19A.pdf
Colors and Infographics

5. Use color to establish identity

In the sphere of marketing and advertising, brand identity is the visual essence of a business or
organization. Visual identity is often highly correlated with color through symbolism (see below). The
chosen color, in consort with other aspects of the design, has the potential to project the entire flavor
of the organization to the world.

http://blog.crowdspring.com/wp-content/uploads/2009/11/2616906744_a238697a95_b.jpg
Colors and Infographics

5. Use color to establish identity

http://blog.crowdspring.com/wp-content/uploads/2009/11/2616906744_a238697a95_b.jpg
Colors and Infographics

6. Use color for symbolism

Color elicits both cultural and psychological associations that are symbolic of ideas, concepts and
feelings. Context plays a part in color symbolism, meaning that one color can have positive or negative
connotations depending on the larger framework. For example, although blue is often associated with
strength and and brown is as negativity.

Image source: http://www.exoticindia.com/oils/oq43.jpg
Colors and Infographics

6. Use color for symbolism

Image source: http://www.exoticindia.com/oils/oq43.jpg
Colors and Infographics

7. Use color to improve usability

The wise use of color can improve usability for everything from everyday objects to way finding.
Consider the glaring red medical waste bags in a hospital, lab or doctor’s office. Different colors in
traffic symbols like yellow, blue, red, green black they all have different meanings to communicate to
people.

Image source: http://www.nevron.com/gallery/FullGalleries/diagram/Shapes/images/TrafficSignsShapes.png
Colors and Infographics

7. Use color to improve usability

Image source: http://www.nevron.com/gallery/FullGalleries/diagram/Shapes/images/TrafficSignsShapes.png
Colors and Infographics

Examples

Image source: http://un.org.au/files/2013/07/MDG3_July.jpg
Colors and Infographics

http://api.ning.com/files/i2O61KFpPEQXqN2oTvJiT--by5lL8BBLChy03DJ39UZ8ZfNTRJ4aWanDxmnNh*3ECJrtZWRctRYN6*qTNx7ZdoyNAtbbMUEF/rain_kumarapuram.jpg
Colors and Infographics

http://www.dreamgrow.com/wp-content/uploads/2011/02/facebook-growth.jpg
Colors and Infographics

http://media.creativebloq.futurecdn.net/sites/creativebloq.com/files/images/2012/08/paralympicsaa.jpg
Colors and Infographics

References
• http://www.hongkiat.com/blog/infographics-web-designers/
• https://www.google.co.in/search?
newwindow=1&site=&source=hp&q=color+in+infographics&oq=colours+in+infograp&gs_l=hp.1.0
.0i22i30l3.5778.15326.0.19522.21.18.1.2.2.0.252.2746.1j16j1.18.0....0...1c.1.25.hp..2.19.2468.7iP
7kNrurIg
• http://designcrux.netfirms.com/infograph.html
• http://wilkinsondarren.wordpress.com/2013/05/24/colour-guide-for-scientific-graphs-andillustrations/
• http://understandinggraphics.com/design/10-reasons-to-use-color/
• http://inspiredm.com/9-interesting-infographics-about-color/
• http://visual.ly/color-guide-designers
• http://www.colormatters.com/color-symbolism/color-symbolism-theories
• http://www.incredibleart.org/lessons/middle/color2.htm
• http://blog.teamtreehouse.com/how-colour-communicates-meaning
Thank you

Más contenido relacionado

Destacado

3 Important Things in Infographics
3 Important Things in Infographics3 Important Things in Infographics
3 Important Things in InfographicsPitra Satvika
 
Infographics & Data Visualisation
Infographics & Data VisualisationInfographics & Data Visualisation
Infographics & Data Visualisationtrisnadi
 
مهارات العرض والإلقاء
مهارات العرض والإلقاءمهارات العرض والإلقاء
مهارات العرض والإلقاءMohammad Abu Alkomboz
 
12 Steps To Creating a Successful Infographic
12 Steps To Creating a Successful Infographic12 Steps To Creating a Successful Infographic
12 Steps To Creating a Successful InfographicColumn Five
 
التسويق عبر اليوتيوب..
التسويق عبر اليوتيوب..التسويق عبر اليوتيوب..
التسويق عبر اليوتيوب..Mohammad Abu Alkomboz
 
All About Infographics in 99 Seconds
All About Infographics in 99 SecondsAll About Infographics in 99 Seconds
All About Infographics in 99 SecondsAyman Sadiq
 
Digital, Social & Mobile in India in 2015
Digital, Social & Mobile in India in 2015Digital, Social & Mobile in India in 2015
Digital, Social & Mobile in India in 2015We Are Social Singapore
 
The Future of Infographics
The Future of InfographicsThe Future of Infographics
The Future of InfographicsColumn Five
 
Collection of Social Media Infographics
Collection of Social Media InfographicsCollection of Social Media Infographics
Collection of Social Media InfographicsLaSandra Brill
 
How to make infographics - popular infographics tool online
How to make infographics  - popular infographics tool onlineHow to make infographics  - popular infographics tool online
How to make infographics - popular infographics tool onlineAcodez IT Solutions
 
Infographics Shapes TimeLines PPT Flow Diagrams - infodiagram part2
Infographics Shapes TimeLines PPT Flow Diagrams - infodiagram part2Infographics Shapes TimeLines PPT Flow Diagrams - infodiagram part2
Infographics Shapes TimeLines PPT Flow Diagrams - infodiagram part2Peter Zvirinsky
 
Why are Infographics Important
Why are Infographics ImportantWhy are Infographics Important
Why are Infographics ImportantRobin Richards
 
How I Created Easy Infographics Using MS PowerPoint
How I Created Easy Infographics Using MS PowerPointHow I Created Easy Infographics Using MS PowerPoint
How I Created Easy Infographics Using MS PowerPointKimberly Gauthier
 
Infographics Text Lists Powerpoint diagrams
Infographics Text Lists Powerpoint diagramsInfographics Text Lists Powerpoint diagrams
Infographics Text Lists Powerpoint diagramsPeter Zvirinsky
 
The Power of Infographics
The Power of InfographicsThe Power of Infographics
The Power of InfographicsMark Smiciklas
 

Destacado (16)

3 Important Things in Infographics
3 Important Things in Infographics3 Important Things in Infographics
3 Important Things in Infographics
 
Infographics & Data Visualisation
Infographics & Data VisualisationInfographics & Data Visualisation
Infographics & Data Visualisation
 
مهارات العرض والإلقاء
مهارات العرض والإلقاءمهارات العرض والإلقاء
مهارات العرض والإلقاء
 
12 Steps To Creating a Successful Infographic
12 Steps To Creating a Successful Infographic12 Steps To Creating a Successful Infographic
12 Steps To Creating a Successful Infographic
 
التسويق عبر اليوتيوب..
التسويق عبر اليوتيوب..التسويق عبر اليوتيوب..
التسويق عبر اليوتيوب..
 
All About Infographics in 99 Seconds
All About Infographics in 99 SecondsAll About Infographics in 99 Seconds
All About Infographics in 99 Seconds
 
Digital Marketing
Digital Marketing Digital Marketing
Digital Marketing
 
Digital, Social & Mobile in India in 2015
Digital, Social & Mobile in India in 2015Digital, Social & Mobile in India in 2015
Digital, Social & Mobile in India in 2015
 
The Future of Infographics
The Future of InfographicsThe Future of Infographics
The Future of Infographics
 
Collection of Social Media Infographics
Collection of Social Media InfographicsCollection of Social Media Infographics
Collection of Social Media Infographics
 
How to make infographics - popular infographics tool online
How to make infographics  - popular infographics tool onlineHow to make infographics  - popular infographics tool online
How to make infographics - popular infographics tool online
 
Infographics Shapes TimeLines PPT Flow Diagrams - infodiagram part2
Infographics Shapes TimeLines PPT Flow Diagrams - infodiagram part2Infographics Shapes TimeLines PPT Flow Diagrams - infodiagram part2
Infographics Shapes TimeLines PPT Flow Diagrams - infodiagram part2
 
Why are Infographics Important
Why are Infographics ImportantWhy are Infographics Important
Why are Infographics Important
 
How I Created Easy Infographics Using MS PowerPoint
How I Created Easy Infographics Using MS PowerPointHow I Created Easy Infographics Using MS PowerPoint
How I Created Easy Infographics Using MS PowerPoint
 
Infographics Text Lists Powerpoint diagrams
Infographics Text Lists Powerpoint diagramsInfographics Text Lists Powerpoint diagrams
Infographics Text Lists Powerpoint diagrams
 
The Power of Infographics
The Power of InfographicsThe Power of Infographics
The Power of Infographics
 

Similar a Colors and infographics

E10-Q4-MELC-5-LAS-8.pdf
E10-Q4-MELC-5-LAS-8.pdfE10-Q4-MELC-5-LAS-8.pdf
E10-Q4-MELC-5-LAS-8.pdfNanzReynancia
 
The Paradox Of Dominate Ideologies In The Fight Of Social...
The Paradox Of Dominate Ideologies In The Fight Of Social...The Paradox Of Dominate Ideologies In The Fight Of Social...
The Paradox Of Dominate Ideologies In The Fight Of Social...Amy Moore
 
How To Write A Analysis Essay Example
How To Write A Analysis Essay ExampleHow To Write A Analysis Essay Example
How To Write A Analysis Essay ExampleAshley Ito
 
Psychology of color in marketing and branding
Psychology of color in marketing and brandingPsychology of color in marketing and branding
Psychology of color in marketing and brandingShagufta Rahman
 
Psychology of-color-in-marketing-and-branding
Psychology of-color-in-marketing-and-brandingPsychology of-color-in-marketing-and-branding
Psychology of-color-in-marketing-and-brandingSachcha Bhuiyan
 
Essay On Srinivasa Ramanujan In Marathi
Essay On Srinivasa Ramanujan In MarathiEssay On Srinivasa Ramanujan In Marathi
Essay On Srinivasa Ramanujan In MarathiErica Turner
 
Linking Words For Essay Writing - Template 01
Linking Words For Essay Writing - Template 01Linking Words For Essay Writing - Template 01
Linking Words For Essay Writing - Template 01Jackie Ramirez
 
E0315030039
E0315030039E0315030039
E0315030039theijes
 
Handouts March 23, 2014 - Singapore - Work on Multiple Intelligences for Sm...
Handouts   March 23, 2014 - Singapore - Work on Multiple Intelligences for Sm...Handouts   March 23, 2014 - Singapore - Work on Multiple Intelligences for Sm...
Handouts March 23, 2014 - Singapore - Work on Multiple Intelligences for Sm...Thomas Armstrong
 
Color Study
Color Study Color Study
Color Study Xiao Yun
 
Color Psychology and in brands marketing.pdf
Color Psychology and in brands marketing.pdfColor Psychology and in brands marketing.pdf
Color Psychology and in brands marketing.pdfAshutosh Kumar
 
Final project
Final projectFinal project
Final projectEunice Ng
 

Similar a Colors and infographics (20)

My Favorite Color
My Favorite ColorMy Favorite Color
My Favorite Color
 
Example Of Expository Essay Writing
Example Of Expository Essay WritingExample Of Expository Essay Writing
Example Of Expository Essay Writing
 
Essay On Heritage Assessment
Essay On Heritage AssessmentEssay On Heritage Assessment
Essay On Heritage Assessment
 
Essay On Color Psychology
Essay On Color PsychologyEssay On Color Psychology
Essay On Color Psychology
 
E10-Q4-MELC-5-LAS-8.pdf
E10-Q4-MELC-5-LAS-8.pdfE10-Q4-MELC-5-LAS-8.pdf
E10-Q4-MELC-5-LAS-8.pdf
 
The Paradox Of Dominate Ideologies In The Fight Of Social...
The Paradox Of Dominate Ideologies In The Fight Of Social...The Paradox Of Dominate Ideologies In The Fight Of Social...
The Paradox Of Dominate Ideologies In The Fight Of Social...
 
How To Write A Analysis Essay Example
How To Write A Analysis Essay ExampleHow To Write A Analysis Essay Example
How To Write A Analysis Essay Example
 
Psychology of color in marketing and branding
Psychology of color in marketing and brandingPsychology of color in marketing and branding
Psychology of color in marketing and branding
 
Psychology of-color-in-marketing-and-branding
Psychology of-color-in-marketing-and-brandingPsychology of-color-in-marketing-and-branding
Psychology of-color-in-marketing-and-branding
 
Essay On Srinivasa Ramanujan In Marathi
Essay On Srinivasa Ramanujan In MarathiEssay On Srinivasa Ramanujan In Marathi
Essay On Srinivasa Ramanujan In Marathi
 
Linking Words For Essay Writing - Template 01
Linking Words For Essay Writing - Template 01Linking Words For Essay Writing - Template 01
Linking Words For Essay Writing - Template 01
 
E0315030039
E0315030039E0315030039
E0315030039
 
Color Theory Research
Color Theory ResearchColor Theory Research
Color Theory Research
 
Summer Paper
Summer PaperSummer Paper
Summer Paper
 
Why Do We See Color Essay
Why Do We See Color EssayWhy Do We See Color Essay
Why Do We See Color Essay
 
Color Theory
Color Theory Color Theory
Color Theory
 
Handouts March 23, 2014 - Singapore - Work on Multiple Intelligences for Sm...
Handouts   March 23, 2014 - Singapore - Work on Multiple Intelligences for Sm...Handouts   March 23, 2014 - Singapore - Work on Multiple Intelligences for Sm...
Handouts March 23, 2014 - Singapore - Work on Multiple Intelligences for Sm...
 
Color Study
Color Study Color Study
Color Study
 
Color Psychology and in brands marketing.pdf
Color Psychology and in brands marketing.pdfColor Psychology and in brands marketing.pdf
Color Psychology and in brands marketing.pdf
 
Final project
Final projectFinal project
Final project
 

Más de Ranju Ravindran

Más de Ranju Ravindran (13)

IPL infographics
IPL infographicsIPL infographics
IPL infographics
 
3D visualization of asymmetrical balance
3D visualization of asymmetrical balance3D visualization of asymmetrical balance
3D visualization of asymmetrical balance
 
Case study on Branding- Cosmetics Industry
Case study on Branding- Cosmetics IndustryCase study on Branding- Cosmetics Industry
Case study on Branding- Cosmetics Industry
 
Branding mizoram
Branding mizoramBranding mizoram
Branding mizoram
 
Colours comic story
Colours comic storyColours comic story
Colours comic story
 
Colours
ColoursColours
Colours
 
New media studies_Analysing print advertisements
New media studies_Analysing print advertisementsNew media studies_Analysing print advertisements
New media studies_Analysing print advertisements
 
New Media studies
New Media studiesNew Media studies
New Media studies
 
Souvenir store
Souvenir storeSouvenir store
Souvenir store
 
Vedanta university
Vedanta universityVedanta university
Vedanta university
 
Calorie counter application
Calorie counter applicationCalorie counter application
Calorie counter application
 
Skyscrapers- Petronas Towers
Skyscrapers- Petronas TowersSkyscrapers- Petronas Towers
Skyscrapers- Petronas Towers
 
Petronas Towers
Petronas TowersPetronas Towers
Petronas Towers
 

Último

LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...Pranav Subramanian
 
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfINTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfphriedaoyigada
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
Central-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesCentral-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesmilalabial
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Yantram Animation Studio Corporation
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
Materi dasar prototype dan figma .pdf
Materi dasar prototype dan figma    .pdfMateri dasar prototype dan figma    .pdf
Materi dasar prototype dan figma .pdfardanaadam1
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 

Último (20)

LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
TIMBRE: HOW MIGHT WE REMEDY MUSIC DESERTS AND FACILITATE GROWTH OF A MUSICAL ...
 
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdfINTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
INTRODUCTION TO UI/UX DESIGN BEGINNERS.pdf
 
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
Central-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposesCentral-Visayas-1.pdf reporting purposes
Central-Visayas-1.pdf reporting purposes
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
Exploring Futuristic Factory Designs: A 3D Interior Rendering Studio's Perspe...
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
Materi dasar prototype dan figma .pdf
Materi dasar prototype dan figma    .pdfMateri dasar prototype dan figma    .pdf
Materi dasar prototype dan figma .pdf
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 

Colors and infographics

  • 1. Colors in Infographics Kumar Sourabh Ranju K Ravindran Dushyant Palriwal
  • 4. Colors and Infographics Color is an element of visual design
  • 5. Colors and Infographics Color is the visual perceptual property corresponding in humans to the categories called red, blue, yellow, green and others. Color derives from the spectrum of light (distribution of light power versus wavelength) interacting in the eye with the spectral sensitivities of the light receptors. Color categories and physical specifications of color are also associated with objects, materials, light sources, etc., based on their physical properties such as light absorption, reflection, or emission spectra. By defining a color space, colors can be identified numerically by their coordinates. Color is a powerful and important communication tool, and it is tied to religious, cultural, political and social influences. By stopping to consider what each color represents and is linked to in the ‘real world’ we can make informed design decisions that ensure we appeal to our target audience. Without this consideration we run the risk of offending the very people were are designing for.
  • 6. Colors and Infographics Color is the visual perceptual property corresponding in humans to the categories called red, blue, yellow, green and others. Color derives from the spectrum of light (distribution of light power versus wavelength) interacting in the eye with the spectral sensitivities of the light receptors. Color categories and physical specifications of color are also associated with objects, materials, light sources, etc., based on their physical properties such as light absorption, reflection, or emission spectra. By defining a color space, colors can be identified numerically by their coordinates. Color is a powerful and important communication tool, and it is tied to religious, cultural, political and social influences. By stopping to consider what each color represents and is linked to in the ‘real world’ we can make informed design decisions that ensure we appeal to our target audience. Without this consideration we run the risk of offending the very people were are designing for.
  • 9. Colors and Infographics Color can convey a message. It can change or emphasize the meaning of a word or an image
  • 10. Colors and Infographics Image source: http://stuffpoint.com/fruit/image/169742-fruit-fruits.jpg
  • 11. Colors and Infographics Image source: http://stuffpoint.com/fruit/image/169742-fruit-fruits.jpg
  • 13. Colors and Infographics Yellow : joy, gold happiness, hope, illness, betrayal, optimism, Rich, idealism, imagination, etc. Red: Excitement, energy, passion, love, desire, speed, strength, power, heat, aggression, etc. Blue: Peace, tranquility, cold, calm, stability, harmony, unity, trust, truth, confidence, etc Green: Nature, environment, healthy, good luck, renewal, youth, spring, generosity, etc. Purple: Royalty, nobility, Wisdom, spirituality, ceremony, mysterious, transformation, Orange: Energy, balance, enthusiasm, warmth, vibrant, expansive, flamboyant, etc Pink symbolizes love and romance, caring, tenderness, acceptance and calm. The meanings of color and the emotions conveyed vary according to culture.
  • 14. Colors and Infographics Color has Cultural Significance Image source: http://www.flagcentral.org/images/Globe.jpg
  • 15. Colors and Infographics Colors have message. http://www.stevenedson.com/data/photos/380_108_monks_sep3120.jpg
  • 17. Colors and Infographics INFOGRAPHICS is INFORMATION GRAPHICS VISUAL CONTENT KNOWLEDGE
  • 18. Colors and Infographics INFOGRAPHICS is INFORMATION GRAPHICS VISUAL CONTENT KNOWLEDGE 1. Color Coding 2. Graphics 3. Reference Icons 1. Time Frames 2. Statistics 3. References 1. Facts 2. Deductions
  • 19. Colors and Infographics Data source: http://censusindia.gov.in/
  • 20. Colors and Infographics Image source: http://www.indiaonlinepages.com/population/population-map-of-india.html
  • 21. Colors and Infographics The Digestive Process: The start of the process - the mouth: The digestive process begins in the mouth. Food is partly broken down by the process of chewing and by the chemical action of salivary enzymes (these enzymes are produced by the salivary glands and break down starches into smaller molecules). On the way to the stomach: the esophagus - After being chewed and swallowed, the food enters the esophagus. The esophagus is a long tube that runs from the mouth to the stomach. It uses rhythmic, wave-like muscle movements (called peristalsis) to force food from the throat into the stomach. This muscle movement gives us the ability to eat or drink even when we're upside-down. In the stomach - The stomach is a large, sack-like organ that churns the food and bathes it in a very strong acid (gastric acid). Food in the stomach that is partly digested and mixed with stomach acids is called chyme. In the small intestine - After being in the stomach, food enters the duodenum, the first part of the small intestine. It then enters the jejunum and then the ileum (the final part of the small intestine). In the small intestine, bile (produced in the liver and stored in the gall bladder), pancreatic enzymes, and other digestive enzymes produced by the inner wall of the small intestine help in the breakdown of food. In the large intestine - After passing through the small intestine, food passes into the large intestine. In the large intestine, some of the water and electrolytes (chemicals like sodium) are removed from the food. Many microbes (bacteria like Bacteroides, Lactobacillus acidophilus, Escherichia coli, and Klebsiella) in the large intestine help in the digestion process. The first part of the large intestine is called the cecum (the appendix is connected to the cecum). Food then travels upward in the ascending colon. The food travels across the abdomen in the transverse colon, goes back down the other side of the body in the descending colon, and then through the sigmoid colon. The end of the process - Solid waste is then stored in the rectum until it is excreted via the anus. http://www.enchantedlearning.com/subjects/anatomy/digestive/
  • 23. Colors and Infographics USD to INR Exchange Rates of Last 30 Days Friday, August 16th: The US dollar hit a fresh record against the Indian rupee of 61.71364. Thursday, August 15th: The pair declined slightly, to 61.31985. Monday, August 12th - Wednesday, August 14th: Three consecutive increases brought the USD/INR currency pair to 61.44378. Friday, August 9th: A second consecutive depreciation brought the US dollar to Indian rupee exchange rate to 60.79713. Thursday, August 8th: The US dollar started to depreciate again against the Indian currency, the quote falling to 60.86153. Wednesday, August 7th: The USD/INR currency pair moved up to 61.25216. Tuesday, August 6th: A second consecutive depreciation brought the pair to 60.80873. Monday, August 5th: The US dollar started to depreciate again against the Indian rupee, the USD/INR quote going down to 60.87501. Thursday, August 1st - Friday, August 2nd: The went up for two consecutive trading days, reaching the level of 61.10505 Indian rupees to the US dollar on Friday, August 2nd. Wednesday, July 31st: The US dollar to Indian rupee quotation decreased to 60.40527. Monday, July 29th - Tuesday, July 30th: The USD/INR cross went up for two trading days in a row, reaching 60.48479. Friday, July 26th: The quotation declined to 59.04223. This was the lowest in five weeks. Thursday, July 25th: The USD/INR cross rose by 0.02875, from 59.07972 to 59.10847. Wednesday, July 24th: The exchange dipped from 59.72534 to 59.07972. Tuesday, July 23rd: The quote increased again, by 0.00181. Monday, July 22nd: The US dollar started to appreciate again against the Indian currency; the rate went up to 59.72353, from 59.50469. Friday, July 19th: The quotation decreased to 59.50469. Wednesday, July 17th - Thursday, July 18th: The USD/INR exchange rate rose from 59.14469 to 59.65019. http://www.tititudorancea.com/z/usd_to_inr_exchange_rates_american_indian_rupee.htm
  • 24. Colors and Infographics USD to INR Exchange Rates of Last 30 Days 61.7136 61.1794 60.6451 60.1108 59.5765 59.0422 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 16 July-16 August 2013 http://www.tititudorancea.com/z/usd_to_inr_exchange_rates_american_indian_rupee.htm
  • 25. Colors and Infographics An infographic (information graphic) is a representation of information in a graphic format designed to make the data easily understandable at a glance. People use infographics to quickly communicate a message, to simplify the presentation of large amounts of data, to see data patterns and relationships, and to monitor changes in variables over time.
  • 27. Colors and Infographics Reasons to Use Color in Infographics 1. Use color to speed visual search Color coding is a way to convey information quickly, which facilitates visual search. In this Washington D.C. metro map, as with most schematic subway maps, color coded lines represent the different rail lines. Visual searching occurs when we actively scan the environment to locate a specific feature among many distractors. In this case, color makes it easier to visually follow the path of a rail line, speeding up the search process.
  • 28. Colors and Infographics Reasons to Use Color in Infographics 1. Use color to speed visual search Image Source: http://upload.wikimedia.org/wikipedia/commons/9/9c/Wash-dc-metro-map.png
  • 29. Colors and Infographics 2. Use color to improve object recognition We recognize objects more quickly when their colors reflect what we see in the physical world. Image source: http://www.jonevaristo.com/whams/wp-content/uploads/2011/11/16_animal_illustrations_complte.jpg
  • 30. Colors and Infographics 2. Use color to improve object recognition Image source: http://www.jonevaristo.com/whams/wp-content/uploads/2011/11/16_animal_illustrations_complte.jpg
  • 31. Colors and Infographics 3. Use color to enhance meaning Bright colors above represent something of value Our brains are compelled to find meaning, whether it is intended or not. Because the eyes are attracted to bright and high-contrast colors, viewers will derive meaning from something that stands out. When you use color for emphasis, it’s like shouting that this object or element has the greatest value. At the Puma website, the red is used to prominently display logo. http://www.hybridlava.com/wp-content/uploads/Colourful-Website-Designs18.jpg
  • 32. Colors and Infographics 3. Use color to enhance meaning http://www.hybridlava.com/wp-content/uploads/Colourful-Website-Designs18.jpg
  • 33. Colors and Infographics 4. Use color to convey structure Color is often used in technical documentation and textbooks to convey structure. Each chapter might feature a different colored heading and a block of the same color may appear on each page, making it easy to distinguish between chapters. Another approach to color structure can be found in the book, Designing for Small Screens. Each chapter is organized into three sections, denoted by vivid colors. The sections form three tracks running through the book, which is described visually in the table of contents shown above. Image source: httppublications.msss.gouv.qc.caacrobatfdocumentation200808-289-19A.pdf
  • 34. Colors and Infographics 4. Use color to convey structure Image source: httppublications.msss.gouv.qc.caacrobatfdocumentation200808-289-19A.pdf
  • 35. Colors and Infographics 5. Use color to establish identity In the sphere of marketing and advertising, brand identity is the visual essence of a business or organization. Visual identity is often highly correlated with color through symbolism (see below). The chosen color, in consort with other aspects of the design, has the potential to project the entire flavor of the organization to the world. http://blog.crowdspring.com/wp-content/uploads/2009/11/2616906744_a238697a95_b.jpg
  • 36. Colors and Infographics 5. Use color to establish identity http://blog.crowdspring.com/wp-content/uploads/2009/11/2616906744_a238697a95_b.jpg
  • 37. Colors and Infographics 6. Use color for symbolism Color elicits both cultural and psychological associations that are symbolic of ideas, concepts and feelings. Context plays a part in color symbolism, meaning that one color can have positive or negative connotations depending on the larger framework. For example, although blue is often associated with strength and and brown is as negativity. Image source: http://www.exoticindia.com/oils/oq43.jpg
  • 38. Colors and Infographics 6. Use color for symbolism Image source: http://www.exoticindia.com/oils/oq43.jpg
  • 39. Colors and Infographics 7. Use color to improve usability The wise use of color can improve usability for everything from everyday objects to way finding. Consider the glaring red medical waste bags in a hospital, lab or doctor’s office. Different colors in traffic symbols like yellow, blue, red, green black they all have different meanings to communicate to people. Image source: http://www.nevron.com/gallery/FullGalleries/diagram/Shapes/images/TrafficSignsShapes.png
  • 40. Colors and Infographics 7. Use color to improve usability Image source: http://www.nevron.com/gallery/FullGalleries/diagram/Shapes/images/TrafficSignsShapes.png
  • 41. Colors and Infographics Examples Image source: http://un.org.au/files/2013/07/MDG3_July.jpg
  • 45. Colors and Infographics References • http://www.hongkiat.com/blog/infographics-web-designers/ • https://www.google.co.in/search? newwindow=1&site=&source=hp&q=color+in+infographics&oq=colours+in+infograp&gs_l=hp.1.0 .0i22i30l3.5778.15326.0.19522.21.18.1.2.2.0.252.2746.1j16j1.18.0....0...1c.1.25.hp..2.19.2468.7iP 7kNrurIg • http://designcrux.netfirms.com/infograph.html • http://wilkinsondarren.wordpress.com/2013/05/24/colour-guide-for-scientific-graphs-andillustrations/ • http://understandinggraphics.com/design/10-reasons-to-use-color/ • http://inspiredm.com/9-interesting-infographics-about-color/ • http://visual.ly/color-guide-designers • http://www.colormatters.com/color-symbolism/color-symbolism-theories • http://www.incredibleart.org/lessons/middle/color2.htm • http://blog.teamtreehouse.com/how-colour-communicates-meaning