What are the disadvantages of a good website design to be discarded?

Good web design is a hard thing to achieve. A good website design, not only attracts the eyeball, is also practical, intuitive, the level is simple but complex enough to keep the user's interest. The perfect balance of fonts, colors, blanks, and content can make a nice design and your users will come back again. A bad website design will drive your users away from your site.

1, no content level

The user's eyes like an orderly design, such as the head contains navigation and logo, specific content using Lightbox, three columns, footer. It helps to organize important information in your mind and directs the user to the places you want him to notice. In traditional art, beginners are taught the three principles of color, value and linear perspective and other artistic direction. In web design, there is no special naming guidelines, but organizing your content in an intuitive way is a good rule of thumb.

2, too many fonts

Yes, I know you've just bought a set of 5,000 awesome fonts, but for your website design, don't run out of it all at once. In general, it is a good way to limit yourself and use only a few fonts, especially for novice designers. Although you can mix a nice design with a lining and sans serif fonts, you need to know when and where to plan, otherwise it will look strange.

3, the poor size

Standard practice is that H1 text is larger than H2 text, and header text is larger than paragraph text. Try to keep the same size as possible because it contributes to consistency (8th) and the Content hierarchy (article 4th). Keep the text readable, but not too big, so that the size of the font shows the importance of information. Also, the size below 10 pixels is too small for a large number of people reading.

4, not enough blank

White space can be said to be the most important part of the design. It helps prevent users from getting tired when browsing the web, it can draw distance from the content, and it looks good in itself. Whitespace does not have to be white, but it is simply a space for other design elements to provide spacing and buffering.

5, do not consider the user's resolution

Yes, your screen resolution is 2560 pixels, which is very good. But many people still use a 1024-pixel rate on the screen, some still using 640*480 or 800*600. Although the display of this resolution is decreasing, mobile devices with smaller resolution are also coming. The Web site is now designed to be 960 pixels wide, although it does not take care of every resolution, but it can present the best in the mainstream resolution. If you want to face a large number of mobile phone users, it is best to consider a mobile version of the design.

6, too much color

Background a color, content text A color, link a color, page head and lightbox a color, pattern and footer each one color. This is good because it helps to differentiate between useful content. However, multiple gradients, several bright colors, and a large number of contrasting tones and saturation can damage your site's hierarchy and blank concepts. Try to limit yourself to a bright hue (such as blue), and then match the inverse of the monochrome (white, gray, black) to achieve a beautiful result.

7, the same thing do not enough or do too much

Multiple navigation is very good, such as one in the header of a page in the footer. It is also good to add a "back to top" button in the footer. However, too many approaches to the same goal can reduce usability. Ask your grandmother to use your site, and if she can't figure out what to do, let the first-time users refuse to use the site.

8, the problem of contrast

Have you ever considered the difference between reading white text on black background and black words on the ground? Have you ever read a white-gray word? Some ways are better than others because it is a way of perceiving the contrast in the eye. If you're having a hard time reading text, consider changing the font size or style.

9, not enough text spacing

With the white space, there are two pieces of text spacing, one is the word distance (this can not be directly adjusted with the CSS, through some advanced technology to solve), related to the gap between the letters. One is line spacing, which can be directly adjusted with CSS, is related to the distance between two lines of text. These help area branches and paragraphs to make it easier for users to read text.

10, inconsistent

Consistency is the key to Web design. It is a way of organizing web design together, creating a feeling of close integration. When Web pages are linked to each other, they can help users connect all the pages together. If you keep changing fonts, sizes and colors throughout your site, users will soon feel overwhelmed.