Common Page Design Issues and How to Fix Them

When developing websites, mistakes can be categorized under coding and design. For the most part, coding mistakes can be fixed by means of testing and debugging; design mistakes, however, tend to be more common and easier to miss.
Design errors can only be avoided by learning to spot them and understanding what makes them visually problematic. In many cases, design mistakes do not look bad; nonetheless, they can be easily improved upon and avoided in future design projects. Here are some common page design issues:Uneven Horizontal Spacing
If the leading paragraph is followed by an H2 element plus a line of text, the rest of the page should flow with the same spacing. Inserting uneven spaces between headings, images and paragraphs is a common mistake that results in a slightly uncomfortable browsing experience.Foreground Text Provides Poor Contrast
Low contrast text that is superimposed on an image can be difficult to read. One of the problems in this regard is that designers will only focus on changing the text attributes while ignoring the image. Sometimes, all it takes is an image filter or a slight brightness adjustment to make things work.Logical Blocks and White Space
Macintosh magazine ads from the 1980s made great use of white space by arranging blocks of text logically, which can be accomplished with padding and backgroud colors. Excessive Typography
Unless a website is specifically designed to support an art project, the CSS should not be coded in a way that resembles Raygun, the gorgeous alternative rock magazine from the 1990s. Whenever possible, designers should stick to a single font, a couple of colors, two effects, and two saturations. The idea is to create one style that readers will encounter on subsequent pages.Long and Narrow Blocks of Text
Side-by-side skinny columns such as the ones printed by the Wall Street Journal until the late 20th century do not translate well into modern web design. The exception is when a single column is centered on the page; this allows mobile visitors to adjust their screens at will. For more information click here http://blog-en.tilda.cc/articles-website-design-mistakes.