你有沒有被客戶強(qiáng)迫照搬英文網(wǎng)站 經(jīng)歷？
你有沒有被領(lǐng)導(dǎo)指責(zé) 比較"土” 作品？
你有沒有感到疑惑, 因 你搬過來 "英文”網(wǎng)站總 那么別扭？

如果有 話, 這篇文章 許能幫你提供一些證據(jù), 至少讓你自己能明白, 什么不能照搬英文網(wǎng)站 設(shè)計規(guī)則.

首先我們找一個非常有名非常牛氣 網(wǎng)站, 對比一下它 英文和中文網(wǎng)站 區(qū)別. 恕我無知, 我第一個想到 就 MicroSoft了.

英文站：http://www.microsoft.com/
中文站：http://www.microsoft.com/china/

你覺得怎么樣？兩個站點(diǎn)采用了完全一樣 界面和布局, 但你 不 仍然覺得中文站要亂那么一點(diǎn)點(diǎn)？

好, 我們抱著學(xué)術(shù)研究 嚴(yán)謹(jǐn)心態(tài)來看看, 究竟 哪里不一樣.

首先我們對比一下菜單.


放大以后看, 仍然 中文菜單比英文菜單要亂那么一點(diǎn)點(diǎn). 同時我們發(fā)現(xiàn), 在行數(shù)相同 情況下, 中文菜單比英文菜單要長.

再放大一點(diǎn), 加上輔助色塊對比.


看到嗎？中文比英文要高（黃色VS灰色）, 但 行間距反而更小（紅色VS黑色）.

這說明什么呢？完美 高境界 "增一分嫌多, 減一分嫌少”, 適當(dāng) 留白 保證整體視覺效果 重要因素. 不要小看這"一點(diǎn)點(diǎn)”, 正 這一點(diǎn)一點(diǎn) 空白, 足以決定整個外觀 成敗.

接下來我要推出 觀點(diǎn), 完全 本人在多年實踐中總結(jié)出來 . 關(guān)于中文字符和英文字符差異而導(dǎo)致 設(shè)計效果差異（希望能有機(jī)會對此進(jìn)行深入研究. ）

首先我們要宏觀地來看一下, 還 MicroSoft.

縮小一點(diǎn), 再縮小一點(diǎn). 然后我們把模糊 字符用色塊覆蓋.


哪個會讓你覺得舒服一點(diǎn)？

對于菜單或列表這類 縱列排版方式, 英文每個單詞 長度不同, 就自然而然地形成一種起伏, 比如"Support”和"Knowledge Base”就相差了大約7個字符 長度. 這種差值被排列成一串以后, 整體便有了一種服從語言本能 節(jié)奏. 我們都知道, 節(jié)奏韻律 公認(rèn) 審美準(zhǔn)則之一, 而天然形成 節(jié)奏更 完全契合人類心理期望 一種韻律.

而中文呢？它 方塊字. 每個漢字占 寬度 一樣 , 同時我們不知道 受什么影響（ 許 成語？）, 常常習(xí)慣于用四個字來給菜單命名, 出現(xiàn)著名 "4字詞”現(xiàn)象.

MicroSoft中國這個情況還不 很嚴(yán)重, 但仍然出現(xiàn)像"開發(fā)工具”,"商務(wù)管理”,"所有產(chǎn)品”這樣 詞.

隨便翻一個網(wǎng)站, 看看這個現(xiàn)象有多么普遍.



而這樣 "無差異縱列”, 很容易使本來就規(guī)整 方塊字變成鐵板一塊.

宏觀看整體, 微觀看細(xì)節(jié), 如果你說訪問者不會像我們這樣后退N步, 來研究文字韻律 話, 我們現(xiàn)在再來看一下細(xì)節(jié).

現(xiàn)在對比 MicroSoft 另一個列表菜單.


我 研究方法很簡單——用色塊, 這樣比較有效地排除掉一些干擾因素.

我按照英文 閱讀習(xí)慣（按詞閱讀）, 以及中文 閱讀習(xí)慣（按字閱讀）, 來放置我 寶貝色塊.


如何？英文 韻律仍然存在, 如同音樂 節(jié)拍一樣, "嘀~嘀~~噠, 嘀嘀~~噠”, 前面說了, 這 一種天然 ,服從語言本能 節(jié)奏, 因此你永遠(yuǎn)不會覺得別扭. 而中文呢？