从模仿到创新:Web 设计中的中国风(下)
2010-03-30 15:35
423 查看
作者:许可君 译者:刘清涛
中国是个拥有5000年文明史的多民族国家,地域与文化延伸亚洲大部,汉风与汉字多被日本,韩国,越南等邻国采用。中国曾经兴衰,如今大门重开,接
纳来自 世界的风潮,概念与技术,也包括 Web 技术。本文采访了6位中国知名设计师,讲述了中国 Web
设计业从模仿到创新的历程。这是本文第二部分。第一部分参阅(上
)。
UI
Seven
: 一个设计工作室
![](http://60.209.221.236/i-host/web-cn/image-UI-Seven.jpg)
IDT
:
一个个人网站,记录了作者12年来的爱情故事
![](http://60.209.221.236/i-host/web-cn/image-idt.JPG)
Youguan Cookies
:使用 Flash
展示他们的产品线
![](http://60.209.221.236/i-host/web-cn/image-uguan.jpg)
Xin Hongru
:一个设计公司,使用中国元素和Flash展
示作品
![](http://60.209.221.236/i-host/web-cn/image-xinhongru.jpg)
Thinkpad Edge
:Thinkpad
笔记本新品
![](http://60.209.221.236/i-host/web-cn/image-thinkpad-edge.jpg)
Moliyo
MFM
:在线游戏站点,一大堆链接
![](http://60.209.221.236/i-host/web-cn/china-1.jpg)
361 Sports
:借鉴了广州2010亚运会主题
![](http://60.209.221.236/i-host/web-cn/image-361-sports.jpg)
Dove Chocolate China
:中国元
素,中国新年
![](http://60.209.221.236/i-host/web-cn/image-dove.jpg)
BangbangWa
:一个食品
公司,大量游戏和Flash
![](http://60.209.221.236/i-host/web-cn/image-bangbangwa.jpg)
Brain
Town
:个人作品展示
![](http://60.209.221.236/i-host/web-cn/image-braintown.jpg)
ShuXia
:展
示会员作品
![](http://60.209.221.236/i-host/web-cn/image-appletree.jpg)
Jossy Jo
:布艺品牌
![](http://60.209.221.236/i-host/web-cn/image-jossyjo.jpg)
Apsou
:
一个顾问公司
![](http://60.209.221.236/i-host/web-cn/image-apsou.jpg)
Mole
Lele
:卡通画家的个人网站
![](http://60.209.221.236/i-host/web-cn/image-molelele.jpg)
WEBE7
Enterprise Network Interactive
:作品展示
![](http://60.209.221.236/i-host/web-cn/image-webe7.jpg)
Sanshen Toscana
:一个不动产公司,
大量Flash
![](http://60.209.221.236/i-host/web-cn/image-sansheng.jpg)
Wotoon Design
:一个设计公司
![](http://60.209.221.236/i-host/web-cn/image-wotoon-design.jpg)
Shaopan Film Studio
![](http://60.209.221.236/i-host/web-cn/image-shaopan.jpg)
X’mas Tree Workshop
:
小游戏,自己设计圣诞树并制成贺卡发给朋友
![](http://60.209.221.236/i-host/web-cn/image-xmastree.jpg)
The GF Space
:一个设计公司
![](http://60.209.221.236/i-host/web-cn/image-GFSpace.jpg)
HAHA
DIY
:一个漂亮的家装 DIY 站点
![](http://60.209.221.236/i-host/web-cn/image-HahaDIY.jpg)
Yimei Cross Stitch
![](http://60.209.221.236/i-host/web-cn/image-yimei.jpg)
Happy Basket
:一大堆链接
![](http://60.209.221.236/i-host/web-cn/image-happybasket.jpg)
WuHansoufang
:很 Cool 的
Flash 站点
![](http://60.209.221.236/i-host/web-cn/image-WuHansoufang.jpg)
Chateau Junding
:
一家国内的葡萄酒品牌
![](http://60.209.221.236/i-host/web-cn/image-chateau-junding.jpg)
TIIDA
:在 Flash
设计中融入家庭主题
![](http://60.209.221.236/i-host/web-cn/image-TIDA.jpg)
Magic
Workshop
:童装公司,使用 Flash 动画彰显公司文化
![](http://60.209.221.236/i-host/web-cn/image-magicworkshop.jpg)
JJ Ying
:一个简洁的个人作品展示网站
![](http://60.209.221.236/i-host/web-cn/image-JJYing.jpg)
Beijing Orange Advertising
:创意展示
![](http://60.209.221.236/i-host/web-cn/image-orange.jpg)
Nescafe
:雀巢咖啡,大量游戏和
Flash
![](http://60.209.221.236/i-host/web-cn/image-nescafe.jpg)
Yee
Chino
:一家饭店
![](http://60.209.221.236/i-host/web-cn/image-YeeChino.jpg)
Gold Chino
:Yee Chino 的姊妹店
![](http://60.209.221.236/i-host/web-cn/image-GoldChino.jpg)
Guoguo Diary
:个人站点,简单,有创意。
![](http://60.209.221.236/i-host/web-cn/image-guoguo.jpg)
Rancho
Santa Fe
:上海的一家地产公司
![](http://60.209.221.236/i-host/web-cn/image-rancho-santa-fe.jpg)
周陟都谈到一个令人沮丧的问题,就是政&府&审&查。YouTube,Twitter,Facebook,Flickr
均因存在不当内容被政%府封杀,白鸦说,新浪的微博客为了迎合审%查,除了机器自动过滤外,还组建了一个人工团队审%查内容。
国际社会关于互联网严宽与开放问题的讨论一直在持续(参阅 2010 Nussbaum
),
并没有放之四海皆准的准则,然而,失去了开放的环境,中国可能无法与其他国家并肩齐进。
不过,任何事情都有两面,白鸦说,尽管限制了柿油,但对 UI
设计和内容展示来说有积极的一面,你将不得不将精力放在有用的内容,以及对内容的有效展示上。
吴隽辰 和 Rex 提到了另外一个挑战,就是教育还没有接轨。职业学校可以教你如何使用
Photoshop,Dreamweaver,教你如何编写 HTML,CSS,JavaScript 代码,却不会教你设计背后的思考与逻辑。Web
仍然是个年轻的行业,在高等院校,还没有信息架构与用户体验设计方面的学位。
我们的采访指出了一个事实,中国的设计者还没有完全从严格的调查方法学中受益,就像吴隽辰所说的那样,中国的很多设计者知道这些概念,但他们很少用
到具体设计中,他们知道易用性测试,但很少去做。
当被问及如何说服客户接受某种设计的时候,Rex Song 提到了关系
和信任,他觉得,A/B测试,多元测试的
概念很西方化,它的投入产出比可能并不高。
一方面这可以理解,中国因儒道传统思想的影响比较善于主观推理。但另一方面,中国的 Web 设计者在用户研究方面拿数据说话仍任重道远。
有人会说,设计师的工作就是简简单单地设计而已,事实上,你的设计需要支撑的依据,这些东西会影响你的布局,配色,以及用户交互。那些跟着感觉走的
设计师,只有 25% 是对的。Neilsen
Norman Group
2009 年做了一项研究,结论是,跟这些人讨建议还不如掷硬币。这当然不能一概而论,但说明了数据的重要。
问题: 在你看来,国内 Web 设计的趋势是什么?
郭宇
:
电子商务
。你知道淘宝吗,我的女同事在那里购买调味品,榨菜和零食等等我从来没在淘宝听说过的
东西。她们喜欢。这就是中国的市场,有需求,我觉得每家公司都该好好利用。
![](http://60.209.221.236/i-host/web-cn/image-taobao-truffes.jpg)
白鸦:
我觉得国内的 Web 设计将越来越向用户生成内容
的方向发展。比如在国内大获成功的豆瓣
网,
这个在线图书与电影社区,和 YouTube 一样,绝大多数内容由用户创建,顺便说一下,豆瓣比 YouTube 成立得早。
![](http://60.209.221.236/i-host/web-cn/image-douban.jpg)
未来几年,电子商务将在国内百花齐放,电子商务无关意识形态,不会被审%查,而且人们需要。
吴隽辰
:
为客户创造更多价值,听他们所讲,看他们所做,做他们所做,想他们所想,我相信国内的 Web
设计会越来越好,呈螺旋上升的趋势。
周陟
:
将精力放在用户和服务
,就不会出现那些华而不实的东西,功能,行业标准,满足客户需要是未来的
趋势,要跳出圈子之外思考。
John Woo:
好用,实用,易用。将站点搞得眼花缭乱,大红大绿毫无必要。注重用户的本质需求。天语 KTouch
手机最近在国内很受欢迎,我一下买了6个,4个带大屏幕和手写输入的给的父母和岳父母,一个带3倍光学变焦800万像素的相机,一个看上去象女士的粉盒。
天语是个山寨厂家,但他们在国内有很好的市场份额,为什么,因为注重客户基本需要
。网站也一样。
![](http://60.209.221.236/i-host/web-cn/image-tianyu.jpg)
Rex Song:
我们会发展出中国文化下的自己的 Web 设计风格。指标方面,我们会和世界主流同步,创建出更加以用户
为中心的设计
,并推出更好的用户体验。
还年轻,中国的设计师正迎头赶上,尽管有挑战,但我们看到的是更多的机遇,聪明的人,庞大的市场,不断增加的需求,以及灵活,创新,以用户为中心的思维。
而在当前的国内网站中,我们已经看到了一种螺旋上升的,从模仿到创新的趋势。
Kejun
Xu
,
许可君,信息架构师,致力于易用性研究,用户体验设计和用户研究。也曾从事口笔译,乐于跨文化交流。她的设计理论是为用户而设计,让她的用户更轻松。她偶
尔写写关于UXRnD
(User Experience Research and Design, 用户研究和设计)的博客,记录生活和工作的点滴。
![](http://60.209.221.236/i-host/web-cn/b80bc66c84f12f8461685c1a7ae40226.jpg)
Henry Lee 帮助人们解决博客经营中的难题,他的博客
中有关于博客,网站建设,策略,主机,社会媒体,Web
写作,设计等话题,他们的团队
还可以帮助个人或公司创建网站,你也可以在 Twiiter
上遇到他。
本文国际来源:Smashing Magazine Showcase
of Web Design in China: From Imitation to Innovation
中文授权翻译来源:锐商企业CMS
网站内容管理系统
官方网站
中国是个拥有5000年文明史的多民族国家,地域与文化延伸亚洲大部,汉风与汉字多被日本,韩国,越南等邻国采用。中国曾经兴衰,如今大门重开,接
纳来自 世界的风潮,概念与技术,也包括 Web 技术。本文采访了6位中国知名设计师,讲述了中国 Web
设计业从模仿到创新的历程。这是本文第二部分。第一部分参阅(上
)。
更多案例
以下是更多中国风格的网站案例,可以让你对国内的 Web 设计有更好的了解。UI
Seven
: 一个设计工作室
![](http://60.209.221.236/i-host/web-cn/image-UI-Seven.jpg)
IDT
:
一个个人网站,记录了作者12年来的爱情故事
Youguan Cookies
:使用 Flash
展示他们的产品线
![](http://60.209.221.236/i-host/web-cn/image-uguan.jpg)
Xin Hongru
:一个设计公司,使用中国元素和Flash展
示作品
![](http://60.209.221.236/i-host/web-cn/image-xinhongru.jpg)
Thinkpad Edge
:Thinkpad
笔记本新品
![](http://60.209.221.236/i-host/web-cn/image-thinkpad-edge.jpg)
Moliyo
MFM
:在线游戏站点,一大堆链接
![](http://60.209.221.236/i-host/web-cn/china-1.jpg)
361 Sports
:借鉴了广州2010亚运会主题
![](http://60.209.221.236/i-host/web-cn/image-361-sports.jpg)
Dove Chocolate China
:中国元
素,中国新年
![](http://60.209.221.236/i-host/web-cn/image-dove.jpg)
BangbangWa
:一个食品
公司,大量游戏和Flash
![](http://60.209.221.236/i-host/web-cn/image-bangbangwa.jpg)
Brain
Town
:个人作品展示
![](http://60.209.221.236/i-host/web-cn/image-braintown.jpg)
ShuXia
:展
示会员作品
![](http://60.209.221.236/i-host/web-cn/image-appletree.jpg)
Jossy Jo
:布艺品牌
![](http://60.209.221.236/i-host/web-cn/image-jossyjo.jpg)
Apsou
:
一个顾问公司
![](http://60.209.221.236/i-host/web-cn/image-apsou.jpg)
Mole
Lele
:卡通画家的个人网站
![](http://60.209.221.236/i-host/web-cn/image-molelele.jpg)
WEBE7
Enterprise Network Interactive
:作品展示
![](http://60.209.221.236/i-host/web-cn/image-webe7.jpg)
Sanshen Toscana
:一个不动产公司,
大量Flash
![](http://60.209.221.236/i-host/web-cn/image-sansheng.jpg)
Wotoon Design
:一个设计公司
![](http://60.209.221.236/i-host/web-cn/image-wotoon-design.jpg)
Shaopan Film Studio
![](http://60.209.221.236/i-host/web-cn/image-shaopan.jpg)
X’mas Tree Workshop
:
小游戏,自己设计圣诞树并制成贺卡发给朋友
![](http://60.209.221.236/i-host/web-cn/image-xmastree.jpg)
The GF Space
:一个设计公司
![](http://60.209.221.236/i-host/web-cn/image-GFSpace.jpg)
HAHA
DIY
:一个漂亮的家装 DIY 站点
![](http://60.209.221.236/i-host/web-cn/image-HahaDIY.jpg)
Yimei Cross Stitch
![](http://60.209.221.236/i-host/web-cn/image-yimei.jpg)
Happy Basket
:一大堆链接
![](http://60.209.221.236/i-host/web-cn/image-happybasket.jpg)
WuHansoufang
:很 Cool 的
Flash 站点
![](http://60.209.221.236/i-host/web-cn/image-WuHansoufang.jpg)
Chateau Junding
:
一家国内的葡萄酒品牌
![](http://60.209.221.236/i-host/web-cn/image-chateau-junding.jpg)
TIIDA
:在 Flash
设计中融入家庭主题
![](http://60.209.221.236/i-host/web-cn/image-TIDA.jpg)
Magic
Workshop
:童装公司,使用 Flash 动画彰显公司文化
![](http://60.209.221.236/i-host/web-cn/image-magicworkshop.jpg)
JJ Ying
:一个简洁的个人作品展示网站
![](http://60.209.221.236/i-host/web-cn/image-JJYing.jpg)
Beijing Orange Advertising
:创意展示
![](http://60.209.221.236/i-host/web-cn/image-orange.jpg)
Nescafe
:雀巢咖啡,大量游戏和
Flash
![](http://60.209.221.236/i-host/web-cn/image-nescafe.jpg)
Yee
Chino
:一家饭店
![](http://60.209.221.236/i-host/web-cn/image-YeeChino.jpg)
Gold Chino
:Yee Chino 的姊妹店
![](http://60.209.221.236/i-host/web-cn/image-GoldChino.jpg)
Guoguo Diary
:个人站点,简单,有创意。
![](http://60.209.221.236/i-host/web-cn/image-guoguo.jpg)
Rancho
Santa Fe
:上海的一家地产公司
![](http://60.209.221.236/i-host/web-cn/image-rancho-santa-fe.jpg)
挑战,机遇与趋势
挑战
谈到互联网行业的挑战,白鸦,隽辰,Rex 和周陟都谈到一个令人沮丧的问题,就是政&府&审&查。YouTube,Twitter,Facebook,Flickr
均因存在不当内容被政%府封杀,白鸦说,新浪的微博客为了迎合审%查,除了机器自动过滤外,还组建了一个人工团队审%查内容。
国际社会关于互联网严宽与开放问题的讨论一直在持续(参阅 2010 Nussbaum
),
并没有放之四海皆准的准则,然而,失去了开放的环境,中国可能无法与其他国家并肩齐进。
不过,任何事情都有两面,白鸦说,尽管限制了柿油,但对 UI
设计和内容展示来说有积极的一面,你将不得不将精力放在有用的内容,以及对内容的有效展示上。
吴隽辰 和 Rex 提到了另外一个挑战,就是教育还没有接轨。职业学校可以教你如何使用
Photoshop,Dreamweaver,教你如何编写 HTML,CSS,JavaScript 代码,却不会教你设计背后的思考与逻辑。Web
仍然是个年轻的行业,在高等院校,还没有信息架构与用户体验设计方面的学位。
我们的采访指出了一个事实,中国的设计者还没有完全从严格的调查方法学中受益,就像吴隽辰所说的那样,中国的很多设计者知道这些概念,但他们很少用
到具体设计中,他们知道易用性测试,但很少去做。
当被问及如何说服客户接受某种设计的时候,Rex Song 提到了关系
和信任,他觉得,A/B测试,多元测试的
概念很西方化,它的投入产出比可能并不高。
一方面这可以理解,中国因儒道传统思想的影响比较善于主观推理。但另一方面,中国的 Web 设计者在用户研究方面拿数据说话仍任重道远。
有人会说,设计师的工作就是简简单单地设计而已,事实上,你的设计需要支撑的依据,这些东西会影响你的布局,配色,以及用户交互。那些跟着感觉走的
设计师,只有 25% 是对的。Neilsen
Norman Group
2009 年做了一项研究,结论是,跟这些人讨建议还不如掷硬币。这当然不能一概而论,但说明了数据的重要。
机遇与趋势
以下是对6位受访者在国内 Web 设计的机遇与走向方面的采访。问题: 在你看来,国内 Web 设计的趋势是什么?
郭宇
:
电子商务
。你知道淘宝吗,我的女同事在那里购买调味品,榨菜和零食等等我从来没在淘宝听说过的
东西。她们喜欢。这就是中国的市场,有需求,我觉得每家公司都该好好利用。
![](http://60.209.221.236/i-host/web-cn/image-taobao-truffes.jpg)
白鸦:
我觉得国内的 Web 设计将越来越向用户生成内容
的方向发展。比如在国内大获成功的豆瓣
网,
这个在线图书与电影社区,和 YouTube 一样,绝大多数内容由用户创建,顺便说一下,豆瓣比 YouTube 成立得早。
![](http://60.209.221.236/i-host/web-cn/image-douban.jpg)
未来几年,电子商务将在国内百花齐放,电子商务无关意识形态,不会被审%查,而且人们需要。
吴隽辰
:
为客户创造更多价值,听他们所讲,看他们所做,做他们所做,想他们所想,我相信国内的 Web
设计会越来越好,呈螺旋上升的趋势。
周陟
:
将精力放在用户和服务
,就不会出现那些华而不实的东西,功能,行业标准,满足客户需要是未来的
趋势,要跳出圈子之外思考。
John Woo:
好用,实用,易用。将站点搞得眼花缭乱,大红大绿毫无必要。注重用户的本质需求。天语 KTouch
手机最近在国内很受欢迎,我一下买了6个,4个带大屏幕和手写输入的给的父母和岳父母,一个带3倍光学变焦800万像素的相机,一个看上去象女士的粉盒。
天语是个山寨厂家,但他们在国内有很好的市场份额,为什么,因为注重客户基本需要
。网站也一样。
![](http://60.209.221.236/i-host/web-cn/image-tianyu.jpg)
Rex Song:
我们会发展出中国文化下的自己的 Web 设计风格。指标方面,我们会和世界主流同步,创建出更加以用户
为中心的设计
,并推出更好的用户体验。
总结
国内的 Web还年轻,中国的设计师正迎头赶上,尽管有挑战,但我们看到的是更多的机遇,聪明的人,庞大的市场,不断增加的需求,以及灵活,创新,以用户为中心的思维。
而在当前的国内网站中,我们已经看到了一种螺旋上升的,从模仿到创新的趋势。
本文作者
本文由 Kejun Xu 和 Hendry Lee 撰写Kejun
Xu
,
许可君,信息架构师,致力于易用性研究,用户体验设计和用户研究。也曾从事口笔译,乐于跨文化交流。她的设计理论是为用户而设计,让她的用户更轻松。她偶
尔写写关于UXRnD
(User Experience Research and Design, 用户研究和设计)的博客,记录生活和工作的点滴。
![](http://60.209.221.236/i-host/web-cn/b80bc66c84f12f8461685c1a7ae40226.jpg)
Henry Lee 帮助人们解决博客经营中的难题,他的博客
中有关于博客,网站建设,策略,主机,社会媒体,Web
写作,设计等话题,他们的团队
还可以帮助个人或公司创建网站,你也可以在 Twiiter
上遇到他。
本文国际来源:Smashing Magazine Showcase
of Web Design in China: From Imitation to Innovation
中文授权翻译来源:锐商企业CMS
网站内容管理系统
官方网站
相关文章推荐
- 从模仿到创新:Web 设计中的中国风
- 从模仿到创新:Web 设计中的中国风(下)
- 从模仿到创新:Web 设计中的中国风(上)
- 从模仿到创新:Web 设计中的中国风(上)
- 从模仿到创新:Web 设计中的中国风(上)
- 从模仿到创新:Web 设计中的中国风(上)
- Web设计中的中国传统色彩速查表
- 那些创新地设计免费的 Web 用户界面包推荐
- 从世界五百强及中国五百强企业网站设计风格看当前WEB设计潮流
- 互联网产品设计中的模仿与创新
- 天猫品牌街Web前端开发第三阶段设计 模仿前端开发的通杀神技
- 创新中国——中国设计体验谈
- 从世界五百强及中国五百强企业网站设计风格看当前WEB设计潮流
- 中国第一个Web 3.0网站--网络小教室的功能设计,欢迎大家来讨论
- 创新中国――中国设计体验谈
- 面向最终用户的Web应用的兼容性设计:为在Windows(XP 2000 98)下屏幕分辨率为1024*768或800*600使用IE浏览器(IE6, IE5)的中国用户设计
- Web设计中的中国传统色彩速查表
- 陈大同谈中国半导体产业:模仿只是过渡 创新才能走远(日本真惨,客户没了,半导体行业因此全军覆没)
- Web设计中的中国传统色彩速查表
- [Web]Web 设计中的中国风(上)