| 你有没有被客户强q照搬英文网站的l历Q?BR>你有没有被领导指责ؓ(f)比较“土”的作品Q?BR>你有没有感到疑惑Q因Z搬过来的“英文”网站L那么别扭Q?
如果有的话，q篇文章也许能帮你提供一些证据，臛_让你自己能明白，Z么不能照搬英文网站的设计规则?/P>
首先我们找一个非常有名非常牛气的|站Q对比一下它的英文和中文|站的区别。恕我无知，我第一个想到的是MicroSoft?jin)?/P>
英文?/STRONG>Q?A >http://www.microsoft.com/
中文?/STRONG>Q?A >http://www.microsoft.com/china/
你觉得怎么P两个站点采用?jin)完全一L(fng)界面和布局Q但你是不是仍然觉得中文站要乱那么一点点Q?/P>
好，我们q学术研究的严谨心(j)态来看看Q究竟是哪里不一栗?/P>
首先我们Ҏ(gu)一下菜单?/P>
点击攑֤
攑֤以后看，仍然是中文菜单比英文菜单要ؕ那么一点点。同时我们发玎ͼ在行数相同的情况下，中文菜单比英文菜单要?/FONT>?/P>
攑֤以后看，仍然是中文菜单比英文菜单要ؕ那么一点点。同时我们发玎ͼ在行数相同的情况下，中文菜单比英文菜单要ѝ?/P>
再放大一点，加上辅助色块Ҏ(gu)?/P>
点击攑֤
看到吗？中文比英文要高（黄色VS灰色Q，但是行间距反而更（U色VS黑色Q?/P>
q说明什么呢Q完的最高境界是?STRONG>增一分嫌多，减一分嫌?/STRONG>”，适当的留白是保证整体视觉效果的重要因素。不要小看这“一点点”，正是q一点一点的I白Q以决定整个外观的成|?/P>
接下来我要推出的观点Q完全是本h在多q实践中ȝ出来的。关于中文字W和英文字符差异而导致的设计效果差异Q希望能有机?x)对此进行深入研I。）(j)
首先我们要宏观地来看一下，q是MicroSoft?/P>
~小一点，再羃?yu)一炏V然后我们把模糊的字W用色块覆盖?/P>
哪个?x)让你觉得舒服一点？
对于菜单或列表这cȝU列排版方式Q英文每个单词的长度不同Q就自然而然地Ş成一Uv伏，比如“Support”和“Knowledge Base”就相差?jin)大U?个字W的长度。这U差D排列成一串以后，整体便有?jin)一U?STRONG>服从语言本能的节奏。我们都知道Q?STRONG>节奏韵律是公认的审美准则之一Q而天然Ş成的节奏更是完全契合人类?j)理期望的一U韵律?/P>
而中文呢Q它是方块字。每个汉字占的宽度是一L(fng)Q同时我们不知道是受什么媄(jing)响（也许是成语？Q，常常?fn)惯于用四个字来l菜单命名，出现著名的?字词”现象?/P>
MicroSoft中国q个情况q不是很严重Q但仍然出现像“开发工具”、“商务管理”、“所有品”这L(fng)词?/P>
随便M个网站，看看q个现象有多么普遍?/P>
点击攑֤
点击攑֤
而这L(fng)“无差异U列”，很容易本来p整的方块字变成铁板一?/STRONG>?/P>
宏观看整体，微观看细节，如果你说讉K者不?x)像我们q样后退N步，来研I文字韵律的话，我们现在再来看一下细节?/P>
现在Ҏ(gu)的是MicroSoft的另一个列表菜单?/P>
我的研究Ҏ(gu)很简单――用色块Q这h较有效地排除掉一些干扰因素?/P>
我按照英文的阅读?fn)惯Q按词阅读）(j)Q以?qing)中文的阅读习(fn)惯Q按字阅读）(j)Q来攄我的宝贝色块?/P>
如何Q英文的韵律仍然存在Q如同音乐的节拍一P“嘀~嘀~~哒，嘀嘀~~哒”，前面说了(jin)Q这是一U?STRONG>天然的、服从语a本能的节?/STRONG>Q因此你永远不会(x)觉得别扭。而中文呢Q?/P>
“哒!????……”，它的韵律Q就是刻板的、严谨的、永q不变的?/P>
如果你没有意识到方块字的q种属性对于通过HTML来实现的设计来讲有多么重要，我们可以再看一个例子?/P>
q次我选择新版的Yahoo EN和Yahoo韩国Qؓ(f)什么不选Yahoo中国Q嗯……因为我写这个的时候它q没有改成新版）(j)Q韩文、日文和中文都很怼Q虽然不是严格的横^竖直的方块，但每个字仍然是具有固定比例的。（从这个程度上来讲Q中文的情况?x)比韩、日文更加突出）(j)
点击攑֤
通过q种Ҏ(gu)Q我们还发现一个新的规律――“自动回行”。可以看刎ͼ英文的自动回行是以单词ؓ(f)最单位的Q前面我们说q，每个单词的长度不相同，所以，自然的空白出C(jin)Q整个页面清透了(jin)Q方块字的自动回行以字ؓ(f)最单位，所以M(x)在同一个地方回行，I白几乎不可能出玎ͼ除非文字不一行）(j)Q整个页面被挤得满满当当Q透不q气来?/P>
我把q个囑ֆ~小一点，q个现象更加明显?/P>
我认是大多C文网站给人“挤”的感觉的原因?/P>
可以看出韩国设计师ؓ(f)?jin)适应“一l天下”的界面Q作?jin)很多努力，?gu)下图?/P>
韩版|站的用色更加鲜亮，阴媄(jing)L?jin)，沉重的黑边也L?jin)。这些微的改动Q图标在沉重的方块堆里更突Z。想x英文站上的图标搬q来?x)怎么P
好了(jin)Q我们回q头来ȝ一?/STRONG>Q?/P>
1、中文的行间距太；
2、中文缺乏一Uv伏的节奏Q?BR>3、中文的自动回行有重大缺陗?/P>
l论Q?STRONG>中文一不小?j)就变成铁板一?/FONT> ?/P>
如何解决q个问题Q设计师有的是办法，我就不一一赘述?jin)，我这里想说的是?x)中文和英文由于语a属性根本上的差异，因此完全照搬英文站的设计是一U愚蠢的、教条的思\Q尤其当q种设计Ҏ(gu)需要用同一U计机语言QXHTMLQCSSQ来实现的时候，l节的修改就昑־更加重要。徏议还是多参考亚z同行的作品Q前两年韩国和日本网站模板盛行，有它的道理，臛_我很看C们用U黑艜y(c)―嗯Q就说到q儿Q不多不刚刚好Q完！ | 
公司?/A> 
论中英文网站的设计差异
