视觉设计时不应产生新信息
纯粹的对视觉效果的追求是有价值的。
原始人带骨制的项链,为的是看上去很美。在身上弄纹身,显然也不是拿自己的皮肤当记事本用。(现代人中,michael scofield是个例外。)
现代人新修缮的前门大街。这条大街的北段,基本上是依照原有建筑翻新的,可以理解为新古典主义吧。南段则是新建的房子,由于没有明确的参照,设计师可以自由发挥,这给饱学了现代主义理念的设计师提供了机会,设计了很据现代主义的房子—无装饰的,平顶,方方正正的(也许可以节约建筑成本,至少在现代主义兴起的阶段是这样考虑的)。作为一条传统商业街上的建筑,使用了与周围大杂院一致的灰色,门窗上适当使用了一些传统元素。大概应该算是后现代主义吧。

前门大街南段

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

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

对美的视觉效果的追求是人本能的需要。
然而,由追求视觉美感所引发出的一些问题又使得我们不得不提出一些要求、建议、原则来限制那些不恰当的视觉设计。
以下是我们已有的一些观点:
● 避免使用纯粹装饰性的图标。
![]()
● 链接应该用蓝色,非链接不要用蓝色。
● 不要使用英文作为装饰性元素。

……
这些纷繁的观点是不是可以再概括?
可以这样概括:
为了追求视觉效果的设计过程中,不应产生新的信息。
图标不可避免的会传达信息,无论是画个小旗子还是整个小房子,都会代表特定的含义,传达了特定的信息,所以我们之前说到,不要使用装饰性的图标,要用图标就是用图标表示特定的含义,比如,“添加”使用一个加号,“关闭”使用一个叉子…
蓝色在网页上通常表示链接,这个惯例使得蓝色也传达了特定的信息。那么,文字颜色不可以滥用蓝色。
英文也是文,虽然看着不如中文明白。对于绝大多数比较年轻的中国人,多少都懂些英文,在中文标题旁边加上英文译文,翻译的不准确反而会让用户误解,即使翻译的正确也是在增大信息量,显然没必要一个标题写两边吧~
这样说来,如果用大家都看不懂的阿拉伯文之类的放在中文标题下做装饰或许倒更好些,全当是个花边儿了…
“是否传达这个信息”应该是有计划的、理性的,而不应该是在设计视觉效果的过程中high着决定的。不应该在追求视觉效果的过程中产生新信息。
(本文转载自腾讯ISD交互设计组月报第九期)

订阅日志
2月 16th, 2009 at 10:46 上午
看完收获挺多的,谢谢!
2月 16th, 2009 at 11:32 上午
google 有一条设计原则叫做 内容即界面, 不使用任何一点多余的元素,跟你这个说法满接近的
2月 16th, 2009 at 10:06 下午
我开始做网页的时候基本不用蓝色做标题
可是我是新手要听一些建议
后来也用了蓝色
看起来活泼一些
现在看来还是不能用蓝色
2月 17th, 2009 at 11:47 上午
UI设计师们要注意了,
国内网站,尤其是那些门户站点,都习惯加一些条条框框(文章中的后两个图片中可以看到),用以划分不同的界面区域,其实这也是不必要的视觉元素
2月 18th, 2009 at 10:32 上午
谢谢,看了有收获·~~
2月 19th, 2009 at 4:43 下午
越深度的用户越喜欢简单的风格,避免一切干扰
2月 20th, 2009 at 12:50 下午
恩 精炼的信息看来是核心
2月 28th, 2009 at 6:57 下午
喜欢看你写的东西~等待更新。。。。
3月 4th, 2009 at 4:57 下午
不错,简单的几张图却反应出了网站设计要注意的很多东西!
3月 6th, 2009 at 9:55 上午
有时很难克制这种冲动,呵呵
你好久没更新了呀,忙的四脚朝天了哈:)
3月 8th, 2009 at 8:34 下午
以前刚开始设计的时候也是喜欢用一些装饰性的图标。 为了把页面填满经常做一些不必要的视觉效果。现在想来真是缺乏根据,做得没有道理。
3月 12th, 2009 at 10:55 上午
原则“不添加多余的信息”很有同感。
3月 18th, 2009 at 4:13 下午
这些东西对于网页设计还真是箴言啊。
3月 22nd, 2009 at 5:17 下午
这个我觉的应该具体问题具体分析
很多时候视觉设计要产生新的信息 帮助人们更好的理解
又或者仅仅是未来烘托气氛。
4月 2nd, 2009 at 3:42 下午
为什么不给博客做个留言本呢?
我是米拉之落
我的博客网址已换,麻烦更新一下
博客名:微物之神
博客网址:http://bewho.us
4月 5th, 2009 at 10:04 上午
理性而有计划的传达信息。不在追求视觉效果的同时产生新的不必要的信息传达。
4月 17th, 2009 at 1:18 上午
整个网站最大实话的一句就是:更新很慢!
4月 20th, 2009 at 9:25 上午
很喜欢你的博客,每次上来都能学到些东西,就是更新慢了点,我最近做了个网站,大哥能不能帮忙指点一下,http://www.yw11.com 谢谢.
5月 22nd, 2009 at 3:44 下午
非常好,但是我对一条有所保留,就是非链接不能为蓝色 我不知道这个是从哪来的,也许你的目的是要告诉大家链接和非链接的识别问题,但是没有那条规定链接一定要是蓝色的,蓝色的非链接和粉红色链接不是一样比较容易识别么?好像我也没有听到过说人们已经认为蓝色就是链接这样的心理模式。而且我觉得上网的人大多数并不是很懂网络的,真正的网络老鸟所占得比例是很少的,不能以我们自己的标准来看的毕竟我们用网络已经很长时间了而且相对很专业。
5月 23rd, 2009 at 6:04 下午
[...] 闲话Icon设计 臭鱼说视觉设计时不应产生新信息,那是否意味着视觉设计师的工作纯属体力劳动?其实不然,交互设计只能说明页面的轻重缓急,在视觉表现层面,视觉设计师仍然有相当的创意可做。极端一点,如小小的Icon,也并不是花瓶。 [...]
5月 29th, 2009 at 10:20 下午
to:闲话
不产生新信息,和没有创造性不是一回事儿。
To:熊汶
蓝色的文字是有链接的,这是为什么,我真不知道应该怎么解释。
6月 5th, 2009 at 11:49 上午
很清晰的表述!
6月 6th, 2009 at 8:12 下午
你的QQ是多少,你那个邮箱不对啊,不然你加我吧,我想向你请教一些关于封面设计的问题,可以的话你加我的QQ吧,601712903。
7月 14th, 2009 at 2:00 下午
前辈很有才
7月 24th, 2009 at 12:29 下午
可否交换一下连接
9月 6th, 2009 at 6:53 下午
在中国谈品味是件危险的事情 建议去看下vimeo.com 个人认为简单又有品
9月 8th, 2009 at 11:16 下午
个人认为此文的某些观点有点钻牛角尖了….习惯变成规定,没有约定俗成的,是在发展上形成的设计师的习惯而导致,就象上一楼的人说的,没有人这么一定规定非链接不能为蓝色吧>是一直以来设计师就这么习惯的做了,用户习惯的看了产生了对这种细节的关注,就认定了是一种规则吗?现在谈简约谈的太多了,造成了大多数人的误解,做减法未尝不可,可是也得看是什么类型的网站.为了规则而小心熠熠的去设计怕做出来的这里不符合规范那里不符合条例,请问要设计师干吗?直接找个机器人来复制得了….
9月 14th, 2009 at 5:44 下午
楼上有理,抹墙搭砖~~
10月 27th, 2009 at 2:51 下午
哈哈,同意!
不过也许视觉设计不应该产生多余的信息,有时应该还是可以作为文案不足或太弱的补充(如YAHOO MY FAVORITES每条分类边上的icon)
11月 10th, 2009 at 1:56 下午
前文举的例子——前门大街,和得出的结论,刚好矛盾。
建筑上有很多复杂视觉信息的前门大街北段,商业气氛比建筑视觉信息简单的南段要好很多。
结论却是设计要控制视觉信息,这不是前后矛盾吗?
按照前面的例子,你应该提倡大面积使用装饰性ICON,而不是避免使用纯装饰性的ICON。
11月 19th, 2009 at 12:50 下午
UI设计就是减法的艺术
1月 25th, 2010 at 4:35 下午
[...] (本文转载自腾讯ISD交互设计组月报第九期)-臭鱼的交互设计 [...]
5月 20th, 2010 at 2:39 下午
凡事无绝对
8月 11th, 2010 at 8:50 上午
国人喜欢热闹,普通的互联网用户更在意的是能否顺利完成意愿操作,如同你在“英文也是问……“一段中所说,用户就当它是个装饰……
8月 17th, 2010 at 3:02 下午
前门大街南端都那样子了,,还后现代主义呢?呵呵 北段是门面,当然要富丽些,南端基本就是收尾的样子.银子不够草草收工..