首页 > 视觉技术 > 从模仿到立异:Web 设计中的中国风(上)
2017
11-03

从模仿到立异:Web 设计中的中国风(上)

中国事个拥有5000年文明史的多平易近族国度,地区与文化延长亚洲大年夜部,汉风与汉字多被日本,韩国,越南等邻国采取。中国曾经兴衰,如本大年夜门重开,回收来自世界的风潮,概念与技巧,也包含Web技巧。本文采访了6位中国有名设计师,讲述了中国Web设计业从模仿到立异的过程。

中国Web设计:Dongpai

中国Web设计近况

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

郭宇
百度前首席设计师,现居北京白鸦

UCDChina 合股开创人,付出宝产品设计师,现居杭州吴隽辰
UCDChina 合股开创人,途牛旅游网的产品主管,现居南京周陟

本文由 Kejun Xu 和 Hendry Lee 撰写

美术设计师,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 不便 搜刮引擎优化 而弃用。然而,访谈中,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 的时刻,进度显示做得很好。

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

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

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

动画加载过程模仿酵母发酵,面团越来越大年夜,直到全部网站出来。

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

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

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

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

2. 为娱乐而设计

一个很好的例子就是高兴网的偷菜功能,高兴在导航以及用户交互方面从 Facebook 借鉴了很多器械,但不合是,它许可你经营高兴农场,建房子,种菜,并从你同伙那边偷菜。有些玩家甚至用 Excel 表格记录他的石友的收成季候以便及时去偷,这个游戏和通俗游戏没有两样,但内嵌在一个社会收集网站中,可以很更多人一路玩。偷菜在国内如斯风行甚至轰动了文化部,迫于压力,这个游戏如今改名摘菜菜,摘菜在中国文化中显得不那么逆耳,但玩家们仍爱好那个更贴切的名字,偷菜。

高兴农场

高兴牧场

高兴果园

比来,这个法度榜样被添加到 Facebook,但今朝只用于中文用户。

Lipton Milk Tea 推出一个“连连抱”活动,经由过程另一个社会收集人人的帐户,向你的同伙传递拥抱并博得拥抱点数。

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

一旦积聚到必定点数,可以用在线购买礼品:

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

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

I Love G3, 中国移动的一个促销3G 收集和3G 手机的站点,应用 Flash 动画游戏让用户介入

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

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

3. 为点击而设计

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

Yoho, 一个面向年青人的在线购物站点,页面上密密麻麻都是促销产品。固然右上角也有搜刮框,但既然有这么多器械,干脆照样一路点击吧。

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

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

上图是网易的首页截图,这篇文章撰写时代正逢中国春节的邻近,可以看到,网站应用了红色作为背景,网页中充斥了消息标题与告白,你可以在顶部搜刮,但看完全页,你大年夜概已经知道今天产生了什么,假如对某条消息感兴趣,点下去就是。John Woo 说,如今,很多网站正在从新整顿他们的版面,加大年夜字体,加宽行距以改良浏览,新浪自1990年代以来一向重视改版,他们在这方面做得越来越好。

4. 为文化而设计

当被问及世界可以从中国 Web 设计中学到什么的时刻,周陟不假思考地说,“文化。中国崇尚道家思惟,我们有本身的一套价值和习惯,面向中国市场的 Web 设计应当服从中国用户的在线习惯和审美。比如,我们的文化符号,书法以及节日,都可以用用到 Web 设计中,一个湖泊不过如斯,但加上神话故事就不一样了。”

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

在讲到文化差别时,Pizza Hut China 是我爱好用到的一个例子,整站表现浓浓的中国味,从配色,到家庭主题。暖红加黄是中国节庆的色彩,而家庭餐在中国很受看重。

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

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

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

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

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

未完待续

本文作者

Kejun Xu, 信息架构师,致力于用户体验研究;一位用户研究者,研究以用户为中间的设计;Web 易用性工程师,翻译,乐于跨文化交换。她为用户而设计,让她的用户更轻松。她有时写写博客,关于 UXRnD,或者记记有关车零件,以及裸钻的杂事。

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

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

最后编辑:
作者:yjcdj
这个作者貌似有点懒,什么都没有留下。