High end website construction - what are the reasons for such a bad website?

1. Not enough blank

The blank can be said to be an important part of the design. It helps prevent users from getting tired when browsing the website. It can draw a distance in the content, and it also looks good. White space does not have to be white, but it just provides space for other design elements to space and buffer.

2. Too many fonts

Generally, a simple web page design has no more than 3 fonts. Many are disorderly

3. Too many colors

One color for background, one color for content text, one color for links, one color for headers and lightboxes, and one color for patterns and footers. This is good because it helps to distinguish useful content. However, multiple gradients, several bright colors and a large number of contrasting hues and saturations will destroy the hierarchy and blank concept of your website. Try to limit yourself to only one bright color (such as blue), and then match it with the opposite monochrome (white, gray, black) to get a beautiful match. The color matching of watercress is emphasized here. It's also my favorite color combination.

4. No content hierarchy

Users' eyes like orderly design, such as the head contains navigation and LOGO, specific content uses lightbox, three columns, and footer. It helps to organize important information in your heart and guide users to pay attention to the places you want them to pay attention to. In traditional art, novices are taught the three principles of color, value and linear perspective and other art guides. In web design, there are no special guidelines to follow, but it is a good rule of thumb to organize your content in an intuitive way. It is also a user habit cultivated for many years. The end habit is the end user. Of course, being static is not what we encourage.

5. Regardless of user resolution

Your screen resolution is 2560 pixels, which is very good. But many people still use 1024 pixels on the screen, and some still use 640 * 480 or 800 * 600. Although the number of displays with this resolution is decreasing, mobile devices with smaller resolution are also coming. The current web design width standard is 960 pixels. Although it does not take into account every resolution, it can present well in the mainstream resolution. If you want to face a large number of mobile users, consider a mobile version design.

6. Questions for comparison

Have you considered the difference between reading white words on a black background and black words on a white background? Have you ever tried to read grey characters on a white background? The reason why some methods are better than others is that they are a way for the eyes to perceive contrast. If you find it difficult to read text comfortably, consider changing the font size or style. The secret of becoming a master web designer: contrast, contrast, contrast.

7. Not enough or too much of the same thing

Multiple navigation is very good, such as one in the header and one in the footer. It is also good to add a "Back to Top" button in the footer. However, too many paths to the same goal will reduce availability. Let your grandma use your website. If she can't make sure, think about what makes the first time visitors refuse to use this website.

8. Inconsistency

Consistency is the key to web design. It is a way of organizing web design together, which can create a sense of close integration. When the website pages are linked to each other, it can help users link all the pages together. If you continue to change the font, size and color throughout the site, users will soon feel overwhelmed.

9. Insufficient text spacing

It is related to blank space. There are two parts of text spacing. One is the font spacing (this cannot be directly adjusted by CSS, but can be solved by some advanced technologies), which is related to the blank space between letters. One is line spacing, which can be adjusted directly with CSS, and is related to the distance between two lines of text. These help to separate lines and paragraphs, making it easier for users to read text.

10. Poor size

The standard practice is that the h1 text is larger than the h2 text, and the header text is larger than the paragraph text. Try to maintain a consistent size as it contributes to consistency (Article 8) and content hierarchy (Article 4). Keep the text readable, but not too large, and let the font size represent the importance of information. Also, the size below 10 pixels is too small for people who read a lot.

Source of this article Shangpin China: High end website construction