[Interface UI design] Perfect site of the 101 indicators of the Four

Design | website

Design embodies the artistic quality of a website, but not that you should be too design, design style should be combined with your industry, to be concise, fresh, elegant, peaceful, design is only in the user access to your content to obtain an external impression, not distracting. Design should follow the following principles.

First impressions of a major for first-time visitors

A good design will give first-time visitors a memorable initial impression, however, the design of good and bad has always been the beholder, benevolent, there is no unified standard, if the hard to set a standard, is a good design should give people a professional sense, the so-called professional sense, popularly speaking, is designed to look like, Compare your website with the world's top 500, and you will know what a professional sense is like.

Industry-oriented design

If you are a mechanical industry, it is not appropriate to use pink as the color of the page. Different industries have different styles of industry, your design should be in line with the style of the industry, not the same industry design style is generally based on the tastes of different sectors of the consumer group, which is like a professional photographer for the target market camera is generally black, strong, The weight of the handle is characteristic, while the consumer camera is characterized by the silver or the color, the thin fashion. If you don't know what your industry style is, you may wish to look at your successful competitor's website.

Design can not be distracting

Or say, not excessive design, you need always remember, users come to your site, they really want to see the content, not your design, not to mention, the so-called design, more is a subjective thing, with the world's popular trend and change, now design more concise for the United States, Be sure not to make your site look like the baroque art.

Design follows the principle of elegance (elegant)

Some rude design will make the user feel violated, the so-called elegance, for example, the top of your page has 20 six-color horse lights flashing there is absolutely not elegant, elegant design looks polite, tasteful, artistic, so that users are respected, and not let users feel that you are yelling at them.

Design adherence to the peace Principle (peace)

Do not use overly strong color or font contrast to make users feel uneasy, or feel tired, good design is the idea of their own design often show out, rather than always afraid of people can not see, if users do not feel the design of your heart feel comfortable, you are in a peace of mind design.

Contains eye-catching Logo

Your company or website logo should be very eye-catching, they are your visual symbols, do not bury them in some messy color.

Contains a very attractive business Banner

Enterprise Banner is my own coined a vocabulary, the so-called enterprise Banner is a group of pictures or other visual elements, placed in the top of the site, generally under the Logo, navigation near, used to show the image or dynamic of the enterprise, it is similar to advertising Banner but only for the display of the enterprise itself. Enterprise Banner should have a good design, reflect the enterprise's culture, values or attainments, to be updated regularly.

Enterprise Banner should be updated regularly

Enterprise Banner should be the most eye-catching part of your site, for long-term access to users, they should become the center of user attention, for example, every time Microsoft new products, new trends, will design a brand new enterprise Banner on the home page, if you do not have the time and the manager regularly on the site content of large-scale updates Updating the enterprise Banner and combining it with the enterprise dynamic will make people feel that your site has been actively updated.

Enterprise Banner embodies Enterprise dynamic

If you have a large exhibition to hold, or take part in an event, or get an achievement in the industry, a reward, or a major product release, you can tell the user in the form of an enterprise Banner, and your users will if you attach importance to these developments.

Reasonable layout of the center of gravity, do not have the feeling of top-heavy

The best composition that human beings can accept is a triangular composition, with the center of gravity on the left side of the page, and then to the right, gradually decreasing. Otherwise there will be a feeling of instability in the picture. Don't list too many visual elements at the top of the page, which gives you a feeling of being top-heavy.

The whole station adheres to the same design style

Full-station color and page layout should be consistent, to give people a sense of coherence, to avoid the page and the page is too abrupt changes.

To optimize a picture

The image is very important in the site, the appropriate use of picture elements to avoid the page is too boring, the picture is easier to understand than the text, but you must design the picture to optimize processing, otherwise their size will make your site very cumbersome, Photoshop Save for Web Features can be a good way to help you optimize your pictures. The principle of the picture optimization, for the color is rich and delicate photos, should be saved in JPG format, the appropriate choice of compression ratio, a 400x300 pixel image in the size of a JPG should be less than 20K to fit; for large color block graphics, in GIF format to save better, Reduce the number of colors appropriately to significantly reduce the size of your picture.