A brief introduction to the color rules and techniques in web design

Source: Internet
Author: User
Keywords Website design website color

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

In the website design, many enterprises and stationmaster often excessively value the website layout, but often neglected the website color collocation. The color collocation of the website has the very important influence to the user experience, but the color collocation has certain rules and the skill, grasps these rules and the skill to be able to design an excellent website.

The color rules of the Web page are set according to the different functions of the page. Following the page title, page links, page text and the level of the page logo to introduce.

1 page Title

The Web page title is the website refers to the street lamp, the visitor wants to jump between the webpage, wants to understand the website structure and the website content, must through the navigation or the page some small headings. So you can use a little jump color, to attract the view of the viewer, so that its sense of the site clear, structured, if the color close to the high, will make viewers feel confused.

For example, take the more famous A5 website example, the website background is white, so the navigation title uses the close degree farther deep blue, this can produce the visual impact to the user, causes the user to know this navigation title is very important when seeing the first eye.

  

2 Web Links

No site can have a single page, so text and pictures are links to the site is not or a small part. Especially the text link, because the text link and the text is different, so the text link color and the color of the text can never be the same.

Modern people's life rhythm is very fast, no one will spend a lot of energy on the search site links. Therefore, set the unique link color, make people feel its uniqueness, thus driving the user to move the mouse, click on the link.

3 Web page text

If a Web site uses a background color, you must consider the matching of background color and foreground text. The general site is focused on the text, so the background can choose the purity or lower the color, the text with a more prominent bright colors, let people at a glance.

Of course, some websites make a deep impression on them, often making a fuss over the background. For example, a part of a blank page with a very bright large color block, can let the user feel the enlightened. At this point the site in order to attract visitors to the line of sight, 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 Web page logo

The website logo is one of the most important parts of the promotional site, so this part must be highlighted on the page. The reader can make the logo and banner a little brighter to achieve the highlight, that is, color and the theme of the page color separation. 8630.html "> Sometimes in order to be a Web page logo more prominent, you can also choose the color opposite the theme.

The A5 website logo is a very eye-catching red, so it is very eye-catching against the white background and the dark blue navigation. A5 website to the white, blue, red coordination of the use of the people feel very beautiful and generous, impressive.

In order to make their own web design more beautiful, more comfortable, more readable, must be reasonably appropriate to use and match the color between the elements of the page! The article original in the high-end website construction http://www.bygw.net, reprint please include the link to thank.

Related Article

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.