PC + 手机 + 微信网站 + 小程序 + APP,五端合一
网站导航的设计对于一般的网站建设来说比较简单,小网站的层次结构分明,网页数量少,就像企业网站的导航一样,只需要几个按钮就可以代替。而大型网站的导航设计就非常有挑战性。大型营销型网站建设层次深,首页需要有很多页面入口,具有一定的规模和复杂性。
Design of website navigation for the website construction in general is relatively simple, clear hierarchy structure of small website, webpage quantity are few, like enterprise site navigation, only need a few buttons can replace. The design of large website navigation is a very challenging. Large marketing type website construction deep level, home to many page entrance, with the size and complexity of the.
那么,大型网站的导航应该怎么设计?
Then, large website navigation should be how to design?
在次之前笔者介绍几种不同的导航设计理念:
Before I introduce the different navigation design concept:
1、完全摆脱导航
Completely free of navigation
不给网站添加导航,而是为每个页面做一个独立的标记,让用户根据标签的搜索和关键词的组合找到合适的页面。这种方式可以支持无限大的网站,即使网站的深层连接再多也能满足用户的需求,而且还加强了页面之间的相互联系和活力。现在一些网站也是没有导航的,例如知乎、无觅等。
Not added to the site navigation, but as an independent marker for each page, let users according to the combination of tag search and keyword to find the appropriate page. This way you can support the infinite sites, even if the site deep connection to also can meet the needs of users, but also to strengthen the relationship between pages and vitality. Now some sites also no navigation, such as knowledge, without looking.
2、微型网站的组合
Combination of mini Web
还有一种方法就是将大网站拆分成微型网站,如英国广播公司的网站,下设若干子网站,像闻,体育,电视,电台等,每个频道都有自己的导航,避免了大型网站的导航复杂问题。
Another method is to split into mini web sites, such as the BBC website, under a number of sites, like news, sports, television, radio, and each channel has its own navigation, avoiding large website navigation complex problems.
3、用面包屑代替常规导航
With bread crumbs, instead of the conventional navigation
用户可以通过某个内容页的面包屑访问网站的栏目,面包屑导航可以让用户更清晰的知道自己所在的位置,以及上一级导航,缺陷就是面包屑导航不能让用户实现不同栏目的跳跃。
Users can access the site columns by bread crumbs and a content page, bread crumbs navigation allows users to more clearly know their position, and a navigation, skip defect is the bread crumbs navigation do not allow users to achieve different columns.
应该选择怎样的导航设计方式?
Should choose the navigation design way how?
4、垂直导航(Vertical navigation)
区别于传统的水平导航方式,可以用分组的方式将导航垂直显示,内容显示在右侧,用户可以随时切换自己想看的内容。
Horizontal navigation mode is different from the traditional, can use the grouping way navigation vertical display content, display on the right side, the user can switch at any time you want to see the contents of.
当然,可以保留顶部的一级导航,可以让用户实现不同信息的快速跳转
Of course, can retain the top level navigation, quick jump allows users to achieve different information
5、在导航上弹出菜单
In the navigation menu
可以设置一级导航,鼠标移上去的时候,出现该导航下的二级导航菜单,让用户自由选择。可以节省很大的页面空间。
You can set a primary navigation, when the mouse moved up, presented two levels of navigation menu in the navigation, let users free choice. You can save a lot of space on the page.