Simple principles of web page layout design_HTML/Xhtml_Web page production

This article has compiled some simple principles for web layout design, hoping to be of some use to web designers. This article has compiled some simple principles for web layout design, hoping to be of some use to web designers.
・Repetition: Repeat certain page design styles throughout the site.
Repeated components may be a certain font, title logo, navigation menu, page margin settings, lines of a specific thickness that run through the page, etc.
Color is also useful as a repeating component: set a certain color for all titles, or use a subtle background behind the title.

・Use contrast to attract the reader’s attention.
Grab the reader's attention through contrast. For example, you can have the title highlighted on a black background and use a large bold font (such as Heilongjiang), which is in line with a regular font (such as Song Dynasty) below. contrast. Another method is to use a background behind a piece of text.
・Leave white space around text for easier reading and a more polished layout.
White space is a virtue. A screen full of dense words can make people dizzy, so leave appropriate margins and line spacing to make reading easier.
・Keep it simple.
Avoid adopting a technique or new technique just for the sake of trying it out, and keep distractions to a minimum.
Don’t expect people to download the plugin, many people will go elsewhere.
Focus on providing information rather than making the page look amazing while the information is lost in a fog of animated flashes, flashing text, and other gimmicks.
・Avoid scrolling whenever possible.
When browsing a new page, users often glance at the content area of ​​the page and ignore the navigation menu bar (this means that the large-scale flash header is useless except for looking good!). If the page seems irrelevant to the user's needs, the user will always click the "back" button after two or three seconds.
・Don’t use flashing text.
Except in some extremely rare cases, flashing text can be annoying to users.
The same goes for animated text, which must be used very sparingly.
・Try using text layout to assist navigation.
If our page contains dozens of links, then we need to classify these links and use different titles and color blocks to distinguish them.
・Always thinking about the site’s audience.
What kind of person will visit this site? Why do they come to visit and what is their main knowledge background? The design and layout of the page needs to reflect the different needs of these groups.
・Use page layout to highlight the titles people will be looking for.
Once you understand the needs of your customer group, you can analyze the titles they most want to see and use the page layout to make these titles stand out. Of course, conducting a customer survey is a good way to understand what they care about.