Information structure determines website structure and website originality

Source: Internet
Author: User
Keywords Personalized Web Design
Tags blog content create design different direction example image

Absrtact: The website of sameness is disgusting. Personalized to build also more and more important to personal blog, for example, a refreshing and creative personal blog will be loved by readers, and create a personalized, creative Web page production, to the Prophet

The same website is disgusting. Personalized building is also more and more important, take personal blog as an example, a refreshing and creative personal blog will be loved by readers, and create a personalized, creative Web page production, first know the two laws--the original purpose of website construction determines the direction of the design of the site; The information structure will determine the structure of the site and the originality of the website.

A lot of people want to be creative so whether there must be a different page framework and so on, but in the personality design more attention to color and graphic images and other details on the display of a unique style.

This website chooses the simple two column type, is also the more common one kind of webpage frame. The left column is the navigation area and the right column is the information area. The design of the hollowing out the site color has been fully played, but also the structure of the outline is more distinct. Navigation Exclusive column, replace any column left column unchanged, the right column of the information area to show different content. Very good will be the overall unity of the site, and local changes in the effect of the content of the information is not large web site. Recommended to do similar design is a personal mood blog and so on. From another point of view, the general use of HTML production, and the local Flash animation to add vitality to the site, mobilizing the overall atmosphere of the site. And the green Head doll's movement changes, lets the website have the soul. Website because of this lively soul and lively and interesting, logo on the pattern constantly changing the cute mouse, black kitten, but also active the atmosphere of the website.

The entire web design uses green and powder yellow, so that the Web page harmony is not abrupt. Similar hue and opposite tonal collocation is the page is full of rhythm, give a person a kind of brisk and lively feeling. The website is distinguished by the addition of "mascot".

Note: Since we talked about the mascot, I would like to describe the mascot's role in web design. The website mascot is often the cartoon character or the cartoon animal image, is the special meaning visual element. The mascot image must be appropriate to the theme of the site, with the image of a slightly exaggerated, so that the Web page has affinity. And in the mascot to do very successful Tencent "Penguin", Sina Portal "Big Eyes", these have left a deep impression on people.

Two-column is very commonly used, then to talk about the idea of a two-column creative layout. The two-column type is often used for information-carrying capacity of the site, and do the "atmosphere of the site" seems to increase the difficulty of a lot. But in fact, if you have a good website structure, it is not a problem. Here I describe the unique design of some foreign personal blogs. Place the flag in the upper-left corner of the Web site so that the navigation bar exists in isolation. Such a design is to make the top (that is, the logo and navigation bar) of the color and the bottom of the information area to echo each other, to achieve a balanced state. In the color collocation, you can use the coordination of similar shades of different color combinations. Such color collocation often gives people refined, temperament, rich style of comfortable feeling.

Personalized page to note that the static color and dynamic color collocation. Static color is also refers to the logo, navigation bar and other Web site frame unchanged color, and dynamic color refers to the content of the Web page information color, the color of the picture will often change the color. And often change may cause some pages of disharmony factors, if not very good planning and coordination of both, will bring bad impact on users.

Personality not only to meet their own, but also to meet the user's appetite. Therefore, completes the user psychology investigation, is for the personalized webpage design to lay a solid foundation. Here, I give a few practical and unchanging tips, I hope you adopt.

The best way to live is to use white as a background color, or use a fresh background, not too fancy. The main color is better to use a cleaner color, such as elegant white rice, gray and so on.

Do not use large-scale contrast strong color, contrast is too strong, although there is a prominent role, but may make the picture lacks the soft visual feeling. The use of bad, but also make this page become abrupt, this is easy to ignore. If you do not want to use, try to try black and white color.

The last point, which is just said in line with the user group in mind. Whether it is a female network or a children's website, all stand on the user's point of view to design the Web page, so as to break through the innovation and not from the original track. Take the female website to cite example: the feminine net uses the soft, the elegant picture as the website seasoning, will be quite favored by the professional female.

Summary: Whether or not to learn the color collocation, as long as you can extract from the life of the beautiful details of the application to the Web page, this page is enough to attract people.

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.