原作者:
来源
译者
眼见网页设计标准的激增就如同看着一群野生鳄鱼在水面厮杀般令人眼花缭乱。虽然有少数勇敢的先行者,但当大多数人作出改变时,总是宁做凤尾,不做鸡头,因为这样能给予他们安全感。
在过去的两年里,大多数网页设计师决定以1024×768为基准的分辨率开始创作会比较保险。全世界的设计师都全心接受这一额外的空间。为什么不呢?终于我们有更多空间可供发挥了,但实在是太多了,就像搬进一间大房子而没有足够的家具来填充一样。那么剩下闲着的空间能做什么好呢?
这有点像对话中一段尴尬的停顿……
……于是我们来填满它。
但问题在于,当我们页面面积增大的同时,许多填充页面的基本元素并没有多少变化。毕竟,眼睛可视范围还是那么大。一般而言,文字不会突然增大,因此{zj0}文本宽度依旧还维持一样。
于是剩余的空间就很正常地用额外的内容来填充了——侧边栏、twitter feeds、rss按钮、flickr照片集、文章档案和广告,然后将它们栏状化、固定化。我们臣服于我们的客户(坦白来说,他们总是想在每一页上多放至少三倍的内容)。有了多出来的水平空间,反而更多的内容并排地挤到一块了。信息变得更稠密、更快速、更破碎了。
当然,有了更大的屏幕,可以一次性放下更多的信息了。可以理解的是,人们想尽可能利用好每一个宝贵的像素点。
但是当页面设计演化到以“宽带”的形式传递信息时,我怀疑我们是否同时也进化到具有快速消化其内容的能力。我阅读速度当然不会比我5年前更快,那么我们怎么忽然间能够处理那么多东西了呢?
我赞成一种说法,即我们其实是适应了快速浏览内容,而不是像过去一样仔细品读。这想法有趣地方在于,如果我们获取信息的智力带宽有限(这当然不是一个激进的假设),那么就会产生一个门槛,进一步来说,沟通是反效果的。从另外一个角度来考虑——直观理解,会存在一个临界点,你在页面上塞得东西越多,它们反而越不显价值。你说得越多,人们越难听进去。
精明地利用空间
不管你是否知道,你的设计要遵循“视觉预算”。你有多大的发挥空间取决于你的内容和你的受众。要经常反问自己:“我还有多少注意力时间可以利用?”千万别贪婪设法用光它。你的“视觉预算”总是比你想象中紧张。
要正确地传达一条甚至一段信息需要你对空间进行投资。好的网页设计师就像一个屏幕空间的股票经纪人,他们在开始动手前就应该对信息层次有一个清晰的认识,能够以合适的视觉手段传递正确的信息,把每一个像素点都卖个好价钱。
保持联想性
如果一名用户访问你的网站5-10秒钟,然后记住你想传递给他们的信息离开时,你就及格了。这些信息不一定只是文字,可以是一张图片、一个心情、一个印象。如果你能使受众联想到一段清晰整齐的信息,那么你就成功了。再若他们因为这些信息而选择购买你的产品服务或者愿意注册会员的话,你就天下{wd}了。
要达到这效果有时其实不必要放大文字尺寸,或使用明亮的颜色,言有尽而意无穷就足矣。只有恰如其分地使用空白空间才会产生视觉财富。
(苹果的主页是一个极特别的例子,它们在向我们传递某种信息)
要改善你信息的传播效果可以采取很多措施,但要记住以下几点。
1、保持简短
抓住少数几个你真正用得上的卖点,超过了就是贪心而且起不了任何作用。作为网页设计师,你有责任向客户解释过多的信息(如公司口号、使命陈述)既浪费空间又浪费注意力——尽管可能经理会在意它们,但事实上用户压根就不在乎。要仔细斟酌什么元素该留在页面上,什么元素不可以。你添加的任何东西都是经过滤后你想说的话。
现在若一个网站是为手机、iPhone、iPad 而专门“优化”的话,要把形式的东西裁剪到近乎赤裸——只保留最精髓的部分。在这种版式中空间就尤显珍贵,因为空间愈用愈少。尽管这种轻量化的版本形式通常是事后才添加的,但我认为我们应该先制作出小屏幕的版本(如iPhone、iPad)再移植到普通电脑屏幕上,这样就能使用最关键的元素帮助我们设计出简介的网页了。
2、使你的要点层次化
要基于你的目标和先后顺序来安排页面空间。即使你的观点内容本身不那么富有逻辑,但视觉上的层级化仍然是使你内容易于被读者消化的{zh0}手段。道理就像如果你听的歌曲每一部分都是同样的音量,那不叫音乐,而是噪声。
3、要赏心悦目
你干得越多,死得越惨。人们填充空白空间是因为他们畏惧它。他们视空白为谈话中尴尬的停顿,因此总想办法立即补上一段寒暄用语。如果你与不介意冷场的某人聊天的话,你当然会更加自信、更从容不迫。同理,那就让你的观点再慢点再清晰点吧。
______________________________________________
Rob Morris是一个澳洲的图像设计师,专注于网络画册、杂志和图书的设计。在2009年,Rob成为HiiDef公司(此公司的团队成员主要来自于Vimeo、Digg、Meetup、Zend)的一名产品设计师。以下是他作为一个设计师对于现今网页设计的一些思考,原文见。
0 views原文链接:" http://article.yeeyan.org/view/129002/106358"