长、闪、挤、花—有中国特色的网站首页

十一月 28th, 2005 10 Comments »

中国网站首页设计有四大特色:“长,闪,挤,花”。

先说这个“长”,中国网站的页面真是长啊,以至于我坐在电脑前浏览的时候经常会想,这个页面的最低端会不会已经搭拉到我的脚面上了。我们的万里长城是第几大奇迹来着?反正中国的网站应该紧排在她后面。

我们的大型门户网站恐怕应该是长页面的领军者吧。现在能生存下来的大型门户各个实力不凡,又纷纷上市,其他网站能与他们页面相似应该也能说明实力相似吧,这几家大型门户已经给用户形成了“长则是好”的印象,于是众多网站都纷纷“长”起来了。无论是综合性网站还是专业性网站,只要有内容,就能做多长就做多长,没有内容,抄袭别人内容也要做长,以至于不少实力有限的网站只是首页很长,到了栏目页面(二级页面)就简陋的可怜了。

长的基础就是要内容要多,这些众多的长网站在组织内容的思路上基本是一致的,就是把二级页面的内容摘要的放在首页上。首页分成若干个相应的通栏的大块儿(这样可以逐个部分的下载页面,易于显示),再在每两块之间加一条广告,最后再在页面的最上面加一个更综合的区域,所谓的重中之重,这样以来页面想短都短不了。

按照Jakob Nielsen的说法:网站首页的长度不应该超过4屏。当然这个准则也未必就那么准确,但是至少应该承认页面不是越长越好的。

第二,说说“闪”。就是网页上能动的东西―――动画。主要是Gif动画,flash动画,脚本语言实现的图片交替效果,还有就是弹出窗口。动画对网页表现本应该是个很好的补充,但是现在的实际效果是对网页的干扰,因为动画从一开始就扮演着广告的角色。虽然将各种形式的动画应用于网站在国外的网站上也常见,但是中国网站上的动画实在是太多了。恐怕也是因为中国网站页面长吧,能放动画的空间自然也就大了。整个页面到处都在不停的闪。科学家已经证实,在月球上是看不到万里长城的,但是我想,应该是可以看到中国网页的,它们不仅长,而且还在不停的闪烁。

这些动画通常是广告,网站要生存,要有经济效益,这是可以理解的,但却不可接受,尤其是太多的时候。最不可接受的是一些网站会把自己的栏目名称,网站logo之类的很重要的内容也做成动画,以为这样可以更醒目,要知道,绝大多数用户是经验丰富的,他们看到动画闪来闪去就会认为那是广告的,尽管你不是,那也活该,谁让你乱闪来着。

虽然弹出窗口里的内容不一定是动画,但是它“噌”的一下弹出来,着实是够“动”的,就动画的效果而言,绝对是最具视觉冲击力的。还好,现在有越来越多的雷锋式的好公司提供了能屏蔽弹出窗口的工具。

脚本语言实现的图片交替效果目前主要是用在网站头条的图片报道上,虽然是动,分散用户的注意力,好在这种方式还是为了给用户提供尽可能多的信息,应该值得肯定,也应该是动画应用于网络的发展方向,只是不知道什么时候,哪位设计师灵感突现,把广告也伪装成这种样子,应该能在一片骂声中为公司赢得不少经济效益。

Gif动画是种传统的动画形式了,不过在flash动画面前,它的生存空间越来越小了,与flash动画相比恐怕Gif动画唯一的优势就是在用户将网页“另存为…”后,Gif动画还能显示,而flash就不行了。虽然Gif已是人老珠黄了,但是还是要批判,因为它通常是广告。

Flash动画无疑是网页动画的主力了,文件小,效果好,一个白方块在黑背景上隔帧出现,连续几次,只要尺寸稍大就足以造成用户暂时性失明。实际上,flash基于其强大的交互性应当能为提高用户界面的性能提供巨大帮助,但是如前面所说,它更被广告商所看好。更不幸的是越来越多“闪客”在为这项事业服务,原本代表特例独行、自由创造精神的人走向了相反的方向。这有点儿象政府将反政府武装招安后让他们穿着原来的军装去给政府机关当保安。

第三是“挤”。我们的网站看上去满满当当的,比公共汽车还挤。每天早上都是挤公共汽车,然后挤地铁,挤电梯,挤着打卡,好容易坐下了,打开电脑就不要再那么挤了,大家站开点儿吧,网页上有的是地儿。

与英文相比,中文本身就显得比较复杂,对于有链接的文字中国网站又往往更倾向于传统的随时保持下划线的方式,再加上小的几乎不存在的行间距(显然,这里夸张了,至少还要有划下划线的地儿),使得页面看上去分外丰满,如同我小时候习惯了在田字格本上写字后,初次改用行距很小的单线格本写字所展现出的风采。

即便是体检用的视力表也没有把行距安排的如此之小,那可是专门给我们眼睛找麻烦的工具啊,我们的网站无一不是把用户放在第一位的(至少自称是这样的),为什么不能把行距拉大些呢?

经常可以看到某网站为了突出重点内容而使用14pt的字号,然而却不加大该内容与其他内容的距离,这样只能使页面看上去更拥挤。这种做法倒是与老板(个别的,个别的,如果您是老板,那这里所说的一定不包括您)的做法颇为相似:只增加工作,不加薪。也许是设计师在用这种拥挤的样式向老板示威吧。

第四是“花”,中国网站的色彩之绚烂,几乎无以复加。前面分析了首页的构成方式―――将各个栏目摘要排放在首页上,通常每一个栏目会有一种主色调,这样一来,首页上的色彩自然就很丰富了。

当然,分栏目确定主色调的设计方式本身并没有错误,也不足以搞“花”页面,然而实际情况却更复杂,以文字为例,未点击的链接文字有黑色和蓝色,重点的文字会用红色(重点通常还很多),点击后的文字链接是紫色,无链接且不重要的文字是灰色,此外为了突出某一个重点内容会添加一个醒目的背景色或文字颜色。网页设计师为了表明自己工作用心,会给每一个子栏目的标题部分设计一个很具有特色的背景,这些文字再与数不胜数的图片、动画交相辉映,使得用户可以在一个页面上将电脑可以显示的全部色彩尽收眼底。网页设计师实际上根本不需要绞尽脑汁为页面设定主色调了,所有的页面色调都已经设定好了―――彩色。

为什么中国网站会设计成这个样子呢?

造成“长,闪,挤,花”问题的实质是一个“多”字。中国网站首页上内容多,重点多,栏目多,图片多,广告多,该多的多,不该多的也多,要多多,有多多。

“多”是中国网站的特点,更是中国社会的现实状况。无论是超级市场里还是购物中心里,到处是商品,到处是人潮,即使是象书店,美术馆这样的场所也是相似的场面,人们相信人多的商场里的商品会更好,人多的书店里的书会更全,人多的美术展会更有水平,卖家只能尽可能的展现自己的产品,从而证明自己的实力,而其他更高级的要求,诸如:环境,风格,品味,服务……都要为展示产品让路了。

在目前的中国,无论是物质产品还是精神产品,广大受众的需求都远远没有得到满足,所以大家都希望能看到更多产品,这样就形成了“多则好”消费心理(浏览网站的消费形式显得更间接),网页设计师在应聘时经常会被问到:你是否能胜任“大型”网站的设计,即“能不能把页面做的很长。”

中国网页内容多,给人忙乱的感受,正象我们自己经常会向别人抱怨自己忙的要死,以此来表示我们自己的价值。

引用Donald Norman 在《emotional design》一书中的理论,设计可以分为三种层次:本能水平的设计、行为水平的设计、反思水平的设计。本能水平的设计是满足人类本能审美需求的设计,也就是漂亮、美观的设计;行为水平的设计是注重效用的设计,注重功能、易用性、可用性;反思水平的设计注重信息、文化的作用,一件产品被设计的很独特、出众、引人瞩目,用户会因为始终这个产品而产生乐趣,产生满足感。

根据这个理论,中国网站的设计普遍达没能实现本能水平的设计,虽然网站的boss、设计师本人都希望把网站设计的很漂亮,吸引用户的眼球。行为水平的设计逐渐被重视了,不过目前基本上还是停留在不高的水平上。上面说到的中国网站的种种问题实际上正式在反思水平上的设计,一种变相的反思水平设计。

“多”这种看似缺陷的现象,实际上正式给用户一个好的反思―――“这个网站的内容丰富,在这里我能得到想要的东西。”尽管很多用户并不会真的关注首页上的内容。

正是这种反思吸引着用户,保证着网站的访问量。

造成上述网站首页设计问题的罪魁并不是设计师没水平或者用户没品味,而是产品不够,这表面上的“多”其实是由于“少”造成的。用户对网络内容的需求引导着网站的设计,策划人员有意无意的在迎合着这样的需求。

要改变中国网页设计单靠高水平的设计师是不够的,中国网页设计水平的提高是伴随着社会发展在进步的。

好吧,我们好好干吧,等我们实现了“四个现代化”,完成了“三步走”,创建了“和谐社会”,那时候,会需要更好的页面设计的。

-------------------------------
本文曾发表于chinaui ,转载于蓝色理想设计中国中国设计中心

有10 条对“长、闪、挤、花—有中国特色的网站首页”的评论

  1. 归元 说:

    中国特色的东西太多了

  2. sunsky 说:

    幽默诙谐,好文章

  3. 路客 说:

    如果这个blog换成全文显示不是更好,每次看到前面都得点全文显示,然后再往下拉,再回去,再往后看,直接全文显示,然后我们不就可以直接往下拉了??? [cool]

  4. 中国网页设计没有特点 - 千鳥志 说:

    […] 这个问题可以拉回到2005年11月,臭鱼总结的“长、闪、挤、花”四字特点一时传为佳话,得到各界人士的点头认可。可喜的是,到目前为止快过去5年了,除了“长”好像更长外,“闪、挤、花”都得到了一定程度改善。注意,原文写的是“网站首页”特点,而不是“网站”特点,很多转载、借鉴、抄袭不小心就把标题给省略了,首页只是网站的门面。 […]

  5. […] 转载来自 http://www.chouyu.com.cn/?p=8 […]

  6. 端午佳节,探讨中国网页设计 | 鸟人网 博客 说:

    […] 这个问题可以拉回到2005年11月,臭鱼总结的“长、闪、挤、花”四字特点一时传为佳话,得到各界人士的点头认可。可喜的是,到目前为止快过去5年了,除了“长”好像更长外,“闪、挤、花”都得到了一定程度改善。注意,原文写的是“网站首页”特点,而不是“网站”特点,很多转载、借鉴、抄袭不小心就把标题给省略了,首页只是网站的门面。 […]

  7. 过客 说:

    文章写的真的不错的,就是不能明白为什么其他国家的网页设计都是那么的与众不同,想在中国找出满意的网页都很难的!!

  8. 中国网页设计没有特点 - Open小巷 说:

    […] 这个问题可以拉回到2005年11月,臭鱼总结的“长、闪、挤、花”四字特点一时传为佳话,得到各界人士的点头认可。可喜的是,到目前为止快过去5年了,除了“长”好像更长外,“闪、挤、花”都得到了一定程度改善。注意,原文写的是“网站首页”特点,而不是“网站”特点,很多转载、借鉴、抄袭不小心就把标题给省略了,首页只是网站的门面。 […]

  9. ynijkhgm 说:

    深入学习!

  10. […] 这个问题可以拉回到2005年11月,臭鱼总结的“长、闪、挤、花”四字特点一时传为佳话,得到各界人士的点头认可。可喜的是,到目前为止快过去5年了,除了“长”好像更长外,“闪、挤、花”都得到了一定程度改善。注意,原文写的是“网站首页”特点,而不是“网站”特点,很多转载、借鉴、抄袭不小心就把标题给省略了,首页只是网站的门面。 […]

发表评论

您的大名: