阅读更多

8顶
0踩

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 网站内容管理系统 官方网站

 

  • 大小: 87.9 KB
  • 大小: 99.7 KB
  • 大小: 98 KB
  • 大小: 85.4 KB
  • 大小: 39.6 KB
  • 大小: 62 KB
  • 大小: 74.5 KB
  • 大小: 39.5 KB
  • 大小: 74.7 KB
  • 大小: 42.8 KB
  • 大小: 85.4 KB
  • 大小: 45.5 KB
  • 大小: 101.3 KB
  • 大小: 53.5 KB
  • 大小: 117.5 KB
  • 大小: 106.7 KB
  • 大小: 139.9 KB
  • 大小: 81.9 KB
  • 大小: 84.6 KB
  • 大小: 83.2 KB
  • 大小: 44.3 KB
  • 大小: 39.5 KB
  • 大小: 168.2 KB
  • 大小: 379.1 KB
  • 大小: 404 KB
  • 大小: 118.9 KB
  • 大小: 105.3 KB
  • 大小: 121 KB
  • 大小: 63.6 KB
  • 大小: 87.9 KB
  • 大小: 168.2 KB
  • 大小: 87.9 KB
  • 大小: 69.7 KB
  • 大小: 99.7 KB
8
0
评论 共 5 条 请登录后发表评论
5 楼 java032 2010-04-07 18:09
有点启发 。。。
4 楼 munn 2010-03-25 12:56
kejun出中文版啦?我先看到的英文版~~~
3 楼 black.angel 2010-03-25 11:04
很好很强大,希望中国的文化能发扬光大。
2 楼 rubyeye 2010-03-25 11:01
fanlei77 写道
为什么这种很猛烈的,研究中国互联网的文章也是来自国外呢?

来自国外?我看是中国人写的吧
1 楼 fanlei77 2010-03-25 09:24
为什么这种很猛烈的,研究中国互联网的文章也是来自国外呢?

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Global site tag (gtag.js) - Google Analytics