Web Design Tips: Simple Rules for Page Layout
|
Repetition: Repeat certain page design styles throughout the site. Repeating elements may be a certain font, a title logo, a navigation menu, the margin settings of the page, a line of a certain thickness that runs across the page, etc. Color is also useful as a repeating element: set all your headings to a certain color, or use a subtle background behind your headings. Use contrast to grab the reader’s attention. Use contrast to grab the reader's attention. For example, you can make the title stand out against a black background and use a large bold font (such as Helvetica) to contrast with the regular font (such as Arial) below. Another approach is to use a background behind some text. 123WORDPRESS.COMwww.wejbx.com Leave some white space around text to make it easier to read and more elegant. White space is a virtue. A screen full of densely packed words can make people dizzy. Proper margins and line spacing can make reading easier. Keep it simple. Avoid adopting a technology 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 will go elsewhere. The focus should be on providing information, rather than making the page look amazing while the information is lost in a fog of flashing animations, blinking text, and other gimmicks. Whenever possible, avoid rolling. When users browse a new page, they often glance at the content area of the page and ignore the navigation menu bar (that is, the large-scale flash header is useless except for looking good!). If a page doesn't seem relevant to the user's needs, the user will always hit the "back" button after two or three seconds. Don’t use blinking text. Except in some very rare cases, flashing text can be annoying to users. The same goes for animated text, which must be used very sparingly. 123WORDPRESS.COMwww.wejbx.com Try to use the layout of the text to assist with navigation. If our page contains dozens of links, then we need to categorize these links and use different titles and color blocks to distinguish them. · Keep your site's audience in mind. What kind of people visit this site? Why do they want 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 headings that people will be looking for. Once you understand the needs of your customer base, you can analyze the headlines they most want to see and use page layout to make these headlines stand out. Of course, conducting a customer survey is a good way to understand what they care about. |
<<: Nodejs combined with Socket.IO to realize websocket instant communication
Recommend
Specific use of Linux dirname command
01. Command Overview dirname - strip non-director...
Detailed example of how to implement transaction commit and rollback in mysql
Recently, we need to perform a scheduled migratio...
Solve the problem of the container showing Exited (0) after docker run
I made a Dockerfile for openresty on centos7 and ...
MySQL 5.6 zip package installation tutorial detailed
Previously, we all used files with the suffix .ms...
Common shell script commands and related knowledge under Linux
Table of contents 1. Some points to remember 1. V...
Summary of Mysql-connector-java driver version issues
Mysql-connector-java driver version problem Since...
Detailed explanation of the functions of -I (uppercase i), -L (uppercase l), and -l (lowercase l) when compiling programs with g++ under Linux
As an entry-level Linux user, I have used simple ...
How to hide the version number in Nginx
Nginx hides version number In a production enviro...
CSS method of controlling element height from bottom to top and from top to bottom
Let’s start the discussion from a common question...
Detailed explanation of using Nodejs built-in encryption module to achieve peer-to-peer encryption and decryption
Encryption and decryption are an important means ...
Issues with Rancher deployment and importing K8S clusters
Rancher deployment can have three architectures: ...
Detailed explanation of Nginx reverse generation Mogilefs distributed storage example
1. Introduction to Distributed Storage System Wit...
Introduction to MySQL isolation level, lock and MVCC
This article aims to clarify the relationship bet...
Design Theory: Ten Tips for Content Presentation
<br /> Focusing on the three aspects of text...
Vue improves page response speed through lazy loading
Table of contents Overview What is lazy loading? ...