Color index of webpage rendering Design

Source: Internet
Author: User
Non-original, source network. Thanks to the original author for providing such wonderful articles. Address: http://www.blueidea.com/design/doc/2008/5548.asp

People use their own eyes and minds to feel the color. It is not only physical, but also spiritual and emotional. When we look at the color, we often think about the feelings or things that are previously associated with the color. This kind of feeling that appears due to a certain color is called the Association of color. Color associations are acquired through past experiences, memories, or knowledge.

The result of such feelings is that different colors have specific meanings. The symbolic meaning of color is also a cultural identity in most cases. The meanings of colors in different cultures are quite different from those of associations. Sometimes, they are even the opposite. Before applying a certain color, designers should take a good look at the significance of this color and the associations it will bring to people in a specific environment.

3.4.1 red

Is the most visual color; suggestion speed and dynamics; can stimulate the heartbeat speed, speed up breathing, stimulate appetite; red clothes make people appear big; red cars are the most likely to be stolen, see Figure 3-27.


Figure 3-27 red

3.4.1.1 symbolic Association of red
Flame, blood, sex, tomato, watermelon, sun, Red Flag, lipstick, Chinese flag.

3.4.1.2 positive red Association
Passion, love, blood, energy, enthusiasm, excitement, heat, strength, enthusiasm, vitality.

3.4.1.3 red negative associations
Aggressive, angry, war, revolution, cruel, immoral, dangerous, naive, vulgar.

3.4.1.4 red cultural domain

  • In Africa, red represents death.
  • In France, red represents male.
  • In Asia, red represents marriage, prosperity, and happiness.
  • In India, red is the color of soldiers.
  • In South Africa, red is the color of the funeral.

3.4.1.5 instance description

3-28 shows, for the 8 Anniversary of the Enterprise Power website (http://ex.ce.net.cn/8tm/index.html) web page, the whole page uses red as the main color, give people a festive, lively feeling.


Figure 3-28 China Enterprise Power 8 anniversary website

3.4.1.6 red color scheme

The color scheme of the red series is as follows, as shown in 3-29:

  1. Adding a small amount of yellow to the red will make it strong, and tend to be restless.
  2. Adding a small amount of blue to the red will weaken the heat and soften it.
  3. Adding a small amount of black to the red color will make the character more stable and tend to be heavy and simple.
  4. Adding a small amount of white to the red will make the character become gentle, and tend to be subtle, shy, and delicate.


Figure 3-29 red color scheme

3.4.2 orange

Orange can increase appetite. Orange rooms represent friendly, pleasant, and stimulating conversation and thinking. Orange can be used to enhance vision, that's why the beach lifeguard uses orange, as shown in 3-30.


Figure 3-30 orange

3.4.2.1 orange image Lenovo
Autumn, oranges, carrots, gravy, bricks, lights.

3.4.2.2 positive orange Association
Warmth, Joy, creativity, encouragement, uniqueness, energy, activity, simulation, social networking, health, whimsy, vigor, beauty, clarity, and sweetness.

3.4.2.3 negative association of orange
Rude, fashionable, noisy, jealous, anxious, poor, vulgar.

3.4.2.4 orange cultural domain

  • In Ireland, orange represents the Catholic movement.
  • In indigenous American cultures, orange represents learning and kinship.
  • In the Netherlands, orange is the color of the country because the Dutch monarch comes from the orange-Nassau family.
  • In India, orange represents India.

3.4.2.5 instance description

3-31, South Korea's finda website (http://www.fanta.co.kr/) web page, the entire page uses orange as the main color, and its main product-orange soft drinks closely combined.


Figure 3-31 website of finda South Korea

3.4.2.6 orange color scheme

The orange color scheme is as follows, as shown in 3-32.

  1. There is a dry atmosphere when a large amount of white is mixed in orange.
  2. A small amount of blue is mixed in the orange color to form a strong contrast and a tense atmosphere.
  3. A small amount of red is mixed in orange to give people a bright and warm feeling.


Figure 3-32 orange color scheme

3.4.3 yellow

Is the most noticeable color in human eyes; higher than the pure white brightness; can promote metabolism; bright yellow is the most fatigue color in all colors, it is very irritating to people's eyes; pale yellow can strengthen people's attention, so it is mostly used in the prompt card, as shown in 3-33.


Figure 3-33 yellow

3.4.3.1 pornographic image Lenovo
Sunshine, beach, egg yolk, banana, sunflower, chicken, bread, cauliflower.

3.4.3.2 positive yellow Lenovo
Smart, intelligent, optimistic, glorious, joyful, ordinary, lively, bright, Hope, bright, bright, and idealistic.

3.4.3.3 negative associations in yellow
Jealousy, jealousy, deception, and warning.

3.4.3.4 yellow cultural domain

  • In Buddhism, the mage is dressed in golden yellow.
  • In Egypt and Myanmar, yellow represents the funeral.
  • In Japan, yellow is the courage to contact people.
  • In India, yellow is a sign of businessmen and farmers.
  • In a Hindu culture, yellow is used to celebrate the Spring Festival.
  • In ancient China, yellow was the Emperor's exclusive color.

3.4.3.5 instance description

3-34, for South Korea Lipton black tea website (http://www.lipton.co.kr/) web pages, the whole page uses yellow as the main color, give people a bright, warm feeling.


Figure 3-34 South Korea Lipton black tea website

3.4.3.6 yellow color scheme

The yellow color scheme is as follows, as shown in 3-35.

  1. Adding a small amount of blue to the yellow will convert it into a fresh green. Its arrogant character also disappears, tends to be a peaceful and moist feeling.
  2. If you add a small amount of red to the yellow color, it will have a clear orange color, and its character will also be transformed from indifference and pride into a sense of enthusiasm and warmth.
  3. When a small amount of Black is added to the yellow color, the color sense and the color change are the largest, which makes it a complex impression with obvious olive green. Its color also becomes mature and easygoing.
  4. When a small amount of white is added to the yellow color, the color becomes soft, and the indifference and pride in the character are relaxed, which tends to be subtle and easy to approach.


Figure 3-35 pornography Color Scheme

3.4.4 green

It is the most relaxing color in all colors. Green has a calming and restoring effect on people's spirits, and usually allows patients to relax in hospitals. Generally, green means "traffic ", there is also the significance of order; green can promote digestion and reduce stomachache, as shown in 3-36.


Figure 3-36 green

3.4.4.1 green concrete Lenovo
Plants, nature, environment, watermelon, leaves, mountains, and grass.

3.4.4.2 positive Green Association
Peace, security, growth, freshness, abundance, money, planting, rehabilitation, success, nature, harmony, honesty, and youth.

3.4.4.3 green negative associations
Greedy, jealous, disgusting, toxic, eroded, and inexperienced.

3.4.4.4 Green Culture

  • In Islamic countries, green is the color of heaven, and also the color of Islam.
  • In Ireland, green is a symbol of its country.
  • In the celle culture, the Green Giant is the god of harvest.
  • In indigenous cultures of the Americas, green is associated with people's aspirations and will.

3.4.4.5 instance description

3-37 shows, for South Korea zhulu liquor website (http://www.chamisulfresh.com/default.asp) web page, the whole page uses green as the main color, in line with the product concept of zhulu liquor extract from plants as raw materials.


Figure 3-37 South Korea zhulu liquor website

3.4.4.6 green color scheme

The green color scheme is as follows, as shown in 3-38.

  1. When many ingredients are yellow in green, their personality tends to be lively, friendly, and childish.
  2. When a small amount of Black is added to the green, its personality tends to be solemn, sophisticated, and mature.
  3. When a small amount of white is added to the green color, its character tends to be clean, fresh, and fresh.


Figure 3-38 green color scheme

3.4.5 blue
In nature, it is difficult to find blue things, so as to suppress appetite and make people have no appetite. It can make people's bodies produce stable things and relax; it is more efficient to work in a blue environment; blue clothing usually shows a sense of loyalty and trust, as shown in 3-39.


Figure 3-39 blue

3.4.5.1 representative blue Lenovo
Ocean, sky, Lake.

3.4.5.2 positive blue Association
Knowledge, cool, peaceful, male, meditation, loyalty, justice, wisdom, calm, long-standing, rational, profound, unlimited, ideal, and permanent.

3.4.5.3 negative associations in blue
Depressed, cold, split, indifferent, thin.

3.4.5.4 blue cultural domain

  • In most parts of the world, blue represents men.
  • In China, blue represents the little girl.
  • In western marriages, blue represents love.
  • In Iran, blue is the color of funeral.
  • In the world, blue is the most accepted color.

3.4.5.5 instance description

3-40 shows, for Master Kong strong cooling storm FIR Friends Club website (http://icetea.allyes.com/) web page, the whole page uses blue as the main color, give people a fresh, stylish feeling.


Figure 3-40 Master Kong's fengliang storm FIR Friends Club website

3.4.5.6 blue color scheme

The blue color scheme is as follows, as shown in Figure 3-41.

  1. If you add a small amount of red, yellow, black, orange, white and other colors to the blue, it will not have a significant influence on the blue personality.
  2. If there are many yellow ingredients in blue, their character will be sweet, bright, and aromatic.
  3. A small amount of white is mixed in blue, which can make the orange perception anxious and powerless.


Figure 3-41 blue color scheme

3.4.6 purple

It is a kind of delicate and romantic character; it is usually associated with the neutral nature; it is difficult to find purple in nature, so purple has a "artificial" meaning; clothing washed with purple dyes in ancient times can only be worn by nobles and rich people; purple can inspire people's imagination, so it is usually used to decorate children's rooms, as shown in 3-42.


Figure 3-42 purple

3.4.6.1 purple image Lenovo
Royal, spirit, eggplant, lavender, Amethyst, grape, seaweed, dress.

3.4.6.2 positive purple Association
Elegance, elegance, weight, mystery, female, luxury, wisdom, imagination, sophistry, level, inspiration, wealth, elegance, and simplicity.

3.4.6.3 negative purple Association
Exaggerated, excessive, crazy, cruel, and negative.

3.4.6.4 purple Culture

  • Purple hangs in a window in Thailand to mourn the death of her husband.
  • In Japan, Purple represents ceremonies, enlightening things, or arrogant people.
  • In Latin America, Purple means death.

3.4.6.5 instance description

As shown in 3-43, for the super supermodel Jiang Peilin official website (http://www.jiangpeilin.com/shirley.htm) web page, the whole page uses purple as the dominant color, giving people a mysterious, stylish and feminine feeling.


Figure 3-43 super supermodel Jiang Peilin Official Website

3.4.1.6 colors system Color Scheme

The color scheme of the photo system is as follows, as shown in Figure 3-44.

  1. When there are many Red Components in the purple, the perception has a sense of oppression and threat.
  2. When a small amount of Black is added to the purple color, it will feel dull, sad, and horrible.
  3. Adding white to the purple will make the dull purple character disappear, become elegant, charming, and full of female charm.


Figure 3-44 colors system Color Scheme

3.4.7 black

Black clothing can make people look thinner; black humor is pathological; black can make the color that matches it look brighter; in color therapy, black can inspire confidence and strength; black is usually associated with the mafia, as shown in 3-45.


Figure 3-45 black

3.4.7.1 black image Lenovo
Night, death, ink, coal, hair, dress, umbrella.

3.4.7.2 Black Front Lenovo
Power, prestige, weight, strange, elegant, ceremony, serious, noble, lonely, mysterious, fashionable, serious, rigid, solid, life.

3.4.7.3 black negative association
Fear, negative, evil, secret, surrender, mourning, weight, regret, ignorance, sorrow, gloomy, cold.

3.4.7.4 black culture

  1. Black is a rebellious color in the United States, Europe, and Japan.
  2. In China, black represents the little boy.
  3. In Asia, black represents business, purple, mourning, and remorse.
  4. In the world, black represents a person of dark skin.

3.4.7.5 instance description

3-46 shows, for South Korea Genesis car website (http://www.the-genesis.co.kr/) web page, the whole page uses black as the main color, to give people a feeling of big, elegant.


Figure 3-46 South Korea's genesis Automotive website

3.4.8 white

Some cultures believe that a wedding ceremony in White will bring good luck. White is the color that shows the perfect balance. Because the white is too bright, it will cause headaches for some people; white light may cause temporary blindness. white light is often associated with God and angels, as shown in 3-47.


Figure 3-47 white

3.4.8.1 representative associations in white
Snow, White Paper, white rabbit, white clouds, sugar, light, pure, flour.

3.4.8.2 positive white Association
Clean, holy, white, pure, pure, mysterious, perfect, virtues, soft, solemn, concise, authentic, wedding.

3.4.8.3 negative associations in white
Weak and isolated.

3.4.8.4 white culture

  • In Japan and China, white is the funeral color.
  • In the world, the white flag represents a truce.
  • In Europe and North America, white represents a person with a pale skin.
  • In India, a married woman wearing white may be unpleasant.

3.4.8.5 instance description

3-48, for South Korean movie star Daniel Henney's official website (http://www.daniel-henney.com/) web page, the whole page uses white as the dominant color, give people a clean, refreshing feeling, and Daniel Henney's temperament.


Figure 3-48 official website of Korean movie star Daniel Henney

3.4.9 gray

Gray usually does not cause strong emotional changes in the audience; gray is the result of a balance between white and black; gray complementary colors are themselves, as shown in 3-49.


Figure 3-49 gray

3.4.9.1 grey concrete Lenovo
Dark clouds, vegetation ash, bark, neutral.

3.4.9.2 gray positive association
Balance, security, credibility, modesty, maturity, intelligence, intelligence, ordinary, classical.

3.4.9.3 gray negative associations
Cloudy, aging, tired, sad, frustrated, lack of commitment, uncertainty, moody, indecisive, bad weather.

3.4.9.4 gray cultural domain

  • In the United States, gray represents honor and friendship.
  • In Asia, gray represents people who are helpful on the road.
  • In the world, gray is reminiscent of silver and money.

3.4.9.5 instance description

3-50 shows, for South Korean Movie Star anzaixu official website (http://www.ahnjaewook.co.kr/main/) web page, the whole page uses gray as the main color, to give people a feeling of calm, atmosphere.


Figure 3-50 South Korean Movie Star an zaixu Official Website

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.