WEB导航栏设计思考

网站的导航多为一栏、二栏、三栏,原来所做的业务系统,在这方面不太关心,而最近在做的数据看板,尝试了几种方式,了解了几种方式的区别。

一栏式图标

一栏式版式又称为“单栏式版式”,它的特点是版面的内容区域非常广阔,一栏式的高自由度能够测试出设计师的水准,也更适合表现视觉效果和创意。

1、适合应用:官网网站,瀑布式页面展示。顶部导航不影响整体感。
2、网站层级多,扩展性强。
3、举例:苹果官网、阿里云

一栏式_侧栏默认展开模式

左侧导航固定,默认展开一级目录,右侧主要内容区域滚动,内容区自适应页面宽带。

1、适合应用:层级关系少的网站,结构比较简单。
2、缺点:点击目录时,整个页面会刷新,视觉上不够流畅。解决方式:左侧导航采用浅色底色,刷新效果不明显。
3、举例:百度移动统计

一栏式_侧栏默认收起模式

与默认展开不同的是,侧栏默认只显示出一级图标,当切换其他目录时,侧栏刷新视觉不强烈,并且右侧展示区面积大,不会有喧宾夺主之感。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、网页界面的构成 网页包括:网站logo,导航栏,banner,内容栏,版尾。 logo的大小标准:88*31普...
    辰宇913阅读 6,729评论 0 4
  • 站在黑暗的深处 靠近光明的边缘刻铸最细腻的温情 全世界只有不到3%的人微信搜索并且关注了 箫凌 你真是个特别的人 ...
    箫凌阅读 269评论 0 0
  • 在人生的旅途中,我有着许许多多的老师,但是我最喜欢的是四年级教过我的刘宝燕老师。 她有一张秀气的瓜子脸...
    a9e58c5691d8阅读 206评论 0 4
  • feedback : consistency 不用什么力 肯,需要放松 lips 注意是短音,lips 这个音不准...
    素心s阅读 165评论 0 1