飞龙博客

feilong.org 前端开发教程

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

飞龙修订于 20090818 07:37 9 次浏览

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

下面是飞龙整理的网页制作时网站导航设计的一些规范,更新网址: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

想学前端?长按二维码加我微信

想学前端?点击飞龙QQ

分类: 网站开发

新作:

旧文:

关闭

长按二维码 -> 识别图中二维码

打开微信,发现,扫一扫

支付完成后,点击下一步

感谢大力支持

然后你手机号:

最后点这,稍等即可