中国创意同盟: 首页 > 创意理念
管理中心左侧栏的 “黄金分割”宽度浅谈
信息来源:中国创意同盟 文章作者:网站编辑 发布时间:2010-11-12

关于“管理中心”的界面设计框架,一般我们都会选择传统的“工”字结构,顶部是形象区,左侧是功能列表区,右侧是操作区,这种结构的功能扩展性和易用性都是非常好的,几乎90%以上的软件系统的后台管理中心都是采用这样的结构。

        在实际设计工作中我们发现,用户总是希望能把操作区的区域尽量变大,以最大限度满足业务工作,提高使用效率。我们对信息的浏览习惯于向下扩展,进行纵向滚动。也就是说在显示器分辨率一定的前提下,信息可以在Y轴进行扩展,而X轴却是固定的,这就需要我们在侧栏上多下功夫了。所以我们一般都会设置1-2个hide按键,来控制顶部栏和左侧栏的消隐,这样以来既可以扩大操作区又不影响导航。

        但是究竟左侧栏的默认宽度多少才是最合适,既能保持美观,最大限度的放大操作区,又可以不影响操作呢。下面我们就此问题进行一下研究。

我们首先将在左侧栏将会用到的元素罗列一下
滚动条:17px   图标:16px  文字(中文宋体):11px 文字间距:1px

左侧栏需要具备的以下几个条件
1.一般来讲左侧会包括最多不超多4级的树形菜单
2.文字为一行不折行,且一般不会超过8个汉字
3.考虑到可能会出现的滚动条

综上所述,我们进行排版。(如下图)

转载请不要修改任何文字图片链接信息 注明出处中国创意同盟
收藏此文】【关闭本页】【打印此文
点击排行
 
清华大学美术学院视觉传达系2010本科毕
28个强大给力让你信服的公众意识平面广
2010年欧洲设计奖―标志类获奖作品
用Photoshop把照片变成电影效果-简单易
十大顶尖男性杂志,你看过几本?!
上海2010世博会各国参展标志设计
中国美术学院工业设计2009届毕业设计展
创意中国·第六届全国设计艺术大奖赛
创意中国·第四届全国青年设计艺术双年
创意中国·第四届全国青年设计艺术双年
创意图片
不同风格的同一浴室空
2018丹麦设计及广告创
Anker充电器+充电宝二
灯泡里的小花园,原来
方便收纳电线的概念充
加拿大Cha Le茶叶包装
展赛专题
更多

版权所有 2010-2019 创意同盟丨ideatom.com 最佳分辨率1024x768
Copyright©2010-2019 www.ideatom.com. All rights reserved.
蜀ICP备10005508号-1