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

  如果你碰到過以上問題,下面這篇文章也許能幫你提供一些幫助,至少讓我們明白為什么不能完全照搬英文網(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)來看看,究竟是哪里不一樣。

  首先我們對比一下菜單。

議中英文網(wǎng)站排版設(shè)計的視覺差異
點(diǎn)擊放大

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

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

議中英文網(wǎng)站排版設(shè)計的視覺差異

  看到嗎?中文比英文要高(黃色VS灰色),但是行間距反而更?。t色VS黑色)。

  這說明什么呢?完美的最高境界是“增一分嫌多,減一分嫌少”,適當(dāng)?shù)牧舭资潜WC整體視覺效果的重要因素。不要小看這“一點(diǎn)點(diǎn)”,正是這一點(diǎn)一點(diǎn)的空白,足以決定整個外觀的成敗。

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

 

標(biāo)簽:視覺

隨機(jī)推薦