Simple Principle of webpage layout design _ HTML/Xhtml _ webpage Creation

Source: Internet
Author: User
This article provides some simple web page layout design principles, hoping to be useful to web page designers. This article provides some simple web page layout design principles, hoping to be useful to web page designers. & #12539; repetition: repeat some page design styles throughout the site. The repetitive components may be some simple principles of webpage layout design in this article, hoping to be useful to web designers. This article provides some simple web page layout design principles, hoping to be useful to web page designers.
Repeat: repeat some page design styles throughout the site.
The duplicate components may be fonts, title logos, navigation menus, blank side settings of pages, and lines of specific thickness that run through pages.
Color is also useful as a duplicate ingredient: Set a color for all titles, or use a fine background behind the title.

Attention uses comparison to attract the attention of readers.
By contrast, you can capture the reader's attention. For example, you can reverse the title on the black background and use large bold characters (such as ), which is similar to the following common fonts (such as) line-based comparison. Another method is to use a scene behind a piece of text.
・ Leave blank spaces around the text for easier reading and more elegant layout.
White space is a virtue. The full screen of dense words will make people dizzy, with appropriate margins and line spacing, making reading easier.
Keep shards simple.
Avoid using them just to experiment with a technology or new technique, and minimize the distractions.
Don't expect people to download the plug-in, so many people will go to other places.
Attention should be focused on providing information, rather than making the page look amazing and the information is drowned in the fog of animated flashes, flickering text, and other tricks.
Rollback should be avoided if possible.
When users browse a new page, they often roughly glance at the content area of the page, regardless of the navigation menu bar (that is to say, the large-scale flash header is useless except for the nice-looking ones !). If the page looks unrelated to the user's needs, the user will always click the "back" button in two or three seconds.
Do not use flickering text.
Except in some rare cases, flickering text will be annoying to users.
This is also true for animated text, which must be used in a very restrained manner.
・ Try to use text layout to assist navigation.
If our page contains dozens of links, we need to classify these connections and use different titles and color blocks to distinguish them.
Everyone is always thinking about the audience of the site.
Who will access this site? Why do they want to visit and what are their main knowledge backgrounds? The design and layout of pages must reflect the different needs of these groups.
Highlight uses the page layout to highlight the titles that people are looking.
Once you understand the needs of the customer group, you can analyze the titles they most want to see and use the page layout to highlight these titles. Of course, a customer survey is a good way to grasp the content they care about.

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.