宏觀(guān)看整體,微觀(guān)看細(xì)節(jié),如果你說(shuō)訪(fǎng)問(wèn)者不會(huì)像我們這樣后退N步,來(lái)研究文字韻律的話(huà),我們現(xiàn)在再來(lái)看一下細(xì)節(jié)。
現(xiàn)在對(duì)比的是MicroSoft的另一個(gè)列表菜單。

我的研究方法很簡(jiǎn)單――用色塊,這樣比較有效地排除掉一些干擾因素。
我按照英文的閱讀習(xí)慣(按詞閱讀),以及中文的閱讀習(xí)慣(按字閱讀),來(lái)放置我的寶貝色塊。

如何?英文的韻律仍然存在,如同音樂(lè)的節(jié)拍一樣,“嘀~嘀~~噠,嘀嘀~~噠”,前面說(shuō)了,這是一種天然的、服從語(yǔ)言本能的節(jié)奏,因此你永遠(yuǎn)不會(huì)覺(jué)得別扭。
而中文排列呢?“噠!噠!噠!噠!噠!……”,它的韻律,就是刻板的、嚴(yán)謹(jǐn)?shù)摹⒂肋h(yuǎn)不變的。
如果你沒(méi)有意識(shí)到方塊字的這種屬性對(duì)于通過(guò)HTML來(lái)實(shí)現(xiàn)的設(shè)計(jì)來(lái)講有多么重要,我們可以再看一個(gè)例子。
這次我選擇新版的Yahoo EN和Yahoo韓國(guó)(為什么不選Yahoo中國(guó)?嗯……因?yàn)槲覍?xiě)這個(gè)的時(shí)候它還沒(méi)有改成新版),韓文、日文和中文都很相似,雖然不是嚴(yán)格的橫平豎直的方塊,但每個(gè)字仍然是具有固定比例的。(從這個(gè)程度上來(lái)講,中文的情況會(huì)比韓、日文更加突出)

通過(guò)這種對(duì)比,我們還發(fā)現(xiàn)一個(gè)新的規(guī)律――“自動(dòng)回行”。可以看到,英文的自動(dòng)回行是以單詞為最小單位的,前面我們說(shuō)過(guò),每個(gè)單詞的長(zhǎng)度不盡相同,所以,自然的空白出現(xiàn)了,整個(gè)頁(yè)面清透了;方塊字的自動(dòng)回行以字為最小單位,所以總會(huì)在同一個(gè)地方回行,空白幾乎不可能出現(xiàn)(除非文字不足一行),整個(gè)頁(yè)面被擠得滿(mǎn)滿(mǎn)當(dāng)當(dāng),透不過(guò)氣來(lái)。
我把這個(gè)圖再縮小一點(diǎn),這個(gè)現(xiàn)象就更加明顯。

我認(rèn)為這就是大多數(shù)中文網(wǎng)站給人“擠”的感覺(jué)的原因。
可以看出韓國(guó)設(shè)計(jì)師為了適應(yīng)“一統(tǒng)天下”的界面,作了很多努力,對(duì)比下圖。

韓版網(wǎng)站的用色更加鮮亮,陰影去掉了,沉重的黑邊也去掉了。這些微小的改動(dòng),使圖標(biāo)在沉重的方塊堆里更突出些。想想把英文站上的圖標(biāo)搬過(guò)來(lái)會(huì)怎么樣?
好了,我們回過(guò)頭來(lái)總結(jié)一下:
1、中文的行間距太小;
2、中文缺乏一種起伏的節(jié)奏;
3、中文的自動(dòng)回行有重大缺陷。
結(jié)論:中文排版一不小心就變成鐵板一塊。
如何解決這個(gè)問(wèn)題,設(shè)計(jì)師有的是辦法,我就不一一贅述了,我這里想說(shuō)的是:中文和英文由于語(yǔ)言屬性根本上的差異,因此完全照搬英文站的設(shè)計(jì)是一種愚蠢的、教條的思路,尤其當(dāng)這種設(shè)計(jì)方案需要用同一種計(jì)算機(jī)語(yǔ)言(XHTML+CSS)來(lái)實(shí)現(xiàn)的時(shí)候,細(xì)節(jié)的修改就顯得更加重要。建議還是多參考亞洲同行的作品,前兩年韓國(guó)和日本網(wǎng)站模板盛行,有它的道理,至少我很少看到他們用純黑色。

50張美麗的動(dòng)物攝影作品欣賞動(dòng)物攝影2014-01-01

Brandnew:2013年最佳LOGO更換榜單VI設(shè)計(jì)2013-12-27

優(yōu)秀包裝設(shè)計(jì)精選集(45)包裝設(shè)計(jì)2013-12-22

用戶(hù)體驗(yàn)設(shè)計(jì)遇見(jiàn)色彩情感網(wǎng)頁(yè)理論2013-12-22

網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)淺析網(wǎng)頁(yè)理論2013-12-22

設(shè)計(jì)師如何通過(guò)顏色來(lái)影響消費(fèi)者網(wǎng)頁(yè)理論2013-12-03