Web design color and website color

Source: Internet
Author: User
A website, to give users a first impression is not a rich content of the site, nor is the site a reasonable layout, but the color of the site. Color on people's visual effect is very obvious, a website design success or not, to a certain extent, depending on the designer of the use of color and collocation. Because the web design is a plane effect design, in the elimination of stereo graphics, animation effect, in the plan, the impact of color is the strongest, it is easy to leave a deep impression on users. Therefore, when designing a webpage, we must attach great importance to the collocation of color.


first, the basic knowledge of color


color colorful, ever-changing, we usually see the white light, after analysis in the ribbon can be seen, it actually includes red, orange, yellow, green, green, blue, purple and other seven colors, the natural transition between the colors. Among them, red, yellow, blue is the three primary colors, three primary colors through different proportions of the mix can get a variety of colors. Color has a warm and cold color, cool colors (such as blue) to give people the feeling is quiet, icy, and warm (such as red) gives a person's feeling is warm, fiery. The ingenious use of warm and cold color can make the website produce unexpected effect.


color and people's psychological feelings and emotions also have a certain relationship, using this can be in the design of the Web page to form their own unique color effect, to impress the visitors. In general, a variety of colors give people the feeling is:


Red represents enthusiasm, lively, lively, warm, happy, auspicious


Orange represents light, gorgeous, excited, sweet, happy


Yellow represents bright, happy, noble, Hope


Green represents freshness, serenity, peace, softness, ease, youth


blue represents deep, timeless, quiet, sensible, honest, and cold


Purple represents elegance, nobility, charm, pride


White represents purity, innocence, simplicity, holiness, sprightly


Gray represents melancholy, negativity, modesty, mediocrity, silence, moderation, loneliness


Black represents lofty, solid, serious, energetic, 粗莽


Two, the principle of color collocation


Color collocation is a technical work, at the same time it is also a very strong artistic work, therefore, designers in the design of the Web site in addition to the characteristics of its own, but also to follow certain art laws, so as to design a distinctive color, unique character of the site.


1. Distinctive


A website with color must have its own unique style, so as to appear distinct personality, to impress the visitors. (3lian material)


2. collocation reasonable


Web design, although it belongs to the category of graphic design, but it is different from other graphic design, it is in accordance with the art of the law, but also consider the physiological characteristics of people, color matching must be reasonable, give a harmonious, pleasant feeling, avoid the use of a high purity of a single color, so easy to cause visual fatigue.


3. Exquisite artistic


website Design is also an artistic activity, so it must follow the art law, taking into account the characteristics of the site itself, in accordance with the principles of content decision form, bold art innovation, design both in line with the requirements of the site, but also has some artistic characteristics of the site.


three, the color collocation should pay attention to the problem


1. Use monochrome


Although the site design to avoid the use of a single color, so as not to create a monotonous feeling, but by adjusting the saturation and transparency of color can also produce changes, so that the site to avoid monotonous.


2. Use adjacent color


the so-called adjacent color, is in the color bands in the adjacent color, such as green and blue, red and yellow on each other adjacent color. The use of adjacent color design page can make the Web page to avoid color clutter, easy to achieve the harmonious unity of the page.


3. Use contrasting color


contrast color can highlight the focus, resulting in a strong visual effect, through the rational use of contrasting colors can make the site distinctive, focused. Generally in the design of a color-oriented tone, contrasting colors as embellishment, can play a finishing touch of the role.


4. Use of black


Black is a special color, if used properly, reasonable design, often produce very strong artistic effect, black is generally used for background color, with other purity color with use. (www.3lian.com)


5. Use of background color


background color is generally used refined elegant colors, to avoid the use of complex patterns of pictures and high purity of color as background color, and the background color to contrast with the color of the text more strongly.


6. Number of colors


General beginners in the design of Web pages often use a variety of colors, so that the Web page becomes very "flower", lack of unity and coordination, the surface looks very fancy, but lack of intrinsic beauty. In fact, the site color is not the more the better, the general control within three colors, by adjusting the various properties of color to produce changes.


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.