日志首页 > 爱学习 > 细节的目的         « | »
细节的目的

以下是Scott McCloud的 《Understanding Comics》一些摘要,推荐大家读一下:D

 

realism

 

最左边的图显然是个特定的男士,而右边那个笑脸形象几乎能指代任何一个人。从这个例子看得出来,如果为了表达一个概念而使用隐喻,那视觉上的细节就必须减少。而事实上实际场合中我们所使用的界面控件一般不会去指代一个特定的东西。

 

realism2

 

当然,细节也不能太少,保证必要的识别性肯定是前提,至少要让用户看得出这是什么东西:

 

realism3_jpg

 

左边这个是人脸,右边这个你就很难分清楚是蛋还是球了。

 

接下来我们再来看看电脑上的实际例子,一个代表“主页”的图标:

 

realism4

 

从左到右,我们看到从一间特定的房子到广义上的Home概念的变化,细节越多,越难搞清楚其指代的概念

 

realism5

 

同样的,细节也不能过少,去掉窗子和烟囱之后这个Home图标就变得像一个 ⇧按键了。

 

让我们用一个并不太科学的图表来说明问题:

 

realism7

 

图表上的数值并不是来自实际测试中的数据,我只是想说明优秀的GUI设计应该出现在曲线的中间部分,视觉上只需要保证足够而不花哨的细节就可以了。

那什么样的细节是恰当的,什么样的细节是会让用户分心的呢?

 

realism8

 

左边这个按钮太过写实,不适合放到界面当中,而右边的只有一个边框,也很难激起用户的点击欲望。

 

realism9

 

对于这个开关来说也是一样,过度的细节让左边这个按钮看起来就是一张照片而很难认为是界面的一部分。

 
合理地运用阴影、渐变等细节,让用户既能分辨得出这个元素又能不分心于图形上的效果能够帮助我们打造美观而可识别的界面。

 

realism10

 

 

结论:

 

就像开头所说,图形用户界面就是一堆符号,而符号的精髓就是简洁。让用户快速准确地读懂符号以及其背后的含义是我们每个GUI设计师的重要责任,过多华而不实的写实性只能在可用性上带来明显的问题。

 
在设计中增加细节的目的不是让界面和图标看起来像照片那样真实,而是提高识别性,帮助用户更好地和各种控件进行交互操作。

原文:Realism in UI Design

 

(完)


分享到:



本日志没有评论
看完此日志,是不是也有很多感受,赶快点评一下吧。主人很期待哦! »