网页的导航条作为网站的主题部件 

一个网页的导航条作为网站的主题部件，对整个网站制作的视觉效果起着举足轻重的作用，以前很多设计师都对导航条设计有着独特的见解，昆明网站建设作为多年的老牌网页设计公司，也给大家分享几点经验。

A web page navigation bar as the components of your site's theme, to the visual effect of the entire site plays an important role, many designers before has a unique insights on navigation design, mutual aerospace science and technology as the old web design company for many years, also some experiences to share.

1、吸引眼球的图标，导航栏设计的一个重要趋势是：图标应用得越来越频繁了。为了使导航更加显眼，设计师通常通过漂亮的图标来装饰导航栏。在这里，昆明网站设计选用的图标图标应该能清晰地辨认，并且能清晰地表达该分类的内容。而不是用更大的图标来吸引眼球。

1, eye-catching icon, navigation is an important trend of the design: icon is used more frequently. In order to make the navigation is more prominent, designers usually by beautiful ICONS to decorate the navigation bar. Here, kunming website design chosen icon should be able to identify clearly, and can clearly express the content of classification. Not with larger ICONS to attract eyeballs.

2、垂直导航和树状导航 ，垂直导航和树状导航一般都是放在左侧（很少站点会放在右侧），显示产品目录居多。垂直导航和树状导航的区别只在是否有多级弹出菜单，在浏览器上设计弹出菜单并不是一件，简单的事情，要考虑到跨浏览器的兼容性，美观和收放效果实不容易。而且除非是产品线比较丰富的站点，否则采用垂直导航即可。

2, vertical navigation and navigation of a tree, vertical navigation and tree navigation is usually on the left side (very few sites will be on the right), showed that the product catalogue is in the majority. Vertical navigation, and the difference between the tree navigation in multistage pop-up menu, only on the browser pop-up menu design, is not a simple matter, want to consider cross-browser compatibility, beautiful and an income effect is real is not easy. And unless it's product line is rich site, otherwise the vertical navigation.

3、顶部水平栏导航，顶部水平栏导航对于只需要在主要导航中显示5-12个导航项的网站来说是非常好的。这也是单列布局的网站的主导航的唯一选择(除了通常用于二级导航系统的底部导航)。当它与下拉子导航结合时，这种网站设计模式可以支持更多的链接。

3, the top horizontal bar navigation, the top horizontal bar navigation for only need to display in the main navigation 5 to 12 navigation website is very good. This is the only option for single layout of the site of the main navigation (in addition to the usual for secondary navigation system at the bottom of the navigation). When it is combined with dropdown sub-navigation, this design pattern can support more links.

4、下拉式导航，下拉式导航分为下拉弹出层和下拉选择框两种形式，外贸网站建设下拉选择框展示内容很有限，现在比较流行的是下拉弹出层的导航形式。

4, drop-down navigation, drop-down navigation into the drop-down popup layer and drop-down selection box two forms, the foreign trade website construction drop-down selection box display content is limited, is now more popular popup layer drop-down form of navigation.

5、页脚导航,页脚导航通常用于次要导航，并且可能包含了主导航中没有的链接，或是包含简化的网站地图链接。访客通常在主导航找不到他们要找的东西时会去查看页脚导航。

5, footer navigation, secondary navigation, footer navigation is often used to and may contain not found in the main navigation links, or contains a simplified site map links. Visitors are usually the main navigation when they find what they want to find out to look at the footer navigation.

页脚导航的一般特征

General characteristics of the footer navigation

页脚导航通常用于放置其它地方都没有的导航项

Footer navigation is usually used for navigation items placed elsewhere are not

通常使用文字链接，偶尔带有图标

Usually USES text links, occasionally with ICONS

通常链接指向不是那么关键的页面

Usually isn't that key link to the page

页脚导航的缺点

The disadvantage of the footer navigation

如果你的页面很长，没有人愿意仅仅为了导航而滚动到页面底部。昆明网站建设对于较长的页面，页脚导航最好作为重复链接和简要的网站地图的地方。它不适合作为主导般形式。

If your page is very long, no one is willing to just scroll to the bottom of the page for navigation. Kunming website construction for longer pages, footer navigation is best as a repeat links and brief site map. It doesn't fit as the dominant form.

何时使用页脚导航

When to use the footer navigation

绝大多数网页设计都有这样那样的页脚导航，即使它只是重复其它地方的链接。考虑什么放在那有用，以及你的访客可能最想找什么。

The vast majority of web design has such and such footer navigation, even if it's just repeat the rest of the link. Consider what on the useful, and what your visitors may want to look for.