您的位置: 首页 > 艺术设计 > 设计理论 > 中国网页设计没有特点
IVA:艺术与数学的结合 回到列表 为什么中国的网页设计这么烂?
 中国网页设计没有特点

作者:一叶千鸟 时间: 2011-03-07 文档类型:原创 来自:蓝色理想

关于传统节日315发的 Showcase Of Web Design In China: From Imitation To Innovation 这篇采访,看到评论中有很多打了鸡血的中国同行,有两个问题我想请诸位搞清楚。第一,文中所引用列子不是因为作品多...

关于传统节日315发的 Showcase Of Web Design In China: From Imitation To Innovation 这篇采访,看到评论中有很多打了鸡血的中国同行,有两个问题我想请诸位搞清楚。第一,文中所引用列子不是因为作品多么出色,而是最能传达文章想表现的意思(具体什么意思自己想);第二,采访的几位设计师也不能完全代表中国同行,网页设计是个技术活,在不同层面有更深造诣的大有人在。

另外想起段花絮,在回答有关“中国网页设计有什么特点?”问题时,我脑子跟过电似的快速搜索,死活就想不起来咱中国网页设计有什么特点,正好符合一句话“最大特点就是没有特点。”因为中国网页设计普遍很烂,烂得五花八门、烂的五毒俱全,不以抄袭为耻,反以借鉴为荣,所以没法归纳总结。同时,也说明目前的现状不成熟,没什么值得称道的东西。

这个问题可以拉回到2005年11月,臭鱼总结的“长、闪、挤、花”四字特点一时传为佳话,得到各界人士的点头认可。可喜的是,到目前为止快过去5年了,除了“长”好像更长外,“闪、挤、花”都得到了一定程度改善。注意,原文写的是“网站首页”特点,而不是“网站”特点,很多转载、借鉴、抄袭不小心就把标题给省略了,首页只是网站的门面。

元素不等于风格

聊到本来 Smashing Magazine 准备写一篇亚洲设计,结果发现话题扯的太大,没法深入下去,于是才决定把中国、韩国、日本等几个国家独立出来。确实,虽然都属于整个东方文化的体系,但中文、韩文、日文三种网站却风格迥异,尤其日韩网站都有很鲜明的特征。比如韩国网站普遍用色大胆,Flash动画和图片利用率极高,手绘风格随处可见。而日本网站普遍清新淡雅,有着日本文化特有“灰蒙蒙”的感觉,偶尔使用像素和卡通风格。

以前翻过不少帖子推荐的“中式网站”,总结起来有两个特点:动画扎眼,元素堆砌。所谓动画扎眼,几乎所有作品都是Flash完成,我看以“秀”目地居多而不是传达信息。所谓元素堆砌,几乎所有作品对“中式风格”的理解都停留在某些元素身上,比如书法国画、朱砂印章、丝绸竹简等等。我就纳闷了,难道表现风格非得以这种繁复的图形加上炫目的互动和好多个loading来完成么?我想“中式风格”的网站不应该是滴几滴墨、盘几条龙这么简单。有着明显特征的韩式风格网站,好像也没见在页面上企图用“紫菜包饭、大长今”来表现,对吧?

Web Design is 95% Typography 提到的观点认为“网页设计95%都是排版。”我理解原文有两层意思,其一排版是页面效果的决定性因素,其二几乎完全否定了视觉设计的重要性。这个定论正确与否,我认为要看前提,如果狭义理解“web design”为信息设计,排版占95%没错;如果广义考虑“web design”的用户体验,排版占95%不对。

我仔细研究过不同语言的web页面好作品,发现真的好设计即使去掉颜色、图形修饰也不会差。如果抛开视觉表现,确实排版模式都差不多,技巧无非就那么几种,如对齐、留白、黄金分割之类。但是,各页面最终呈现的效果,却是“视觉设计”在主导,如同前文所述日文、韩文网站给我的印象。搞清楚这个问题,也许我们在创新中文网页设计时才能有更好的思路。

风格不等于设计

这个问题思考再三,我觉得突破口还是在文字字符上。本来很好的英文界面,翻译为中文后就成了二流货色,难道真是“中文”有表现上的天生缺陷?难道我们老祖宗千百年总结而成的书法艺术到了数字时代完全行不通?参考Angela在2006年9月小论中英文网站的设计差异所总结的观点:

  1. 中文的行间距太小;
  2. 中文缺乏一种起伏的节奏;
  3. 中文的自动回行有重大缺陷。

除此之外,因为适用的字体、字号、字形太少,相互组合搭配的效果较单一,所以很容易造成web页面的层次感不够,表现力欠缺。具体分三块阐述:

字体,能够在浏览器里正常显示的中文字体就那么几个,当定义了系统里没有字体时,浏览器一律按照默认的“宋体”显示。此缺点从操作系统根本上被限制,无法与英文文字的效果对比抗衡。

字号,英文大部分字体从8px到22px都有不错的美感。中文为了保证“方正”的造型,通常仅使用双数字号,比如最常用的12px和14px(用不用px单位的问题这里不讨论,少数字体的13px效果还行),因为这两种字号看起来最自然、协调。再往上16px,18px,20px也还行,但13px,17px类似的单数字号,可以看到效果明显的锯齿和失重感。

字形,英文有斜体(语气强调)和粗体(内容重点)效果之分,HTML和CSS里都有专用语句进行定义。但是中文使用斜体的效果很不理想(字号够大的斜体效果会好一些),也许当初某些人定规范的时候,完全没有考虑非罗马文字国家的感受。比如学术论文的参考条目,好像国际规定必须用斜体。

2006年8月我讨论过网页不需要漂亮这个极具争论性的话题,到现在为止,我困惑的还是对“中文”的理解,和对“中文”的设计。每次我看到中文被混搭(Mix and Match)到欧美风格模板、日韩风格模板网站上时,都会再反思这个问题。中文是中国网页设计的灵魂,我想事实应该如此。

说了这么多问题和不是,有没有没办法解决?答案是有办法。中国网页设计师尝试近十年,积累了不少经验教训。大环境近来国际标准组织的推动,加上“微软雅黑”字体的革命性进步,以及本土公司企业的重视,我相信中国网页设计将逐渐、真正形成自己的特点。

原文:http://blog.rexsong.com/?p=9655

本文链接:http://www.blueidea.com/design/doc/2011/8323.asp 

出处:蓝色理想
责任编辑:bluehearts

作者文章 更多作者文章
UED,UXD在中国
UE,UX在中国
UI在中国
有方向感的传达
排版自适应提升可访问性
关键字搜索 常规搜索 推荐文档
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
周大福“敬•自然”设计大赛开启
国际体验设计大会7月将在京举行
中国国防科技信息中心标志征集
云计算如何让安全问题可控
云计算是多数企业唯一拥抱互联网的机会
阿里行云
云手机年终巨献,送礼标配299起
阿里巴巴CTO王坚的"云和互联网观"
1499元买真八核 云OS双蛋大促
首届COCO桌面手机主题设计大赛
栏目最新 栏目最新列表
国外创意名片设计欣赏
情感化界面
线下项目工作流程(归纳篇)
线下项目工作流程(分析篇)
简约而不简单-Practise平面设计
培养用户的使用习惯
优秀名片设计
专题头图的秘密武器
别让UED忽悠你(2):多少钱一斤
别让UED忽悠你(1):天生的矛盾

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
网站可用性测试及优化指南
《写给大家看的色彩书1》
《跟我去香港》
众妙之门—网站UI 设计之道
《Flex 4.0 RIA开发宝典》
《赢在设计》
犀利开发—jQuery内核详解与实践
作品集 更多内容

杂⑦杂⑧ Gold NORMANA V2