从模仿到创新:Web 设计中的中国风(上)

作者:许可君 译者:刘清涛

中国是个拥有5000年文明史的多民族国家,地域与文化延伸亚洲大部,汉风与汉字多被日本,韩国,越南等邻国采用。中国曾经兴衰,如今大门重开,接纳来自世界的风潮,概念与技术,也包括 Web 技术。本文采访了6位中国知名设计师,讲述了中国 Web 设计业从模仿到创新的历程。


中国 Web 设计: Dongpai

 

中国 Web 设计现状

我们采访了6位来自四个大城市的中国设计师,他们讲述了国内 Web 设计的现状与趋势:

  • 郭宇
    百度前首席设计师,现居北京
  • 白鸦
    UCDChina 合伙创始人,支付宝产品设计师,现居杭州
  • 吴隽辰
    UCDChina 合伙创始人,途牛旅游网的产品主管,现居南京
  • 周陟
    美术设计师,CK Telecom 的 UI 设计主管,《UI进化论-移动设备人机界面设计》的作者,现居深圳。
  • John Woo
    Google 中国的用户体验团队主管,现居北京。
  • Rex Song
    UCDChina 合伙创始人,互联网产品设计与架构师,现居北京。

我们的访谈是通过电话,Skype 或是 Google Talk,虽然采访的大体框架问题事先发给他们,但实际采访中多是依访谈情况发问。为了让他们畅所欲言,我们定义“Web 设计”不仅是美工,CSS,前端设计外,还涉及后台设计,架构,设计理论,文化元素,用户体验等。


MFM Moliyo, 一个游戏网站.

问题: 如何看待国内 Web 设计现状?

郭宇:

中国的网民30岁以下的大约占70%,他们年轻,开放,容易接受新生事物。他们喜欢在线玩游戏,娱乐,因此,你会在很多国内网站上看到吸引视线的东西,来迎合这一类型的用户。

白鸦:

几年前国内网站大量模仿韩国 Flash的网站,花里胡哨的设计曾一度成为风潮。但随着 Web 2.0 的到来,国内网站开始改善。用户更注重内容而不是单纯的视觉效果,视觉效果已经不能取悦国内的用户,他们要的是有用的内容,同时,也希望提供自己的内容。

吴隽辰:

一直在改善,螺旋式上升,越来越好。从 Web 知识和技术来讲,国内的设计师和国外的处于同一水平,但他们并没有真正用好这些知识,比如,用户调查,很多设计师知道却很少在实际设计中做,他们知道易用性测试,却几乎不做。

周陟:

有两点,第一,国内的 Web 设计市场中预算紧张问题很普遍,结果就是,Web 设计最终靠视觉效果吸引人,第一眼可能好看,但信息结构没有很好地组织,易用性很差;第二,国内的 Web 设计非常本土化。


国内 Web 设计: Midea Microwave Oven

比如,支付宝的成功是因为考虑到了国内用户的心理和购买习惯,中国是个大国,有些网站成功是因为它们迎合了某个特定的地域,这个问题的另一面就是中国的网站不是很国际化。中国是个非常大的市场,即使不开拓国际市场也能生存,你可以看到,UCDChina.com 以及很多国内站点并没有英文版,甚至在导航中都没有。

John Woo:

国内还没有形成一种独特的 Web 设计风格,因为中国很大,中国用户在很多方面都非常复杂,国外看国内的 Web 设计会觉得很闹,很花哨,但我觉得这是实用性。当 Flash 设计时髦的时候,很多设计师(以及他们的老板)希望用 Flash 让他们的网站吸引人,当SNS在美国兴起的时候,很快就被引入了中国,包括 Facebook,Twitter 等的设计风格。当一种东西很实用的时候,很多中国人就会借这个概念把它做下去,百度,QQ,淘宝就是这样取胜的。

Rex Song:

中国人口众多,多多益善也适合 Web 设计领域,你可以看到,很多国内的网站非常拥挤,设计者希望把所有东西都堆到一个页面。另一方面,中国多数网民上网的目的是娱乐,因此,国内的设计者喜欢将他们的网站搞得很好玩,很社会化,很有视觉吸引力,就像2004年前后我们纷纷模仿韩国 Flash 网站一样。


Shoebox

国内 Web 设计概览

对国内的 Web 设计现状,我们从访谈中也可以总结出几个要点。

1. 大量 Flash:生于模仿

Flash 设计多年来一直受到争议,事实上,一些设计师主要是因为 Flash 不便 SEO 而弃用。然而,访谈中,Flash 再次被频繁的提到,回到2004年,当韩国网站一色都是 Flash 的时候,中国的设计师和客户认为 Flash 很时尚,Rex Song 提到,在 Flash 大红大紫的年代,你甚至可以花一点钱直接下载完整的 Flash 网站模板。

Google 以简洁著称,但比较一下 Google China Google US 就能看多一些细微的差别:

Google 中国的设计比 Google 美国更活泼一些,加入了动画效果,顺便说一下,这个效果最先是用在 Google 韩国和日本网站的,不过后来都换成了那种静态页面。

尽管对 Flash 的应用源于模仿,但现在,它被越来越多得用在工作室和个人的作品展示网站,新品发布网站,以及那些以年轻人为主的产品的网站上。

Shanghai Vive 是一个老上海化妆品品牌,现在被重新包装上市成为高端日化用品,该站点大量使用 Flash 以展示优雅和高尚的生活。

Cool Bear Hi, 长城汽车的一个产品线,用 Flash 网站促销新车型。

考虑到那些低速上网的用户,该网站在加载 Flash 的时候,进度显示做得很好。

在 Flash 加载过程中,在不同的进度,显示不同的消息来安抚用户的等待,上面是加载过程截图。

    Mian Dian Fang, 一家即食早餐公司,其公司网站也大量使用 Flash。动画中,馒头包子一起做早操,以显示该公司的健康食品理念。

    下面是该网站 Flash 加载进度截图:

    动画加载进程模仿酵母发酵,面团越来越大,直到整个网站出来。

    Shoebox, 国内的一个年轻人鞋品牌,整站使用 Flash 以彰显时尚感。素描图案,旧报纸背景构成 Shoebox 理念,生活的品位,简单,运动,时尚。

    Lenovo Mobile O1 借 Flash 展示联想 O1 的功能与特色。

    Artlans, 是一个交互设计工作室,主要是菜单按钮,点击按钮,以及语种转换按钮。设计工作室一般不愿整站使用 Flash,而是在某些主要的位置,借 Flash 显示他们 Flash 技巧。

    Idea Design, 一个设计的设计工作室,全部使用 Flash。

    2. 为娱乐而设计

    我们喜欢这种一对一的访谈,可以从每个人听到不同故事,也可以从多个人听到同一个故事,比如,白鸦,周陟,郭宇以及 Rex 都提到了国内 Web 设计中的娱乐化倾向,白鸦说,当SNS进入中国,它必定成为一个游戏站点。

    一个很好的例子就是开心网的偷菜功能,开心在导航以及用户交互方面从 Facebook 借鉴了很多东西,但不同是,它允许你经营开心农场,建房子,种菜,并从你朋友那里偷菜。有些玩家甚至用 Excel 表格记录他的好友的收获季节以便及时去偷,这个游戏和普通游戏没有两样,但内嵌在一个社会网络网站中,可以很更多人一起玩。偷菜在国内如此流行甚至惊动了文化部,迫于压力,这个游戏现在改名摘菜菜,摘菜在中国文化中显得不那么刺耳,但玩家们仍喜欢那个更贴切的名字,偷菜。

    开心农场

    开心牧场

    开心果园

    最近,这个程序被添加到 Facebook,但目前只用于中文用户。

    Lipton Milk Tea 推出一个“连连抱”活动,通过另一个社会网络人人的帐户,向你的朋友传递拥抱并赢得拥抱点数。

    一旦积累到一定点数,可以用在线购买礼物:

    M&M China 也使用了一个类似的在线传递游戏鼓励用户前来访问。

    I Love G3, 中国移动的一个促销3G 网络和3G 手机的站点,使用 Flash 动画游戏让用户参与

    当你回答完一系列诸如“你在火车上如何消磨时光”之类的问题,系统会分析出你的性格并推荐适合你的3G手机。

    3. 为点击而设计

    和拉丁语以及日耳曼语系不同,中文是象形文字,在字母键盘上打汉字很慢,尤其对中老年用户,所以,你会看到国内的很多网站非常拥挤,图文链接到处都是,就像Rex Song 所说的多多益善。这些网站是为点击而设计的,不同于为搜索而设计(尽管关键词搜索对任何信息类站点来说都是必要的)。

    Yoho, 一个面向年轻人的在线购物站点,页面上密密麻麻都是促销产品。虽然右上角也有搜索框,但既然有这么多东西,干脆还是一路点击吧。

    同样,China Visual, 一个视觉设计门户站点,首页充满各个栏目的文字与图片链接,让你快速浏览网站的内容。

    NetEase (就是 163.com), 国内四大门户之一,把中国式 Web 浏览风格发挥到极处,到处都是链接。

    上图是网易的首页截图,这篇文章撰写期间正逢中国春节的临近,可以看到,网站使用了红色作为背景,网页中充满了新闻标题与广告,你可以在顶部搜索,但看完全页,你大概已经知道今天发生了什么,如果对某条新闻感兴趣,点下去就是。John Woo 说,如今,很多网站正在重新整理他们的版面,加大字体,加宽行距以改善阅读,新浪自1990年代以来一直注重改版,他们在这方面做得越来越好。

    4. 为文化而设计

    当被问及世界可以从中国 Web 设计中学到什么的时候,周陟不假思索地说,“文化。中国崇尚道家思想,我们有自己的一套价值和习惯,面向中国市场的 Web 设计应该遵从中国用户的在线习惯和审美。比如,我们的文化符号,书法以及节日,都可以用用到 Web 设计中,一个湖泊不过如此,但给它赋予传说故事就不一样了。”

    确实如果在一个湖泊中加入神话故事和人的感触,人们对它的印象就会改变。

    在讲到文化差异时,Pizza Hut China 是我喜欢用到的一个例子,整站体现浓浓的中国味,从配色,到家庭主题。暖红加黄是中国节庆的颜色,而家庭餐在中国很受重视。

    相反,Pizza Hut US 则强调快餐和在线订购,红色仍然是必胜客的主题色,但相比中国的暖红,显得更硬,更暗,更冷。

    McDonald’s China 网站也是,主导航中就包含“欢乐家庭聚餐”。

    Tong2 Studio,使用传统中国花色做背景,显得很特别。

    Six Station, 主页使用中国水墨画风格的 Flash,向客户传达创意与创新。

    Dongpai Design, 一个交互设计工作室,他们有一个小站点,用三国故事来传达他们的设计理念。

    尽管 John Woo 指出在设计中借用中国元素并不只限于 Web 设计,但他承认中国 Web 设计中的实践性,设计师们将他们认为有用的任何东西都借用到设计中。

    未完待续

     

    本文作者

    本文由 Kejun Xu 和 Hendry Lee 撰写

    Kejun Xu, 许可君,信息架构师,致力于易用性研究,用户体验设计和用户研究。也曾从事口笔译,乐于跨文化交流。她的设计理论是为用户而设计,让她的用户更轻松。她偶尔写写关于UXRnD (User Experience Research and Design, 用户研究和设计)的博客,记录生活和工作的点滴。

    Henry Lee 帮助人们解决博客经营中的难题,他的博客中有关于博客,网站建设,策略,主机,社会媒体,Web 写作,设计等话题,他们的团队还可以帮助个人或公司创建网站,你也可以在 Twiiter 上遇到他。

    本文国际来源:Showcase of Web Design in China: From Imitation to Innovation

    中文授权翻译来源:锐商企业CMS 网站内容管理系统 官方网站





    评论
    匿名|2010/3/24 22:59:58
    烂,就这些垃圾有什么可吹的~~~
     
    flybug|2010/3/24 23:51:22
    上面这位怎么说话呢,不了解也就罢了,还要在这里骂街,BS之。
     
    35公里|2010/3/25 5:50:07
    首先,这里只是客观地介绍国内 Web设计的现状,这里使用的案例,并不是因为其设计多么出色,而是因为其代表了国内的现状。

    国内的 Web 设计仍然有很多问题,文中已经阐述得很明白,我想,最主要的问题是,设计仍然停留在为设计而设计的阶段,所以,才有这么多 Flash 网站,这么多之追求视觉效果的网站。
     
    will|2010/3/30 17:28:25
    始终离不开天时地利人和
     
    length|2010/4/1 11:34:32 
    some day ,we will see a more stronger china design team.
     
    发表评论


    用户


    评论(不超过1000字)


     3 - 6 = ? 请将左边的算术题的结果填写到左边的输入框  


      发送给朋友| 打印友好
    7 x 12 小时服务热线
    0532 - 83669660
    微信: comsharp
    QQ: 13885509
    QQ: 592748664
    Skype: comsharp