Home > Web Front-end > CSS Tutorial > 7 ways to improve web page readability_Experience sharing

7 ways to improve web page readability_Experience sharing

WBOY
Release: 2016-05-16 12:10:19
Original
1337 people have browsed it

1. Use contrasting colors. The contrast here is the contrast between the color of the text and the background color. In this way, users can see the text more easily and reduce reading fatigue. People with visual impairments may not be able to see low-contrast text. You can go to the website Vischeck to see how your website looks to users with color weakness (or color blindness).

2. Circle the text into small chunks (“Chunk up” your copy). Large chunks of high-density text will make your users feel overloaded with information and feel depressing. A few tips:

Use lists (or 1-2-3) and subheadings.
Keep paragraphs short.
Use bold or use different colors for important points to make them easier for those who don’t Users who are too patient and skim quickly get the point.
Use columns to control text width.
3. Avoid busy backgrounds to make the text easy to read.

4. Less is better. The more clutter you put on the page, the more it will confuse and distract users, making them unable to concentrate on reading. The website doesn’t look professional enough. Before you put anything, think about it, is it really necessary not to put it?

5. Use fonts with good legibility (Strive for a clean font style for maximum readability.)

6. Don’t use itsy-bitsy font sizes. The ant-like text is difficult to read quickly. It would be better if users can control it themselves.

7. Make your links look like links. If it is not a standard blue link, it is best to underline it. Text that is not a link should not be underlined.​

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template