How to make your website design concise?

Source: Internet
Author: User
Tags minimalist design

In web design, simplicity does not necessarily equate to minimalist design aesthetics. A simple web site simply removes all unnecessary elements from design, content, and code. Minimalist websites generally conform to this standard, and there are many sites, no matter how you imagine, that are not considered "minimalist", which is still appropriate for a simple definition.

Here are some of the advantages of simple web design and some simple techniques for simplicity in the design process.

The advantages of simple website
_____________________________________________________________________________________

1. Simple design makes the site easier to navigate
A concise website has no redundant information. This helps navigation in two ways: Typically, the site has fewer pages and columns, or the site is usually designed to be clean and easy to find navigation elements. The simple design of the website is a good solution to the problem of navigation usability.

Here are some tips for a simple navigation design:
• Use only one main navigation menu
• Ensure that navigation is consistent across a Web site;
• Do not use the Pull-down menu as a navigation, drop-down menu easy to hide some messy menu;
Instead, force yourself to incorporate some of the navigation elements into the web design. Typically, this will make navigation more concise.

2. Simple design allows the page to load faster
Simple designs typically produce smaller files, while smaller files can load faster. Also, if you keep your code simple and streamlined, you are less likely to invoke multiple stylesheets, or a large number of JavaScript files, or other additions to the site's HTTP requests. Faster loading and response speeds improve the user experience of the site.

3. Simple design makes content easier to "browse" (scannable)
When you don't have a lot of decorative elements on your site, the content becomes the protagonist, which makes it easy for visitors to browse.

One survey showed that 79% of the respondents were just browsing a new page, and only 16% of users would read a page verbatim. It's best to serve these browsing visitors without offending them. By putting the content of the site in the middle of the front, visitors can quickly see what those things are. These visitors will think your site is very friendly and likely to come again next time.

4. Simple Web design and creation will be faster
If your site design is simple, coding is also likely to be simple. Designing a site with simple layouts, one or two page templates, and simple typography is much faster than designing a site with eight editions, complex typography, and complex limitations and coding backgrounds.

However, it's important to note that creating a Web site looks simple, but it's actually quite complicated. Aim to keep the code as concise as possible. Sometimes, just adjusting the margin or padding of certain elements, or moving a little bit, can make the code much simpler without having a noticeable impact on the front-end design of the site.

5. Simple code is easier to debug
If your code is concise, it's much easier to find bugs. If you have 300 different properties than a stylesheet with only 30 attributes, it will take you longer to figure out which attributes are problematic.

Look for ways to make your code simple from the start. Like merging some CSS properties and definitions makes the stylesheet a whole and shorter. Merging style sheets or JS files can also make the overall code of the site more concise.

6. Smaller files mean less server space
As we have mentioned above, concise Web sites usually have smaller files than complex web sites. This means that your site will consume less server space and bandwidth than other sites. Maybe it's not a big deal for a one-month web site with only thousands of visitors, and for those who have more Web sites and site visitors, these add up to a huge savings. Think of some minimalist pages where the size of the picture may be less than 100KB, and some complex sites can sometimes reach 1MB. This means that the cost of your site and a 10 times times the traffic in your simple site is almost the same. If your site has a lot of content or a large number of visitors, simplifying your site, reducing the size of your site files is a meaningful thing.

How to make your site concise?
_____________________________________________________________________________________

Remove unnecessary decorative elements
The initial design of many websites contains many decorative elements that are of little use. There is no need to remove all the decorative elements from the site, even if a part of the removal can usually make the site cleaner and more sophisticated.

such as picture borders, drop shadow effects, extra pictures in the head and tail, and pictures that are used as additional instructions on individual pages (usually one or two pictures are enough) can be removed or simplified.

Ask yourself: "Are these elements really important?" ”
This is an excellent question to create a simple Web site. On every element, whether it be design, coding, or content, you should ask yourself if these are really necessary.

You should also look at what elements on the site can be merged. Can some pages be merged into one page? Can you combine some styles to simplify the style sheet? There are at least a few things in your design and code that you can combine to make your site simple.

Make sure the back end of the site is as concise as the front end
Many designers focus only on the design of the front-end and rarely notice their code. Some seemingly concise sites are messy at the back end. Make sure your site tags are as simple as possible. This can be achieved by limiting the number of styles in your style sheet or by using the number of JavaScript effects. This also means writing a good, standard-compliant marker.

This also means that you should choose an appropriate content management system (CMS) as the site's architecture. Some of the CMS is quite complex, and some sites benefit from their complexity, some cmss are too complicated, and there are benefits from their complexity sites that can easily be overkill for many sites. Choose a content management system that provides just or allows you to turn functions on and off.

Excellent examples of simple Website Designs

Some excellent and concise website


Original Author: Cameron Chapman

Original link:simplicity in good Web design:advantages & How-to
Translator:puting
This article link:http://www.socialbeta.cn/articles/simplicity-in-good-web-design.html



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.