视觉设计时不应产生新信息

二月 15th, 2009 38 Comments »

纯粹的对视觉效果的追求是有价值的。

原始人带骨制的项链,为的是看上去很美。在身上弄纹身,显然也不是拿自己的皮肤当记事本用。(现代人中,michael scofield是个例外。)

现代人新修缮的前门大街。这条大街的北段,基本上是依照原有建筑翻新的,可以理解为新古典主义吧。南段则是新建的房子,由于没有明确的参照,设计师可以自由发挥,这给饱学了现代主义理念的设计师提供了机会,设计了很据现代主义的房子—无装饰的,平顶,方方正正的(也许可以节约建筑成本,至少在现代主义兴起的阶段是这样考虑的)。作为一条传统商业街上的建筑,使用了与周围大杂院一致的灰色,门窗上适当使用了一些传统元素。大概应该算是后现代主义吧。

前门大街南段


前门大街北段

由南至北走过来,明显能感觉出,南段显得更为冷漠,没人气,虽然最高只有两层楼,但走在其中还是会觉得压抑。与北段相比,同样是作为商业街,南段显得缺少亲切感,没有繁华闹市的氛围。当然这差异和在营业的店铺数量也多少有些关系。(前门大街重修后,正在招商,很多铺面都还没有商家入住,北段入住率更高些。)现代主义、后现代主义对追求纯粹的视觉效果“不感冒”,这使得这类风格的建筑视觉效果上相对单调、枯燥。

google的产品是清晰、简单的,它的设计是不特意追求视觉美感的。

adobe.com网站信息传达清晰、明确,同时通过视觉设计使网站看上去科技、有品味、有现代感、有… 在保证了信息传达准确性、高效的基础上使浏览者得到更好的体验。

对美的视觉效果的追求是人本能的需要。

然而,由追求视觉美感所引发出的一些问题又使得我们不得不提出一些要求、建议、原则来限制那些不恰当的视觉设计。

以下是我们已有的一些观点:
● 避免使用纯粹装饰性的图标。

● 链接应该用蓝色,非链接不要用蓝色。

● 不要使用英文作为装饰性元素。

……

这些纷繁的观点是不是可以再概括?
可以这样概括:
为了追求视觉效果的设计过程中,不应产生新的信息。

图标不可避免的会传达信息,无论是画个小旗子还是整个小房子,都会代表特定的含义,传达了特定的信息,所以我们之前说到,不要使用装饰性的图标,要用图标就是用图标表示特定的含义,比如,“添加”使用一个加号,“关闭”使用一个叉子…

蓝色在网页上通常表示链接,这个惯例使得蓝色也传达了特定的信息。那么,文字颜色不可以滥用蓝色。

英文也是文,虽然看着不如中文明白。对于绝大多数比较年轻的中国人,多少都懂些英文,在中文标题旁边加上英文译文,翻译的不准确反而会让用户误解,即使翻译的正确也是在增大信息量,显然没必要一个标题写两边吧~
这样说来,如果用大家都看不懂的阿拉伯文之类的放在中文标题下做装饰或许倒更好些,全当是个花边儿了…

“是否传达这个信息”应该是有计划的、理性的,而不应该是在设计视觉效果的过程中high着决定的。不应该在追求视觉效果的过程中产生新信息。

(本文转载自腾讯ISD交互设计组月报第九期)

有38 条对“视觉设计时不应产生新信息”的评论

  1. nicole 说:

    看完收获挺多的,谢谢!

  2. justkiddings 说:

    google 有一条设计原则叫做 内容即界面, 不使用任何一点多余的元素,跟你这个说法满接近的

  3. rita 说:

    我开始做网页的时候基本不用蓝色做标题
    可是我是新手要听一些建议
    后来也用了蓝色
    看起来活泼一些
    现在看来还是不能用蓝色

  4. 行云流水泵 说:

    UI设计师们要注意了,
    国内网站,尤其是那些门户站点,都习惯加一些条条框框(文章中的后两个图片中可以看到),用以划分不同的界面区域,其实这也是不必要的视觉元素

  5. 网名 说:

    谢谢,看了有收获·~~

  6. iamsujie 说:

    越深度的用户越喜欢简单的风格,避免一切干扰

  7. anneQi 说:

    恩 精炼的信息看来是核心

  8. chris 说:

    喜欢看你写的东西~等待更新。。。。

  9. 唯有执着 说:

    不错,简单的几张图却反应出了网站设计要注意的很多东西!

  10. 朱小草 说:

    有时很难克制这种冲动,呵呵

    你好久没更新了呀,忙的四脚朝天了哈:)

  11. 果伦 说:

    以前刚开始设计的时候也是喜欢用一些装饰性的图标。 为了把页面填满经常做一些不必要的视觉效果。现在想来真是缺乏根据,做得没有道理。

  12. 橘子酱 说:

    原则“不添加多余的信息”很有同感。

  13. 三三 说:

    这些东西对于网页设计还真是箴言啊。

  14. lin 说:

    这个我觉的应该具体问题具体分析

    很多时候视觉设计要产生新的信息 帮助人们更好的理解
    又或者仅仅是未来烘托气氛。

  15. 米拉之落 说:

    为什么不给博客做个留言本呢?

    我是米拉之落
    我的博客网址已换,麻烦更新一下
    博客名:微物之神
    博客网址:http://bewho.us

  16. L 说:

    理性而有计划的传达信息。不在追求视觉效果的同时产生新的不必要的信息传达。

  17. 刘亚平 说:

    整个网站最大实话的一句就是:更新很慢!

  18. 林子 说:

    很喜欢你的博客,每次上来都能学到些东西,就是更新慢了点,我最近做了个网站,大哥能不能帮忙指点一下,http://www.yw11.com 谢谢.

  19. 熊汶 说:

    非常好,但是我对一条有所保留,就是非链接不能为蓝色 我不知道这个是从哪来的,也许你的目的是要告诉大家链接和非链接的识别问题,但是没有那条规定链接一定要是蓝色的,蓝色的非链接和粉红色链接不是一样比较容易识别么?好像我也没有听到过说人们已经认为蓝色就是链接这样的心理模式。而且我觉得上网的人大多数并不是很懂网络的,真正的网络老鸟所占得比例是很少的,不能以我们自己的标准来看的毕竟我们用网络已经很长时间了而且相对很专业。

  20. […] 闲话Icon设计 臭鱼说视觉设计时不应产生新信息,那是否意味着视觉设计师的工作纯属体力劳动?其实不然,交互设计只能说明页面的轻重缓急,在视觉表现层面,视觉设计师仍然有相当的创意可做。极端一点,如小小的Icon,也并不是花瓶。 […]

  21. 臭鱼 说:

    to:闲话
    不产生新信息,和没有创造性不是一回事儿。

    To:熊汶
    蓝色的文字是有链接的,这是为什么,我真不知道应该怎么解释。

  22. *聊噹* 说:

    很清晰的表述!

  23. 芸 说:

    你的QQ是多少,你那个邮箱不对啊,不然你加我吧,我想向你请教一些关于封面设计的问题,可以的话你加我的QQ吧,601712903。

  24. 匿名 说:

    前辈很有才

  25. 时鱼 说:

    可否交换一下连接

  26. qiyunbin 说:

    在中国谈品味是件危险的事情 建议去看下vimeo.com 个人认为简单又有品

  27. sunnyku 说:

    个人认为此文的某些观点有点钻牛角尖了….习惯变成规定,没有约定俗成的,是在发展上形成的设计师的习惯而导致,就象上一楼的人说的,没有人这么一定规定非链接不能为蓝色吧>是一直以来设计师就这么习惯的做了,用户习惯的看了产生了对这种细节的关注,就认定了是一种规则吗?现在谈简约谈的太多了,造成了大多数人的误解,做减法未尝不可,可是也得看是什么类型的网站.为了规则而小心熠熠的去设计怕做出来的这里不符合规范那里不符合条例,请问要设计师干吗?直接找个机器人来复制得了….

  28. 阎米米 说:

    楼上有理,抹墙搭砖~~

  29. innoor 说:

    哈哈,同意!
    不过也许视觉设计不应该产生多余的信息,有时应该还是可以作为文案不足或太弱的补充(如YAHOO MY FAVORITES每条分类边上的icon)

  30. 神 说:

    前文举的例子——前门大街,和得出的结论,刚好矛盾。
    建筑上有很多复杂视觉信息的前门大街北段,商业气氛比建筑视觉信息简单的南段要好很多。
    结论却是设计要控制视觉信息,这不是前后矛盾吗?
    按照前面的例子,你应该提倡大面积使用装饰性ICON,而不是避免使用纯装饰性的ICON。

  31. 空空稻壳 说:

    UI设计就是减法的艺术

  32. 视觉设计时不应产生新信息 | 刘钢 - 我是UED 说:

    […] (本文转载自腾讯ISD交互设计组月报第九期)-臭鱼的交互设计 […]

  33. FUCK 说:

    凡事无绝对

  34. loktar 说:

    国人喜欢热闹,普通的互联网用户更在意的是能否顺利完成意愿操作,如同你在“英文也是问……“一段中所说,用户就当它是个装饰……

  35. 绿巨人 说:

    前门大街南端都那样子了,,还后现代主义呢?呵呵 北段是门面,当然要富丽些,南端基本就是收尾的样子.银子不够草草收工..

  36. 一一 说:

    首先要考虑需不需要设计,然后再考虑怎么去设计。视觉设计师应该把创造性的东东花费在应该创造性的地方,让用户感觉到高兴、有趣,一个没有什么信息含义的ICON没必要去浪费脑细胞

  37. fuck your mind 说:

    大师。。。你这个有点误人子弟啦。。。
    拿回去改改吧

    楼上的说你的不对,你应该理解。
    觉得你像个守旧派。。。

    举出来的东西,看似分析透彻,其实未必正确,而且还不是关键因素。。。

  38. fuck your mind 说:

    除了蓝色文本这个问题外,其他的问题并不是大多数人特别在意的问题。并且小标签,小图标,用用英文什么的,用不着那么苛刻!
    除非你是专业性的什么装逼网页。。。也不见得所有的东西都是那么精辟,而且有用。。。
    有时候一些不经意的小设计会成为大用武之地。

    设计的路还长的很。。。没有必要现在就定的条条框框。

发表评论

您的大名: