Quiet and conspicuous navigation is the most suitable user experience

Absrtact: The importance of navigation in the design of the Web site has no doubt, but important does not mean that it must be high-profile, quiet and conspicuous navigation is the most consistent with the user experience, while the side navigation just happened to meet these two points. Site side navigation is good or bad

The importance of navigation in web design is no doubt, but important does not mean that it must be high-profile, quiet and conspicuous navigation is the most consistent with the user experience, while the side of the navigation to meet these two points. Site side navigation is good or bad is easy to judge, mainly depends on its size, form, color and typesetting.

Generally speaking, the width dimension of side navigation is controlled about one-third of the width of the content part;

The main manifestations are drawer-type navigation, fixed-side navigation and hidden side navigation;

Color on the page with the overall style of coordination and integration, to avoid too bright eye color. Although the navigation should be conspicuous, but through the color to achieve is not a good way, through the layout, form, font and other ways to achieve the same goal;

The layout of side navigation is relatively simple, which is divided into left navigation and right navigation. Generally the navigation on the left side of the majority, so as to get more attention.

The following is anyforweb for you to gather about the site side navigation use case, hope to bring inspiration to everyone.

1. Realistic physical and chemical design plus the wood texture background, the case site of the side-navigation application has become particularly fitting. Navigation and the overall design of the Web page is very integrated, while using subtle changes in texture to differentiate, not only allows users to gain visual comfort, but also to make navigation more distinctive.

2. This case is reflected in the navigation design idioms, using the color contrast with the background color to decorate the page of important elements, while playing to highlight the role of navigation. Because the background color selected a deep stuffy black, so the color of the navigation is also selected with the black color, but relatively bright, the overall effect is not abrupt, but also very fast and natural to attract users.

3. This is a relatively single site color, navigation design comparison with the nature, so that the overall effect of the mysterious with leisure. The designer will create a little wireframe experience to make the page more free and unfettered, while highlighting the "Login" ghost button in the upper right corner of the design, to guide the user login click.

4. The site does not follow the navigation size between the content of One-third to One-second of the size of the law, so the user will be visually caused by the content of some depressing feeling. However, some of the details of this case is worth our reference, such as the natural shadow design at the top of the content plate, the watermark in the title, and so on, these elements make the site look more natural and intimate, closer to the site and the distance between users.

5. Pure-hand-painted web design may make the site appear too childlike, and the following case shows a different form of hand-painted style. The designer did not set the text in the site to the status of handwritten graffiti, so the user experience of the site is not affected by the style of the reason. In particular, the navigation section, with the background color and color of the light gray shading will be a good guide to distinguish between the Shong, visual fluency.

6.Georgina Bousia's website is intuitive to give users a sense of fresh and calm. Clean and simple navigation can also bring a sense of high-end atmosphere to the site, but it can not be denied that designers have spent a lot of small minds. The large image has a slight translucent geometric shadow effect, so that the scenery in the picture more than some of the design of the sun.

7. Site navigation can also design a scene staggered feeling. Part of the content of a link with the natural convergence of navigation, the use of black not only does not appear boring monotonous, but created a unique retro fashion sense. The vertical parallax effect between the two is more appealing to the user.

8. This is a very special website navigation design, designers use the shape of the drop-down to reflect the simplicity of navigation and applicability. Navigation in the overall site performance is more covert, more like a page in the supplementary design.

9.TONYMOLY site Navigation Using a two-tier design, and then a simple icon design, the advantage is to let users more clearly see the content of the site classification. Color, designers use a neutral black and white collocation, the main content area of the visual impact to a minimum.

10. If you feel that the site navigation is just quietly placed on the side of the page looks too Orthodox, you may wish to try the following case practice. The designer adds a ribbon effect around the navigation to make the page look vibrant.

Sometimes it takes a little bit of ingenuity to make navigation different. However, based on the importance of navigation to the entire site, comfortable user experience and aesthetic choice between the need to carefully consider the designers.