SlideShare ist ein Scribd-Unternehmen logo
1 von 12
Visit Us : www.optiinfo.com




Visit Us : www.optiinfo.com
The colors are essential elements for web design. You
can have a site has an attractive appearance to the
eye. When choosing the design of our website is very
important to note that we use the colors as they can
greatly influence and our site visitors. The choice of
colors has a different effect on each person and that is
why we must think carefully before choosing the color
that we use. Each color has a meaning and it relates
the psychology of color.
Different colors affect mood and state of the human
mind. It may be that we are not fully aware of this, but
the colors play a vital role in transmitting the message
to the readers.

                                  Visit Us : www.optiinfo.com
The color red is considered the hottest color and
dynamic. It evokes strong emotions and that is why
it is associated with love, passion and even anger.
It is an intense color, which can show the feelings
of sexuality, strength, determination, courage and
enthusiasm. Simultaneously, warmth and comfort.
Also used to warn people and show danger.
For web design it is best used little choosing other
colors like white and silver combined with red or
you can use the color red to emphasize the most
important elements of the website.


                               Visit Us : www.optiinfo.com
The        orange        color     shows       the
comfort, creativity, celebration, fun, youth, and
affordability. It is vibrant and energetic with a
friendly atmosphere. There is a color like red so
overwhelming.

We can use the color orange for sites that
transmit energy to promote food and snacks. It is
also an ideal color if we capture a young
audience.

                              Visit Us : www.optiinfo.com
Yellow is the brightest color. Represents
curiosity, joy, fun, comfort, liveliness, intelligen
ce, happiness, energy is a striking color and
causes us to feel excited to see. It is ideal for
all business whose target audience is children
and giving impression of joy, happiness and
friendship. If we want a vintage touch is
advisable to use dark shades of yellow.


                               Visit Us : www.optiinfo.com
The green color is associated with
money, nature, animals, health, healing, life, h
armony, durability, reliability, safety, honesty, o
ptimism and freshness. It is used to relieve
stress and have that calming effect that will
surely make you feel relaxed. It is also said
that green can help you learn new things
more easily. We can use it to show the
balance and harmony in our website. Dark
colors can show stability.

                               Visit Us : www.optiinfo.com
The blue color is associated with
trustworthiness, success, seriousness, calmn
ess, power, professionalism, depth, stability, l
oyalty, reliability, honor and confidence. It is a
cool color that gives a cool and calm effect.
Lighter shades can be used for websites that
show friendship. Dark colors are more
appropriate for the design of business.


                              Visit Us : www.optiinfo.com
The         purple        color        indicates
royalty, justice, ambiguity, uncertainty, luxury,
fantasy, dreams, power, nobility, mystery, eleg
ance and magic. We can use lighter shades
and soft to websites related to spring and
romance. Dark colors can be used for
designs that have to do with wealth and
luxury.


                              Visit Us : www.optiinfo.com
The        color    pink      represents       the
softness, sweetness, innocence, youthfulness, ten
derness and femininity. Is usually associated with
women, but not always. The pink color makes us
think in chewing gum and other sweets.

When used for web design can be applied to all
websites that want to make an impact
relaxing, gentle, cheerful and sweet. Dark colors
can also be used for more serious websites.

                              Visit Us : www.optiinfo.com
The gray color is associated with
conservatism, traditionalism, intelligence, relia
bility, neutrality and indifference. Usually used
as background to emphasize some elements
on the site. There are times when it is used
subtly, but there are also cases in which it is
used for the entire website making it look
monochromatic.


                              Visit Us : www.optiinfo.com
The brown color is relaxing, safe, casual and
reassuring. It is associated with nature, and
some tribal and primitive things. Can be
relaxed when used in the design. We can use
different shades of brown for our website.
Like the gray, we can use as background or
for certain areas of the website.



                           Visit Us : www.optiinfo.com
They are neutral colors widely used in all websites.
The                    black                    shows
elegance, sophistication, formality, strength and
mystery.           The          target         sample
cleanliness, purity, newness, virginity, peace, innoce
nce and simplicity. Most times we use in our designs
two colors for fonts and types.

The color is really important not only to add beauty
to the website but also to give the right message and
the perception of visitors.

                                 Visit Us : www.optiinfo.com

Weitere ähnliche Inhalte

Was ist angesagt?

Suzanne Stephenson Portfolio
Suzanne Stephenson PortfolioSuzanne Stephenson Portfolio
Suzanne Stephenson PortfolioSoodi
 
Wallpaper Your Life
Wallpaper Your LifeWallpaper Your Life
Wallpaper Your LifeWindow Works
 
Thinking Local the main challenge for ecommerce globalization
Thinking Local the main challenge for ecommerce globalizationThinking Local the main challenge for ecommerce globalization
Thinking Local the main challenge for ecommerce globalizationPeter Horsten
 
Presentation1
Presentation1Presentation1
Presentation1wadeevans
 
Fengshui paintings in your office
Fengshui paintings in your office Fengshui paintings in your office
Fengshui paintings in your office Nandan deshpande
 
Pink, pink, pink!
Pink, pink, pink!Pink, pink, pink!
Pink, pink, pink!MylaMinaya
 
Colou Design Essence
Colou Design EssenceColou Design Essence
Colou Design EssenceTimothyByrnes
 
Advanced Art - High School - Color Theory
Advanced Art - High School - Color TheoryAdvanced Art - High School - Color Theory
Advanced Art - High School - Color TheoryBeth Kruziki
 

Was ist angesagt? (14)

Blue roses
Blue rosesBlue roses
Blue roses
 
summer season one
summer season onesummer season one
summer season one
 
Shades of style
Shades of styleShades of style
Shades of style
 
Suzanne Stephenson Portfolio
Suzanne Stephenson PortfolioSuzanne Stephenson Portfolio
Suzanne Stephenson Portfolio
 
Wallpaper Your Life
Wallpaper Your LifeWallpaper Your Life
Wallpaper Your Life
 
Thinking Local the main challenge for ecommerce globalization
Thinking Local the main challenge for ecommerce globalizationThinking Local the main challenge for ecommerce globalization
Thinking Local the main challenge for ecommerce globalization
 
Presentation1
Presentation1Presentation1
Presentation1
 
Collor Blindness
Collor BlindnessCollor Blindness
Collor Blindness
 
Color psychology
Color psychologyColor psychology
Color psychology
 
Fengshui paintings in your office
Fengshui paintings in your office Fengshui paintings in your office
Fengshui paintings in your office
 
Pink, pink, pink!
Pink, pink, pink!Pink, pink, pink!
Pink, pink, pink!
 
Top 3 fun interior decor ideas
Top 3 fun interior decor ideasTop 3 fun interior decor ideas
Top 3 fun interior decor ideas
 
Colou Design Essence
Colou Design EssenceColou Design Essence
Colou Design Essence
 
Advanced Art - High School - Color Theory
Advanced Art - High School - Color TheoryAdvanced Art - High School - Color Theory
Advanced Art - High School - Color Theory
 

Andere mochten auch

User analysis in UCD process
User analysis in UCD processUser analysis in UCD process
User analysis in UCD processJig Joes
 
Omnigraffle tutorial
Omnigraffle tutorialOmnigraffle tutorial
Omnigraffle tutorialBillie DeMott
 
The IT Philharmonic - OSCON 2010
The IT Philharmonic - OSCON 2010 The IT Philharmonic - OSCON 2010
The IT Philharmonic - OSCON 2010 Chef Software, Inc.
 
IxDA Chicago Interaction 12 recap
IxDA Chicago Interaction 12 recapIxDA Chicago Interaction 12 recap
IxDA Chicago Interaction 12 recapNikola Ranguelov
 
Omnigraffle Tutorial
Omnigraffle TutorialOmnigraffle Tutorial
Omnigraffle TutorialJackson Fox
 
Color marketing
Color marketingColor marketing
Color marketing강훈 최
 
The Psychology of Color in Marketing
The Psychology of Color in Marketing The Psychology of Color in Marketing
The Psychology of Color in Marketing Greg Langer
 
The why of branding
The why of brandingThe why of branding
The why of brandingopento
 
Color Theory: Not all Scrubs Created Equal
Color Theory: Not all Scrubs Created EqualColor Theory: Not all Scrubs Created Equal
Color Theory: Not all Scrubs Created Equalkylehunt360
 
Omnigraffle and Balsamiq by Eldridge Dubleday
Omnigraffle and Balsamiq by Eldridge DubledayOmnigraffle and Balsamiq by Eldridge Dubleday
Omnigraffle and Balsamiq by Eldridge DubledayNikola Ranguelov
 
The Psychology of Color in Presentation Design
The Psychology of Color in Presentation DesignThe Psychology of Color in Presentation Design
The Psychology of Color in Presentation DesignChristine Argier
 
Klingler-PPT Presentation-Marketing and Color-FINAL
Klingler-PPT Presentation-Marketing and Color-FINALKlingler-PPT Presentation-Marketing and Color-FINAL
Klingler-PPT Presentation-Marketing and Color-FINALLynne Klingler
 
Psychology of Color in Marketing
Psychology of Color in MarketingPsychology of Color in Marketing
Psychology of Color in MarketingGhost Frog Media
 
Color psychology
Color psychologyColor psychology
Color psychologywasifjanjua
 
Color: Psychology vs. Perception
Color: Psychology vs. PerceptionColor: Psychology vs. Perception
Color: Psychology vs. PerceptionAyesha Ambreen
 

Andere mochten auch (20)

User analysis in UCD process
User analysis in UCD processUser analysis in UCD process
User analysis in UCD process
 
Omnigraffle tutorial
Omnigraffle tutorialOmnigraffle tutorial
Omnigraffle tutorial
 
The IT Philharmonic - OSCON 2010
The IT Philharmonic - OSCON 2010 The IT Philharmonic - OSCON 2010
The IT Philharmonic - OSCON 2010
 
IxDA Chicago Interaction 12 recap
IxDA Chicago Interaction 12 recapIxDA Chicago Interaction 12 recap
IxDA Chicago Interaction 12 recap
 
Omnigraffle Tutorial
Omnigraffle TutorialOmnigraffle Tutorial
Omnigraffle Tutorial
 
Color in marketing
Color in marketingColor in marketing
Color in marketing
 
Color marketing
Color marketingColor marketing
Color marketing
 
The Psychology of Color in Marketing
The Psychology of Color in Marketing The Psychology of Color in Marketing
The Psychology of Color in Marketing
 
The why of branding
The why of brandingThe why of branding
The why of branding
 
Color psychology
Color psychologyColor psychology
Color psychology
 
Color Theory: Not all Scrubs Created Equal
Color Theory: Not all Scrubs Created EqualColor Theory: Not all Scrubs Created Equal
Color Theory: Not all Scrubs Created Equal
 
Omnigraffle and Balsamiq by Eldridge Dubleday
Omnigraffle and Balsamiq by Eldridge DubledayOmnigraffle and Balsamiq by Eldridge Dubleday
Omnigraffle and Balsamiq by Eldridge Dubleday
 
The Psychology of Color in Presentation Design
The Psychology of Color in Presentation DesignThe Psychology of Color in Presentation Design
The Psychology of Color in Presentation Design
 
Color branding
Color brandingColor branding
Color branding
 
Klingler-PPT Presentation-Marketing and Color-FINAL
Klingler-PPT Presentation-Marketing and Color-FINALKlingler-PPT Presentation-Marketing and Color-FINAL
Klingler-PPT Presentation-Marketing and Color-FINAL
 
Color and psychology
Color and psychologyColor and psychology
Color and psychology
 
Psychology of Color in Marketing
Psychology of Color in MarketingPsychology of Color in Marketing
Psychology of Color in Marketing
 
Color psychology
Color psychologyColor psychology
Color psychology
 
Color: Psychology vs. Perception
Color: Psychology vs. PerceptionColor: Psychology vs. Perception
Color: Psychology vs. Perception
 
Color Psychology
Color PsychologyColor Psychology
Color Psychology
 

Ähnlich wie 10 tips on psychology color in web

Color psychology for designers.pdf
Color psychology for designers.pdfColor psychology for designers.pdf
Color psychology for designers.pdfthe-educatioist
 
The Cleric Scrolls II - Colors
The Cleric Scrolls II - ColorsThe Cleric Scrolls II - Colors
The Cleric Scrolls II - ColorsAlfred2323
 
What are the Best Colors for Recruiting Websites
What are the Best Colors for Recruiting WebsitesWhat are the Best Colors for Recruiting Websites
What are the Best Colors for Recruiting WebsitesTop Echelon
 
Design basics for the web
Design basics for the webDesign basics for the web
Design basics for the webNic Finch
 
What different Colors portray in Web Designing?
What different Colors portray in Web Designing?What different Colors portray in Web Designing?
What different Colors portray in Web Designing?D Amies Technologies
 
Planning of front cover
Planning of front coverPlanning of front cover
Planning of front coverSRiley1625
 
What Color is Response? An Inside Look at How Color Improves Your Sales
What Color is Response? An Inside Look at How Color Improves Your SalesWhat Color is Response? An Inside Look at How Color Improves Your Sales
What Color is Response? An Inside Look at How Color Improves Your SalesVivastream
 
Importance of colors in a presentation
Importance of colors in a presentationImportance of colors in a presentation
Importance of colors in a presentationRana Usman Sattar
 
What is the color psychology
What is the color psychologyWhat is the color psychology
What is the color psychologyAnsherinaDelMundo
 
World colors-odai hatem
World colors-odai hatemWorld colors-odai hatem
World colors-odai hatemodaihatim
 
Use of colors in web and graphic design
Use of colors in web and graphic designUse of colors in web and graphic design
Use of colors in web and graphic designNida Aslam
 
Colors- fashion design
Colors- fashion designColors- fashion design
Colors- fashion designkellimccabe
 
Fashion+style worksheet
Fashion+style worksheetFashion+style worksheet
Fashion+style worksheetMireia Ripoll
 
Colour conotations
Colour conotationsColour conotations
Colour conotationsmeganlsx
 
Colour connotations
Colour connotationsColour connotations
Colour connotationsmunpreet
 

Ähnlich wie 10 tips on psychology color in web (20)

Colours
ColoursColours
Colours
 
Color psychology for designers.pdf
Color psychology for designers.pdfColor psychology for designers.pdf
Color psychology for designers.pdf
 
The Cleric Scrolls II - Colors
The Cleric Scrolls II - ColorsThe Cleric Scrolls II - Colors
The Cleric Scrolls II - Colors
 
What are the Best Colors for Recruiting Websites
What are the Best Colors for Recruiting WebsitesWhat are the Best Colors for Recruiting Websites
What are the Best Colors for Recruiting Websites
 
Color theory
Color theoryColor theory
Color theory
 
Design basics for the web
Design basics for the webDesign basics for the web
Design basics for the web
 
What different Colors portray in Web Designing?
What different Colors portray in Web Designing?What different Colors portray in Web Designing?
What different Colors portray in Web Designing?
 
Planning of front cover
Planning of front coverPlanning of front cover
Planning of front cover
 
Color theory
Color theoryColor theory
Color theory
 
Atlanta web design
Atlanta web designAtlanta web design
Atlanta web design
 
Web design colour
Web design colourWeb design colour
Web design colour
 
What Color is Response? An Inside Look at How Color Improves Your Sales
What Color is Response? An Inside Look at How Color Improves Your SalesWhat Color is Response? An Inside Look at How Color Improves Your Sales
What Color is Response? An Inside Look at How Color Improves Your Sales
 
Importance of colors in a presentation
Importance of colors in a presentationImportance of colors in a presentation
Importance of colors in a presentation
 
What is the color psychology
What is the color psychologyWhat is the color psychology
What is the color psychology
 
World colors-odai hatem
World colors-odai hatemWorld colors-odai hatem
World colors-odai hatem
 
Use of colors in web and graphic design
Use of colors in web and graphic designUse of colors in web and graphic design
Use of colors in web and graphic design
 
Colors- fashion design
Colors- fashion designColors- fashion design
Colors- fashion design
 
Fashion+style worksheet
Fashion+style worksheetFashion+style worksheet
Fashion+style worksheet
 
Colour conotations
Colour conotationsColour conotations
Colour conotations
 
Colour connotations
Colour connotationsColour connotations
Colour connotations
 

10 tips on psychology color in web

  • 1. Visit Us : www.optiinfo.com Visit Us : www.optiinfo.com
  • 2. The colors are essential elements for web design. You can have a site has an attractive appearance to the eye. When choosing the design of our website is very important to note that we use the colors as they can greatly influence and our site visitors. The choice of colors has a different effect on each person and that is why we must think carefully before choosing the color that we use. Each color has a meaning and it relates the psychology of color. Different colors affect mood and state of the human mind. It may be that we are not fully aware of this, but the colors play a vital role in transmitting the message to the readers. Visit Us : www.optiinfo.com
  • 3. The color red is considered the hottest color and dynamic. It evokes strong emotions and that is why it is associated with love, passion and even anger. It is an intense color, which can show the feelings of sexuality, strength, determination, courage and enthusiasm. Simultaneously, warmth and comfort. Also used to warn people and show danger. For web design it is best used little choosing other colors like white and silver combined with red or you can use the color red to emphasize the most important elements of the website. Visit Us : www.optiinfo.com
  • 4. The orange color shows the comfort, creativity, celebration, fun, youth, and affordability. It is vibrant and energetic with a friendly atmosphere. There is a color like red so overwhelming. We can use the color orange for sites that transmit energy to promote food and snacks. It is also an ideal color if we capture a young audience. Visit Us : www.optiinfo.com
  • 5. Yellow is the brightest color. Represents curiosity, joy, fun, comfort, liveliness, intelligen ce, happiness, energy is a striking color and causes us to feel excited to see. It is ideal for all business whose target audience is children and giving impression of joy, happiness and friendship. If we want a vintage touch is advisable to use dark shades of yellow. Visit Us : www.optiinfo.com
  • 6. The green color is associated with money, nature, animals, health, healing, life, h armony, durability, reliability, safety, honesty, o ptimism and freshness. It is used to relieve stress and have that calming effect that will surely make you feel relaxed. It is also said that green can help you learn new things more easily. We can use it to show the balance and harmony in our website. Dark colors can show stability. Visit Us : www.optiinfo.com
  • 7. The blue color is associated with trustworthiness, success, seriousness, calmn ess, power, professionalism, depth, stability, l oyalty, reliability, honor and confidence. It is a cool color that gives a cool and calm effect. Lighter shades can be used for websites that show friendship. Dark colors are more appropriate for the design of business. Visit Us : www.optiinfo.com
  • 8. The purple color indicates royalty, justice, ambiguity, uncertainty, luxury, fantasy, dreams, power, nobility, mystery, eleg ance and magic. We can use lighter shades and soft to websites related to spring and romance. Dark colors can be used for designs that have to do with wealth and luxury. Visit Us : www.optiinfo.com
  • 9. The color pink represents the softness, sweetness, innocence, youthfulness, ten derness and femininity. Is usually associated with women, but not always. The pink color makes us think in chewing gum and other sweets. When used for web design can be applied to all websites that want to make an impact relaxing, gentle, cheerful and sweet. Dark colors can also be used for more serious websites. Visit Us : www.optiinfo.com
  • 10. The gray color is associated with conservatism, traditionalism, intelligence, relia bility, neutrality and indifference. Usually used as background to emphasize some elements on the site. There are times when it is used subtly, but there are also cases in which it is used for the entire website making it look monochromatic. Visit Us : www.optiinfo.com
  • 11. The brown color is relaxing, safe, casual and reassuring. It is associated with nature, and some tribal and primitive things. Can be relaxed when used in the design. We can use different shades of brown for our website. Like the gray, we can use as background or for certain areas of the website. Visit Us : www.optiinfo.com
  • 12. They are neutral colors widely used in all websites. The black shows elegance, sophistication, formality, strength and mystery. The target sample cleanliness, purity, newness, virginity, peace, innoce nce and simplicity. Most times we use in our designs two colors for fonts and types. The color is really important not only to add beauty to the website but also to give the right message and the perception of visitors. Visit Us : www.optiinfo.com