SlideShare ist ein Scribd-Unternehmen logo
1 von 46
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

Weitere ähnliche Inhalte

Andere mochten auch

Infographics & Data Visualisation
Infographics & Data VisualisationInfographics & Data Visualisation
Infographics & Data Visualisation
trisnadi
 
مهارات العرض والإلقاء
مهارات العرض والإلقاءمهارات العرض والإلقاء
مهارات العرض والإلقاء
Mohammad Abu Alkomboz
 

Andere mochten auch (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
 

Ähnlich wie Colors and infographics

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
Ashutosh Kumar
 

Ähnlich wie Colors and infographics (15)

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
 
Summer Paper
Summer PaperSummer Paper
Summer Paper
 
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
 
Cross Cultural Decision Making
Cross Cultural Decision MakingCross Cultural Decision Making
Cross Cultural Decision Making
 
Summer Paper
Summer PaperSummer Paper
Summer Paper
 
What Cause Climate Change Essay. The Causes Of Cli
What Cause Climate Change Essay. The Causes Of CliWhat Cause Climate Change Essay. The Causes Of Cli
What Cause Climate Change Essay. The Causes Of Cli
 

Mehr von 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
 

Kürzlich hochgeladen

Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
tbatkhuu1
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
amitlee9823
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
kumaririma588
 
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
 
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdfB. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
University of Wisconsin-Milwaukee
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
nirzagarg
 
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts ServiceVVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
aroranaina404
 

Kürzlich hochgeladen (20)

Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
 
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...Verified Trusted Call Girls Adugodi💘 9352852248  Good Looking standard Profil...
Verified Trusted Call Girls Adugodi💘 9352852248 Good Looking standard Profil...
 
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
 
Case Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, PuneCase Study of Hotel Taj Vivanta, Pune
Case Study of Hotel Taj Vivanta, Pune
 
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
 
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
 
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxSweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
 
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdfB. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
 
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
 
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
 
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
 
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts ServiceVVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
 

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