web交互设计方法:信息架构中的常见模型(2)

http://www.itjxue.com  2015-08-07 21:31  来源:未知  点击次数: 

2.  画布加工具条(Canvas Plus Palette)

【形式】

用于图形编辑器上,把一个带图标的工具条放在空白画布旁边,用户单击调色板工具条上的按钮,在画布上创建对象。通常工具条用来创建对象,画布用来摆放对象。

【优点】

这个模式来自于人们的日常生活经验,画布、调色板,就是这样的样式,因此用户在使用时容易理解;同时画布加工具条也利用了可视化识别的好处,最常用的图标(画笔、手型图标、放大镜等)在各种不同的应用系统中一次又一次的得到重用,而且每次都是同样的用法,减少了用户记忆和学习的成本。

【用法】

工具条本身应该是一个图标按钮或者看起来像按钮的网格,由于中文本身词汇的表达比较强,所以工具条里用图标加文字的形式会更容易理解。

工具条放在画布的左边或者上面,当工具比较多时,可以吧工具条的图标分成几个小组,比如用(card stack)模式的TAB来表示这些分组。

【例子】

QQ秀泡泡日志的编辑框正是一个画布加工具条的用户, 通过Icon加文字的形式组成了工具条,并用分割线将工具进行了分组。

(责任编辑:IT教学网)

更多