Talking about ten holes in web design

Good web design is a difficult thing to achieve. A good web design not only attracts eyeballs, but is also practical, intuitive, simple in hierarchy but complex enough to keep users interested. The perfect balance between font, color, white space and content can make a great looking design and your users will come back again. And a bad web design will take your users away from your site. When designing a Web page, there are many places where many designers are going astray.

1. Not enough blanks
Whitespace can be said to be the most important part of the design. It helps prevent users from getting tired while browsing the site, and it can draw a distance in the content, and it looks good in itself. Whitespace is not required to be white, but rather, it is simply a space for other design elements to provide spacing and buffering.

2. Too many fonts
Generally a simple web design, the general font no more than 3 kinds. Many of the chaos

3. Too Many Colors
A color, content text, a color, link a color, a page header, and a lightbox a color, a pattern, and a footer. This is good because it helps to differentiate between useful content. However, multiple gradients, several vivid colors, and a large number of contrasting shades and saturation can disrupt the hierarchy and whitespace concepts of your site. Try to limit yourself to a bright hue (such as blue), and then match the inverted monochrome (white, gray, black) to get a nice fit. This emphasizes the color of the watercress. It's also my favorite color match.

4. No content Hierarchy
The user's eyes like an orderly design, such as the head contains navigation and logos, specific content using Lightbox, three columns of column, footer. It helps to organize important information in the heart and directs the user to the place where you want him to notice. In traditional art, novices are taught the three principles of color, value, and linear perspective and other art directors. In web design, there are no specific guidelines, but organizing your content in an intuitive way is a good rule of thumb. It is also a user habit cultivated for many years. The final habit is the end user. Of course, the immutable is not what we encourage.

5. Do not consider the user's resolution
Your screen resolution is 2560 pixels, which is very good. But many people still use a 1024-pixel rate on the screen, and some are still using 640*480 or 800*600. Although the display of this resolution is decreasing, mobile devices with smaller resolutions are also coming. Now the web design width standard is 960 pixels, although not to take care of every resolution, but in the mainstream resolution can be presented at the best. If you want to face a large number of mobile phone users, it is best to consider a mobile version design.

6. The problem of comparison
Have you considered the difference between reading white on black and black on the bottom? Have you ever tried reading white-bottomed grey words? Some ways are better than others, the reason is that it is a way for the eyes to perceive the contrast. If you are having difficulty reading text, consider changing the font size or style. The secret to becoming a master web designer: Contrast, contrast, contrast.

7. The same thing does not do enough, or do too much (over)
Multiple navigation is very good, such as one in the page header and one in the footer. It's also good to add a "back Top" button to the footer. However, too many approaches to the same target can reduce availability. Let your grandmother use your website, and if she doesn't, think about what makes the first-time user refuse to use the site.

8. Inconsistencies
Consistency is the key to Web design. It is the way that web design is organized together to create a feeling of close integration. In the case of links between Web pages, it can help users connect all the pages together. If you continue to change the font, size and color throughout the site, users will soon feel overwhelmed.

9. There is not enough text spacing
Related to white space, the text spacing has two parts, one is the kerning (this can not be directly adjusted with CSS, through some advanced technology to solve), related to the gap between the letters. One is the line spacing, can be directly adjusted with CSS, related to the distance between two lines of text. These help area branches with paragraphs that make it easier for users to read text.

10. Poor size
The standard practice is to H1 text larger than the H2 text, with the head text larger than the paragraph text. Try to maintain a consistent size as it contributes to consistency (8th) and Content level (4th). Keep the text readable, but not too big, so that the size of the font shows the importance of the information. Also, the size below 10 megapixels is too small for a large number of people to read.

Article from http://www.elsyy.com/news/2014/1031/485100790.html

Talking about ten holes in web design