7 Web Design Mistakes Beginners Tend to Make

Web design is not a very easy job. Owing to various free tool these days, web design has become somewhat simple, but getting everything right and keeping up with the trends is an entirely different picture. There are several mistakes web designers can commit, and most of them are committed by beginners. Even an expert web designer tends to make the most basic mistakes and as such, it is extremely important to understand the gravity of these pitfalls and how to avoid them. Of course, there are various guides available on how to develop your style, but in the end, totally depends on you. You can have a very basic style, or you can get into complexities, but let’s not get into that since it is an entirely different topic.


This particular article talks about 7 Web Design Mistakes Beginners Tend to Make. These mistakes are awfully common, and being wary of them and eventually avoiding them, will lead to a better and more successful career. One thing you need to do however, is to understand that experimentation with the design will go a long way, and you need to have patience. Don’t give up easily. Without further ado, here’s presenting a few mistakes web designers tend to make, as beginners. Enjoy the read, and as always, your comments are welcome.

7. Alignment to Grid

By default, gridlines are invisible. Professionally, however, web designers tend to make sure that every element sticks to the grid in order to ensure symmetry. Now, it will not be obvious to the naked eye, all that easily, if your elements are in line, but overall, the design, if unsymmetrical, will make your webpage look poor in quality. One grid that you can stick to is 8 vertical columns. If you want to be even more detail oriented, or if you elements are smaller in size, you can increase the number of these columns up to a 16. Make sure that these columns are equally spaced both width wise, and length wise and height wise. In order to help you out, there are various grid systems available for you to use for free when you are designing a web page and that includes the 960 grid system. Then there are more recent systems, which are responsive such as Skeleton.


You need to understand that the elements you place in your design, should line up clearly. If they don’t line up, they should be so messed up that the visitor understands that they are not meant to be lined up. I am referring to scenarios, where everything seems to fall in line, but then there is one particular element that is biased towards one direction for no specific reason. These elements are referred to as ‘orphans’. At least make sure that entire content are of your website, actually centers in the browser, and you would do yourself a favor if you would go for a responsive design rather than a static one.

Tip : Responsive Frameworks for Developers

6. Text and Fonts

One thing you need to understand is the fact that your content is made up of a few images, and a majority of text. It is by the means of that text that the reader navigates on your website and interacts by your website. As such, text is what will make up the majority of your website, and that is exactly why it is of extreme importance. You need to spend a lot of time deciding on the fonts that you use for different areas of your websites, you need to figure out the typeface, and you need to make sure that font does not vary by a large degree from element to element. It would do you well, if you chose fonts that belonged to the same family.

You can take an example of zeldman, It have shown large font sizes are works fine with paragraphs

text and fonts selection

5. Photography

If you are creating a portfolio, the website will be about pictures and images primarily. You need to come up with a format that is easy to navigate and easy on the eyes. The biggest mistake one tends to make here, is the how the picture are viewed i.e., whether you use a gallery or you use multiple page (gallery is preferred), and the size of the images especially the thumbnails. The thumbnails need to be clear enough for the viewer to understand what it is about, so the size you should be appropriate. The click on thumbnail should then the viewer to the gallery instead of an entirely new page.

4. Icons and Logos

Icons and logos will hopefully turn out to be something that readers and viewers associate your website with and as such, they should be designed with perfection in the mind. High resolution design and if you have to resize them, make sure you use professional tools, because otherwise, the pixels are messed up. Adobe Photoshop is the perfect one here. Another thing you need to make sure is that the design does not have any jagged edges. Make it smooth, and make it crystal.

3. Unfinished Work

There are times when you have an image in your head, and you try to translate that image into your design. Half way along, you get bored of it, or it gets really tiresome and complex, so you decide to either leave it, or finish it with a different, more simple design. Never do that. Make sure that you finish what you started, because people will be able to notice if there are discrepancies.

2. Overall Vision

When you start designing a web page, you will have a certain vision in your mind. Before you start it, you will have finished it in your head. What you need to do, is make sure that every single element on your website serves a relevant function. You cannot stuff your website with elements that are useless or apparently useless. They need to deliver an appropriate, relevant and clear function. That goes in line with the overall functionality of your web page. The key is consistency. If there is an element that does not serve a purpose very obviouslyyou need to get rid of it.

1. Trends

You need to keep an eye on the ongoing trends in web design industry. Having said that, it does not mean that whenever you hear of a trend, you incorporate it into your web design or your style. Several trends are introduced every day, not all of them take off. You need to keep an insightful on what is going on in the industry and what is in demand. The trends that seem to take off and are in demand are the only ones you should incorporate into your design.


Leave a Reply

Your email address will not be published. Required fields are marked *