网站的导航多为一栏、二栏、三栏,原来所做的业务系统,在这方面不太关心,而最近在做的数据看板,尝试了几种方式,了解了几种方式的区别。
一栏式图标
一栏式版式又称为“单栏式版式”,它的特点是版面的内容区域非常广阔,一栏式的高自由度能够测试出设计师的水准,也更适合表现视觉效果和创意。
1、适合应用:官网网站,瀑布式页面展示。顶部导航不影响整体感。
2、网站层级多,扩展性强。
3、举例:苹果官网、阿里云
一栏式_侧栏默认展开模式
左侧导航固定,默认展开一级目录,右侧主要内容区域滚动,内容区自适应页面宽带。
1、适合应用:层级关系少的网站,结构比较简单。
2、缺点:点击目录时,整个页面会刷新,视觉上不够流畅。解决方式:左侧导航采用浅色底色,刷新效果不明显。
3、举例:百度移动统计
一栏式_侧栏默认收起模式
与默认展开不同的是,侧栏默认只显示出一级图标,当切换其他目录时,侧栏刷新视觉不强烈,并且右侧展示区面积大,不会有喧宾夺主之感。