飞龙博客

妙法莲华经

网页制作时网站导航的设计规范

feilong.org 修订于2009-08-18 07:37:00

网页制作时,网站导航的作用毋容置疑。简单清晰的导航条,能让网民对网站有很好的用户体验。网站导航设计,原则上是一目了然,符合逻辑,概括整站。

下面是飞龙整理的网页制作时网站导航设计的一些规范,更新网址:http://feilong.org/website-nav 一家之言,请斟酌。

1.表现形式:能用文字的就不要用图片、动画、或者JavaScript。飞龙建议用文字导航,css样式装饰。
2.层级关系:能一层规划内容的就不要再区分什么频道、栏目、子栏目。飞龙建议不要超过2层。
3.栏目个数:不要超过20个栏目,最好5到10个栏目。如果有那么多栏目要设置,还不如归类放在二级栏目。
4.导航文字:导航文字2到4个字就可以了。各个栏目的定位和名称用词不要混淆。

5.当前位置:一般某个栏目页面,需要标明当前位置,在网页标题里面也需要写清楚。
6.子栏目导航:如果栏目层级超过了2层,应该有页面子栏目导航。
7.页面锚点:如果页面超过2屏内容,顶部应该有提纲锚点,跳到该子内容,在底部应该有 top 锚点回到顶部。
8.翻页相关:文章列表须有翻页功能,文章内容页须有相关文章和上下文导航。

更新网址:https://feilong.org/website-nav
最初发布:20090818 07:37:00 feilong.org 于广州

加入收藏夹,查看更方便。

所在分类: 网站开发

新作:

旧文: