Use color design pages

Source: Internet
Author: User
Tags blank page lenovo
Design | The charm of the Web page color is infinite, it can let oneself very insipid thing, instantly can become beautiful, beautiful. The rapid arrival of the information age, the network also began to become colorful. People are no longer limited to simple words and pictures, they want the Web page to look beautiful and comfortable. So the contemporary designer not only must master the basic website production technology, but also needs to master the website the style, the color matching and so on design art. Color in the design of the site occupies a very important position.
First, the understanding of color
In order to better apply color to design Web pages, let's first look at some basic concepts of color. There are many kinds of colors in nature, such as roses are red, the sea is blue, oranges are orange ... But the most basic there are three kinds (red, yellow, blue), other colors can be reconciled by the three colors. We call these three colors "three primary colors."

The color in real life can be divided into color and non color. where black and white ash belong to the non-color series. All other colors belong to color. Any one color has three characteristics: hue, lightness and purity. Where the color is only the lightness attribute.

Hue, refers to the name of the color. This is the most basic feature of color, is a color different from another color of the most important factor. For example, purple, green, yellow and so on all represent the different hue. The color of the same hue, adjust the brightness, or the purity is easy to match, for example, dark green, dark, grass-colored, bright green.

Lightness, also called brightness, refers to the intensity of the color, the greater the brightness, the brighter the color. For example, some shopping, children's class websites. With some bright colors that make people feel gorgeous and vibrant. The lower the lightness, the darker the color. Mainly used in a number of game-type sites, full of mystery; some personal webmaster in order to reflect their own personality, can also use some dark tones to express personal some eccentric, or melancholy and other characteristics. It is easier to reconcile a color with a poor degree of sensitivity. such as Purple (#993399) and yellow (#ffff00), Red (#cc3300) and grass-green (#99cc00), dark blue (#0066cc) and Orange (#ff9933) and so on.

Purity, refers to the color of the bright degree of purity, pure color, bright. The color of the bottom of the purity is dim and gray.

Close color: Three colors adjacent to the color ring. The similar color collocation gives the person the visual effect to be very comfortable, very natural. So the similar color in the website design is very commonly used.

Complementary color, color ring in the opposite of the two colors. For complementary colors, adjust the brightness of complementary color, sometimes a good match.

Warm, warm and black harmony can achieve very good results. Warm colors are generally used in shopping sites, e-commerce sites, children's sites and so on, to reflect the dazzling merchandise, children's web site lively, warm and so on.

Cool, cool colors generally with white harmony can achieve a very good effect. Cool colors are generally used in a number of High-tech, game sites, the main expression of serious, stable and other effects, green, blue, blue and purple and so are the cool series.

Color balance, the site makes people look comfortable, coordination, in addition to text, pictures and other content of the reasonable layout, color balance is also a very important part. For example, a Web site can not use a single color, so the color balance problem is the designer must consider the problem. The balance of color, including the position of color, the proportion of each color, area and so on. For example bright bright color area should be small, let a person feel comfortable, not dazzling. This is a balanced mix of colors.

Second, the role of color
Color has rich feelings and meanings in people's life. For example, red reminiscent of the Rose, Lenovo to the festive, Lenovo to excitement. White Association to Pure, clean, concise; purple symbolizes the feminine, elegant, romantic; Blue symbolizes high technology, steady, sensible; Orange represents the cheerful, sweet, the harvest; green represents vigor, comfort, hope and so on that is full of youth. Of course not to say that a certain color must mean what it means. In certain situations, the same color can represent different meanings.

Third, the use of color
To say the use of color, or first talk about the application of black and white gray color, because black and white gray color is the universal color, can be with any kind of color collocation. When you are worried about a certain color, try trying black and white gray. When you think that the combination of the two colors is not coordinated, try to add black, or gray, may have unexpected effects oh.

For some of the higher level of the site, with black, you can properly reduce its brightness. White is one of the most common colors used by websites. Many sites even set aside large chunks of white space as part of the site. This is the art of staying white. Many design sites use white art more. Leave White, give people a reverie space, let a person feel comfortable, carefree. Proper white-keeping plays a significant role in coordinating the balance of the page.

Four, to determine the theme of the site color
A Web site can not use a single color, people feel monotonous, boring, but it is not possible to apply all colors to the site, let people feel frivolous, fancy. A website must have one or two theme colors, not to let customers lose their way, nor to monotonous, boring. So to determine the theme of the site color is also a designer must consider one of the issues.
A page as far as possible not more than 4 colors, with too much color so that people have no direction, no focus. When the theme color is OK, consider other color matching, must consider other color and theme color relationship, to reflect what kind of effect. What other factor occupies the main position, is lightness, purity or hue.

Five, the color collocation
In learning to understand some of the basic concepts of color and color of some collocation problems, specific application to the Web page, the color of each element how to match it?
1, page title
Web page title is the site of the lamp, the browser to jump between the pages, to understand the structure of the site, the content of the site, must be through the navigation or some of the pages of the small title. So we can use a little jump color, to attract visitors to the line of sight, so that they feel the site clear, clear, structured. Wherever you want to go, you won't lose your way.
2. Web Links
A Web site cannot be just a single page, so the link between text and pictures is an integral part of the site. This is a special link to the text, because the link is different from the text, so the link color can not be the same as the color of the text. Modern people's life rhythm is very fast, it is impossible to waste too much time in search of your site links. Set a unique link color, let a person feel his uniqueness, natural curiosity will inevitably lead him to move the mouse, click the mouse.
3, Web page text
If a site uses a background color, you must take into account the color of the background colors, and the combination of the foreground text and so on. The general site is focused on the text, so the background can choose the purity or lower the color, text with a more prominent bright colors. Let a person at a glance.
Of course, some websites make a deep impression on the website, and he makes an article on the background. For example, a part of a blank page with a very bright big color block, is not let you suddenly enlightened it! At this point he in order to attract the viewer's view, highlighting is the background, so the text will appear darker, so that the text can be separated from the background, easy to read text viewers.
4. Website logo
Web logo is the most important part of the promotional site, so these two parts must be on the page of the sudden welcome. How do you do that? We will logo and banner do a little bit brighter, that is, color and the theme of the page color separation. Sometimes in order to be more prominent, you can also use the color opposite to the theme color.
In order to make their own web design more beautiful, more comfortable, in order to enhance the readability of your page, must be reasonable, appropriate use and collocation of the color between the elements of the page!



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.