Design Fundamentals
Tags: design
Published: 2022-08-26 23:07:58

**Website Design**

When creating a well designed website you have to have factors like consistency, colours, typography, imagery, simplicity, functionality and the right use of whitespace for the outcome to be what is expected in today's web design. 

For front-end developers being able to create an appealing website with a nice design is very important.
Creating an environment that catches the users attention and keeps them coming, the design has to be simple and well thought out, good use of whitespace, no overusing of words and just overall simplicity is something you have to have in the back of your mind while creating a website. You hear a lot of people talk about "less is more" these days and it is for a reason.

Iv'e listed 8 different topics to what seems to me to be the most important principles for a good design when creating a website. 

![Wireframes drawn on paper with a marker](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6mrjkz9s510hbe9jyvep.png)
 
**Wireframes**

UX designers use wireframing to plan the look and setup of their design for a website, app, or product. As i understand it this process should be the first thing you do before any code is being written, the process focuses on how the designer or client wants the user to interact with the site.
Without distractions of colors, typeface choices or text, wireframing lets you plan the layout and interaction of your interface.

**Colours**

Color 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 some say but i feel like 3 colors is sometimes nicer and more pleasant too look at.   

**Type**

Typography has to be easy to read and does play an important role on your website. Typefaces should only use a maximum of 3 different fonts on the website.

**Imagery**

Imagery is very important mainly cause of the initial information we consume on websites is visual. First impression can be very powerful and it is essential that the imagery has high quality images. Images should tell a lot about the brand on website and be expressive, professionalism and credibility is important for the user and the brand.  

**Navigating**

Navigation is also something you might want to look into, the setup has to be simple, intuitive and consistent for the user. 
To retain visitors to your site your navigation has to be on point, just a little confusion in navigation will throw off the user and limit the chances of visitors coming back.

**Grids**

Grids help to structure your design and keep your content organised. The grid helps to align elements on the page and keep it looking nice and clean. 

**Loading Time**

If the visitor has to wait longer than usual for a website to load you will lose those visitors. Nearly half of web visitors expect a site to load in 2 seconds or less and they will potentially leave a site that isn’t loaded within 3 seconds. Optimising image sizes will help load your site faster.

**Mobile**

More and more people are using their phones over other devices to browse the web these days. Just by looking around in your daily life you can see that most people are way more a mobile consumer rather than being on the computer, and the stats don't lie. It is important to consider building your website with a responsive layout where your website can adjust to different screens.