网上商店系统
首    页 | 电商资讯 | 电商作品 | 成功案例 | 电商方案 | 系统演示 | 电商建设 | 电商索引 | 电商问题
当前位置: 首 页 > 电商建设

小议中英文网站排版设计的视觉差异

文章来源:北京宇光宏达       浏览次数:2046次        发布日期:2011/6/9 10:26:54

宏观看整体,微观看细节,如果你说访问者不会像我们这样后退N步,来研究文字韵律的话,我们现在再来看一下细节。

现在对比的是MicroSoft的另一个列表菜单。

我的研究方法很简单——用色块,这样比较有效地排除掉一些干扰因素。

我按照英文的阅读习惯(按词阅读),以及中文的阅读习惯(按字阅读),来放置我的宝贝色块。

如何?英文的韵律仍然存在,如同音乐的节拍一样,“嘀~嘀~~哒,嘀嘀~~哒”,前面说了,这是一种天然的、服从语言本能的节奏,因此你永远不会觉得别扭。

而中文排列呢?“哒!哒!哒!哒!哒!……”,它的韵律,就是刻板的、严谨的、永远不变的。

如果你没有意识到方块字的这种属性对于通过HTML来实现的设计来讲有多么重要,我们可以再看一个例子。

这次我选择新版的Yahoo EN和Yahoo韩国(为什么不选Yahoo中国?嗯……因为我写这个的时候它还没有改成新版),韩文、日文和中文都很相似,虽然不是严格的横平竖直的方块,但每个字仍然是具有固定比例的。(从这个程度上来讲,中文的情况会比韩、日文更加突出)

通过这种对比,我们还发现一个新的规律——“自动回行”。可以看到,英文的自动回行是以单词为最小单位的,前面我们说过,每个单词的长度不尽相同,所以,自然的空白出现了,整个页面清透了;方块字的自动回行以字为最小单位,所以总会在同一个地方回行,空白几乎不可能出现(除非文字不足一行),整个页面被挤得满满当当,透不过气来。

我把这个图再缩小一点,这个现象就更加明显。

我认为这就是大多数中文网站给人“挤”的感觉的原因。

可以看出韩国设计师为了适应“一统天下”的界面,作了很多努力,对比下图。

韩版网站的用色更加鲜亮,阴影去掉了,沉重的黑边也去掉了。这些微小的改动,使图标在沉重的方块堆里更突出些。想想把英文站上的图标搬过来会怎么样?

好了,我们回过头来总结一下

1、中文的行间距太小;

2、中文缺乏一种起伏的节奏;

3、中文的自动回行有重大缺陷。

结论:中文排版一不小心就变成铁板一块

如何解决这个问题,设计师有的是办法,我就不一一赘述了,我这里想说的是:中文和英文由于语言属性根本上的差异,因此完全照搬英文站的设计是一种愚蠢的、教条的思路,尤其当这种设计方案需要用同一种计算机语言(XHTML+CSS)来实现的时候,细节的修改就显得更加重要。建议还是多参考亚洲同行的作品,前两年韩国和日本网站模板盛行,有它的道理,至少我很少看到他们用纯黑色。


特别提示:如需转载此篇文章请注明文章来源企策互通
文章关键词:
上一篇:
十大网站设计错误 - 2006 Top Ten Mistakes in Web Design (2011-7-18 关注度:2036)
下一篇:
提高网站友好度的十点建议 (2011-7-19 关注度:2045)
 
 相关文章
 
视觉的依据之二《影调特点》(2011-7-12 关注度:1246)
信息分类能给网站设计带来巨大好处(2011-7-20 关注度:1841)
我的常州装饰网如何建立的(2011-7-17 关注度:1744)
网站建设业务营销策略 企业网站建设业务营销分析(2011-7-18 关注度:2045)
设计理念:网页UI设计95%是排版(2011-7-18 关注度:1906)
视觉的依据之一《影调基础》(2011-7-18 关注度:1261)
网页技巧学习:固定网页语言编码、字号、字体(2011-7-14 关注度:1751)
Logo标志的起源、特点与设计原则(2011-7-20 关注度:1144)
 
行业观点类别
 

开店疑难(94)
电商建设(143)
电商运营(217)
电商发展趋势(96)
售后服务(10)

电商建设关注排行 
  1.网页设计页面大小分析 不同分辨率下的网页大小
  2.网站建设合同模板 标准网站建设合同下载
  3.网站设计论文下载
  4.便宜网站建设 便宜网站建设分析
  5.提高网站友好度的十点建议
  6.网站建设业务营销策略 企业网站建设业务营销分析
  7.小议中英文网站排版设计的视觉差异
  8.十大网站设计错误 - 2006
  9.深度分析 企事业单位网站建设问题严重
  10.网站可信度建设十大准则 如果建立可信度高的企业公
电商建设最新文章 
  1.基于SMS的移动电子商务存在哪些安全问题?
  2.国内首个电子商务调解中心获批并正式成立
  3.关键词对网站的运营有什么影响?怎么分析网站关键词?
  4.什么是网上商城前端设计与网店前台设计?
  5.网页META标签内容写作规范要点
  6.Asp中通用函数
  7.探讨网站获得盈利的前提条件
  8.网站建设三步:申请空间编写网页上传文件
  9.明定网站的优化设计
  10.披露创业秘密 网站的盈利方式有哪些
首    页  |  关于我们  |  定制开发  |  购买流程  |  网店系统特性  |  商城系统策划  |  开店疑问问题  |  网店建设观点  |  友情链接  |  联系我们
  Copyright 2005-2007 51system 网上商城系统 All Rights Reserved 北京宇光宏达 版权所有 地址:北京市朝阳区常营首开东都汇A座1304室。
京ICP备11007506号