从模仿到创新：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 让他们的网站吸引人，当社会网络在美国兴起的时候，很快就引入了中国，包括 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 设计中的娱乐化倾向，白鸦说，当社会网络进入中国，它必定成为一个游戏站点。

一个很好的例子就是开心网 的偷菜功能，开心在导航以及用户交互方面从 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 , 信息架构师，致力于用户体验研究；一位用户研究者，研究以用户为中心的设计；Web 易用性工程师，翻译，乐于跨文化交流。她为用户而设计，让她的用户更轻松。她偶尔写写博客，关于 UXRnD ， 或者记记有关车零件，以及裸钻的杂事。

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

本文国际来源：http://www.smashingmagazine.com/2010/03/15/showcase-of-web-design-in-china-from-imitation-to-innovation-and-user-centered-design/

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