Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

Your Title Goes Here

Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.

New year, new website design trends. The Internet has changed a lot, and as such, design trends for websites are constantly changing as well. 2020 is not only a new year but also a new decade. Below are some trends to keep in mind going forward when designing websites.

Website design depends on different aspects.

 

Typography:

One of the most important parts in a website design is typography.

For typography, we need to understand the business model of the clients as well as the target audience.

For example: for home care websites, we should use bigger fonts and bolder text, so that senior citizens can read it more easily. 

Typography is subdivided into different aspects such as:

Font

  • Use general font styles for a website because different plugins do not support certain fonts.
  • The font should try to reflect your business.
  • For example: A graffiti business will feature graffiti style fonts; whereas, a website for a lawyer will employ more professional fonts.

Size

 

Size makes a big difference. It helps in improving readability for users.

 

Sans serif fonts are commonly used in online copy because it has been proven to be easier to read. Serif fonts are tougher for the eye to follow, although the opposite is true for printed text.

 

Average font size for the heading is 24 to 26.

 

Average font size for the body is 12-14.

 

The H2 tag should be consistent in size across the entire website, and the same goes for all the other headings like H1, H3, etc.

 

Weight 

 

This is also an important feature in typography. We can apply weight to the text, so that the text looks thicker or thinner. 

 

Weight is used in headers to distinguish them from other text on the page, so that users will focus on the heading of a certain product or service.

 

Line spacing or letter Spacing

 

While not much attention is often paid to line spacing and letter spacing, we should always keep in mind that letters should not overlap each other or other lines when building a website. 

 

This is especially important when designing websites for mobile. Be aware of the line and letter spacing used in both desktop and mobile sites, and ensure the text is being displayed correctly without any overlap. 

 

For readability purposes, the ideal line spacing is 130% to 150%. 140% is perfect. 

 

1.5 is the common height used for classic typography.

 

Line length: 27.8

 

Spacing paragraph: 0.74

 

Keep in mind that small fonts need more space compared to a large font. This is because smaller fonts are harder to read, and so the extra space around them makes it easier on the eyes.

 

  1. Colour scheme

 

Colour depends on a few factors.

 

Brand colour: Websites should use the colours of the brand, so that when people see the colours, the brand image will come to their mind.

 

Logo colour: Logo colours play a big role in website design. The primary color in the logo should be the featured colour on the website and used in the call to action buttons. Choose one to two complementary colors for the colour schema of the website.

 

There are different websites where you can find colours and different colour schemes according to visual representation. On these websites, we can choose Analogous, Monochromatic, Triad, Complementary, Compound, Shades, Custom, etc.

 

https://color.adobe.com/create

https://coolors.co/

 

Choose the background colour of your website wisely as it affects how your products and services look to potential customers. The right colour can make your site look sharper.

 

Responsive Website

 

In today’s era, your website should be responsive on all platforms. Inspect form width on mobile and design your website according to the size of the screen.

 

Page Load Speed 

 

In the world of digital marketing, the website landing page should load as fast as possible. There is so much competition in the market that within seconds customers can go to different websites if the landing page is slow to load.

 

The ideal page should be around 4MB in size, which includes images, text, entry forms, maps, etc.

 

Before uploading an image, scale, compress, and crop it to decrease the size of the image. That way, it takes up less space and loads quicker. 

 

Images 

 

Images are useful to provide visitors with a visual representation of your products and services.

 

You can also add animation effects with images to draw more attention to them.

 

Ensure that images are aligned with the text and other elements on the page.

 

It is a good idea to use images that evoke emotions, as humans tend to make decisions based on their feelings. 

 

Try to avoid using stock photos too much and instead add original images related to your business. This will boost your SEO (search engine optimization).

 

Have your target audience in mind when choosing images.

Ask yourself the following questions:

  • Will this image help my reader understand the content?
  • Will this image further my message or is it a distraction?
  • Do I just like this image or does it actually add value?

Consult with clients about the images. Use clear, high quality images.

Image size for desktop: 1208×500

Image size for mobile: 500×450

s.