6 Essential Web Design Tips for DIY Beginners


You know what? It is pretty easy to become a website building companies these days simply because everything is already laid out for you. All you have to do is use your imagination to come up with a blueprint and the tools are already there for you to use.

With that being said, if you want to be a good web designer, then here are some tips that will really become handy for you:

Start with Your Blueprint

Even though it is quite tempting to click on a website builder to start your website creation process, you have to put down your mouse and keyboard first and take a pen and paper instead.

The very first thing that you need to do is to come up with a blueprint or in most cases, a wireframe. This is where you pool all of your ideas like what color to choose, what content should you put in, what images you’re going to implement, and so on.

Having a blueprint makes everything else easier since all you have to do is implement all of the things that you’ve put in your wireframe.

Follow a Visual Hierarchy

Ever wondered why newspapers always have the most important information presented to you first before anything else? The act of doing that is actually called putting information above the fold.

In the case of a website, for example, putting information above the fold means that whenever a person stumbles upon your website, that the information readily presented to them in the first screen are the most important ones.

Although it is easier said than done, it would be best that you follow this pattern so that people will have a much easier time reading content from your website.

Texts Should Be Legible

Your website must contain texts that are actually readable. I still see a couple of websites nowadays that have very small font sizes which make everything so hard to read.

Your texts should be legible and to do this, you have to choose the right typography and the right font size. You could use the 16px font size for starters.

Furthermore, you have to use the right heading tags as well as the appropriate margins to ensure that the content is in its optimized place.

Don’t Forget About Color and Contrast

Surprisingly, a sizable portion of web designers actually overlook their color scheme and that is much to their detriment.

You see, the colors you end up using could affect how people will perceive your website. If you follow the principles of color psychology, you will find that there are certain colors that are best used for certain occasions.

Furthermore, it is also important to note that you have to use contrasting colors as well. You do not want your website to look monochromatic and bland, right?

Use of Imagery

It is encouraged that you put some images on your website and which one you end up choosing actually depends on your own aptitude and creativity. Here are some pointers:

  • Avoid using images that are not even relevant to your brand or the message that you’re trying to convey
  • Use high-quality optimized images. By optimized, I mean that it has to be scaled down to a certain degree without compromising quality so that it still loads pretty fast while preserving its overall image quality
  • Use PNGs instead of JPEGs since it provides better image quality and you can safely edit such photos.

Interactive Design

According to statistics, people actually use their smartphones over their desktop computers now when they access the internet. Therefore, it is important that you keep this in mind so that you not only cater to desktop users, but also to the mobile crowd as well. Interactive design helps you achieve this by letting you create a single website that can be viewed optimally no matter what device a user ends up using to access your content.