10 reasons to make your Web page design so bad

10 reasons to make your Web page design so bad

Good web design is a hard thing to achieve. A good web design, not only attract eyeballs, but also practical, intuitive, level simple but complex enough to maintain the interests of users. The perfect balance of fonts, colors, blanks, and content can make a nice design and your users will come back again. A bad web design will drive your users away from your site.

When designing a Web page, there are many places where many designers go astray. In this article, we'll discuss 10 reasons why your web design sucks and how to fix it.

Let us know what you think, if we miss the reason why your web design is so bad, please leave a comment!

1, 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.

Let's see what Alistapart says.

2, too many fonts

Yes, I know you've just bought a set of 5,000 awesome fonts, but for your web 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.

Web Design typesetting skills

3, 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.

4, 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.

Level of contrast and content

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 current web design width is 960 pixels, 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, the problem of contrast

Have you considered the difference between reading black and white and black at the bottom? Have you ever tried reading 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.

Become a master Web designer: Contrast, contrast, contrast

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, inconsistent

Consistency is the key to Web design. It is the way to organize web design together to create 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.

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, 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.

Well, you've already finished. Now you should be able to discover your own design problems, comment on other people's designs, and become a master web designer. Have we missed the reason why your site is so bad? Let us know in the comments!