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 the two points. The 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 some, the overall effect is not abrupt, but also very fast and natural to attract users ' sight.
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 unconstrained, 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 visual will make the user caused the content of some of the feeling of depression. 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 is not.
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 be designed to create a feeling of staggered scenes. 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 to create 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 performance of the site 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.
Article Source: http://design.anyforweb.com/newsDetail387.shtml