DEV Community

loading...

4 key principles of web design

Pritesh Bhoi
Frontend developer (web and mobile) | WordPress | Shopify | Squarespace. I'm available 30+hrs in a week. Let's Discuss Project
Updated on ・2 min read

1. WEBSITE PURPOSE

Your website needs to accommodate the needs of the user. Having a simple clear intention on all pages will help the user interact with what you have to offer. What is the purpose of your website? Are you imparting practical information like a ‘How to guide’? Is it an entertainment website like sports coverage or are you selling a product to the user? There are many different purposes that websites may have but there are core purposes common to all websites;

  • Describing Expertise
  • Building Your Reputation
  • Generating Leads
  • Sales and After Care

2. SIMPLICITY

Simplicity is the best way to go when considering the user experience and the usability of your website. Below are ways to achieve simplicity through design.

Colour
Colour has the power to communicate messages and evoke emotional responses. Finding a colour palette that fits your brand will allow you to influence your customer’s behaviour towards your brand. Keep the colour selection limited to less than 5 colours. Complementary colours work very well. Pleasing colour combinations increase customer engagement and make the user feel good.

Type
Typography has an important role to play on your website. It commands attention and works as the visual interpretation of the brands voice. Typefaces should be legible and only use a maximum of 3 different fonts on the website.

Imagery
Imagery is every visual aspect used within communications. This includes still photography, illustration, video and all forms of graphics. All imagery should be expressive and capture the spirit of the company and act as the embodiment of their brand personality. Most of the initial information we consume on websites is visual and as a first impression it is important that high quality images are used to form an impression of professionalism and credibility in the visitors mind.

3. NAVIGATION

Navigation is the way finding system used on websites where visitors interact and find what they are looking for. Website navigation is key to retaining visitors. If the websites navigation is confusing visitors will give up and find what they need elsewhere. Keeping navigation simple, intuitive and consistent on every page is key

4. VISUAL HIERARCHY

Visual hierarchy is the arrangement of elements is order of importance. This is done either by size, colour, imagery, contrast, typographically, whitespace, texture and style. One of the most important functions of visual hierarchy is to establish a focal point; this shows visitors where the most important information is

Hi, if you want share knowledge on my website contact

priteshbhoi18@gmail.com

Must Read -

  1. https://dev.to/priteshbhoi/4-key-principles-of-web-design-4fne
  2. https://dev.to/priteshbhoi/10-best-javascript-animation-libraries-to-use-in-2021-bd9

Thanks

Discussion (2)

Collapse
skronner profile image
Skronner

Thank you for sharing. Please check the numbering, specially the last item (5 on a list of 4).

Collapse
priteshbhoi profile image
Pritesh Bhoi Author

Sorry for that. and Thanks I'll correct this.:)