The color psychology in website design

Source: Internet
Author: User

Why is Facebook blue--from the initial to the latest version, after the design change, the constant main color is blue?

The answer is really simple, according to a New Yorker interview, Facebook founder Mark Zuckerberg is a red-green blind, he can only tell the blue: "Blue for me is the most colorful color." ”

* Facebook's initial design interface, when it was called thefacebook.com. At the time, it was necessary to have a mailbox at the end of. Edu (Harvard University) to open an account.

Inadvertently inserted willow, or intentionally cultivated, color can often reflect the Internet brand founder's aesthetic and preferences, and designers for color selection and choice, but also the completion of the work of the necessary link.

YouTube designer Marc Hemeon has collected 18 sets of popular button design colors for Web sites or products to assess and investigate the effects of color on user psychology:

The answer to the website or product is as follows:

1, Google

2, Twitter

3. Facebook

4, Microsoft

5, Pinterest

6, Yahoo

7, Instagram

8, Flickr

9, Spotify

10, Rdio

11, Svbtle

12, Medium

13, Basecamp

14, Square

15, Amazon

16, Quora

17. LinkedIn

18, Path

Most Web sites or products have no more than 3 button colors, pointing to the "action" button should be unified in the same color, such as Google's "search" button is blue, and Twitter's "register" button is bright yellow.

The joint founder of the social-sharing tool buffer, Leo Widrich, added some ideas about color on his blog, excerpts from the following:

Color can help the brand create a very simple user awareness:

Gray: A symbol of calm and neutrality; (Apple, Wikipedia, New York Times ...)

Green: Symbolizes Health, life, (BP oil, food supermarket Whole Foods, Starbucks ...)

Blue: A symbol of reliability, power (Dell, Volkswagen, IBM ...)

Purple: Symbol of wisdom, imagination (Yahoo, t-mobile, science fiction theme TV station Syfy ...)

Red: a symbol of blood gas, young, (Coca-Cola, Lego, KFC ...)

Orange: A symbol of joy, trust, (Fanta, Amazon, Firefox ...)

Yellow: A symbol of warmth, transparency, (Best Buy, Ferrari, McDonald's ...)

From the perspective of consumers, color can also play a role in the understanding and decision-making stage:

Yellow: A shopping window that attracts attention;

Red: The urgency of stimulating effort, often appear in the clearance scene;

Blue: More used in banks and business establishments, emphasizing safety;

Green: Reminiscent of the rich and relaxed, to ease the pressure; (Alipay's Credit card repayment button chose Green as the main color, to understand why)

Orange: Call means strong, for the creation of the next order, purchase, sale action;

Pink: A romantic hue serving women and young girls;

Black: The best match for luxury goods;

Violet: Soothing & calming feelings, often used by beauty and anti-aging products;

Male and female preferences for color are biased:

The report, by Kissmetrics, an enterprise analytics services firm, shows that it is mainly used to advise entrepreneurs on product design strategies for app products

Women's favorite colors: blue, purple and green;

Female hate color: orange, brown and gray;

Male favorite colors: blue, green and black;

Male hate color: brown, orange and purple;

Color can determine the conversion rate gap:

HubSpot, an American digital marketing company, once made a A/B testing to test the difference between colors for user clicks

About two test face in content all the time, the only difference is the color of the button, in more than 2000 samples of the test, the final red program hits more than the green program hits a full 21%.

Before the test, most of the researchers speculated that the green plan would get a higher click because, intuitively, the green represented the meaning of passage and approval, while Red was more likely to warn and block.

Finally, why is the default color of hyperlinks in HTML language blue?

Because Blue is the best hue to stand out from a gray background.

The decision was made by the inventor of the Tim berners-lee--World Wide Web. In his time, the internet's first generation of browsers mosaic the Web page background is usually black, in order to make hypertext links easier to identify, Tim Berners-lee defines a hyperlink as blue and underlined text.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.