飞龙博客

飞龙博客 飞龙在天

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

feilong.org 修订于2009-08-18 07:37:00 326 次浏览

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

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

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

所在分类: 网站开发

新作:

旧文:

blog money bui 教程 echarts 教程 eclipse 教程 html css 教程 IT趋势 js 教程 json 教程 mysql 教程 nodejs npm 教程 onblog SQLite 教程 tutorials vscode 教程 wap网站 winpe启动盘 wordpress 主机推荐 书法 前端开发 博客 名企名网 国学 域名注册 常用软件 建站程序 操作系统 教程 数码 无线上网 日记 电子商务 电脑笔记本 网站 网站优化 网站开发 网站推广 网站策划 网络 虚拟现实 默认