為什么覺得英文比中文字體排版好看？

1．結(jié)構(gòu)

中文由漢字組成，漢字由不同多樣的筆劃組成，多直線、直角、銳角。英文以26個(gè)字母組成，字母以直線和圓弧組成，小寫的字母大多可以用一條連筆線條完成，大寫也不過4筆；漢字在結(jié)構(gòu)上更加復(fù)雜多樣，英文結(jié)構(gòu)則更加簡(jiǎn)單和諧。

2．包含的信息量

漢字是以象形為原始基礎(chǔ)，也就是每個(gè)字都具有特別的意義，一個(gè)簡(jiǎn)單的字可能在遠(yuǎn)古時(shí)代就代表了一個(gè)復(fù)雜的生活場(chǎng)景，是世界上最形象的文字，傳遞的信息量也比英文字母更多。

視覺上和心理上都會(huì)讓人覺得漢字更復(fù)雜，英文更簡(jiǎn)單。

3. 規(guī)律性

英文中，26個(gè)字母的反復(fù)組合出現(xiàn)，使整個(gè)句子有一致和諧的感覺（相反，不一樣和突出的東西都會(huì)迎來視覺沖擊，同時(shí)也增加用戶的視覺負(fù)擔(dān)），中文字體雖然也有規(guī)律（例如：相同的邊旁結(jié)構(gòu)等），但是由于中文單個(gè)字體結(jié)構(gòu)過于復(fù)雜，規(guī)律性的東西并不顯見。

英文的組成的句子比中文的句子看似更有規(guī)律和組織性，視覺上更加輕松舒適。

4. 節(jié)奏感／呼吸感

本身單個(gè)漢字就比單詞更加飽滿，每個(gè)漢字像是被筆劃填充飽滿的方塊；

單詞是由橫向的一組字母組成，單詞里輔音多為豎長(zhǎng)，元母多為短圓，結(jié)合起來大多都高低起伏，不會(huì)看似一個(gè)填滿的明顯長(zhǎng)方塊，更像是律動(dòng)的線條，整個(gè)單詞之間仿佛流通著空氣感。

5．句子組織方式

中文由漢字組成句子，字與字之間一般不留太大空隙，影響閱讀的連貫性。

英文以單詞組成句子，單詞與單詞之間需要一定的小空隙，不然會(huì)影響單詞的理解。

對(duì)比之下，英文句子比中文句子，視覺上會(huì)帶來更好的節(jié)奏感和呼吸感。

6．認(rèn)知／文字的識(shí)別度

首先，我們看到圖形和文字的時(shí)候，會(huì)有不同的心里反映，看到圖形會(huì)想著這個(gè)圖形好不好看，什么含義，看到文字的第一反映就是它的含義。雖然中文是象形文字，但我們是中文母語者，看中文的時(shí)候，第一反應(yīng)不是將他圖形化，而是直接快速看到文字傳遞的含義，不會(huì)對(duì)它的結(jié)構(gòu)和形狀進(jìn)行任何思考，跳過了圖形（包括圖形好不好看的想法）直接到字面意思。而看到英文的第一反應(yīng)會(huì)更傾向于將其圖形化和符號(hào)化，會(huì)看到字體的形狀線條，會(huì)覺得它好看或者不好看，會(huì)把它當(dāng)作視覺元素與整個(gè)畫面結(jié)合在一起。

另外，我們能發(fā)現(xiàn)，無論國(guó)內(nèi)和國(guó)外的大品牌，他們都使用了自己的語言文字來做logo，但是他們都將字體進(jìn)行了設(shè)計(jì)，讓人無法第一時(shí)間解讀出來，否則會(huì)讓人感覺更廉價(jià)。

舉個(gè)例子：左邊的英文給人感覺會(huì)聯(lián)想到蘋果公司的系列高端產(chǎn)品，簡(jiǎn)潔大氣。右邊同樣的版式換成中文字就會(huì)在心理上給人一種廉價(jià)感。很像華強(qiáng)北某小商店打出來的廣告，讓人覺得不夠高級(jí)。

因此，英語更容易讓我們感覺到好看。一般的，在人們的認(rèn)知中：圖形的美觀程度>字符的美觀程度。

其實(shí)博大精深的中文并不比英文遜色，只是在使用的場(chǎng)景不同下各有優(yōu)劣勢(shì)，然而我們對(duì)中文的排版設(shè)計(jì)還知之甚少，更無法將中文的字體設(shè)計(jì)表達(dá)的淋漓盡致，所以會(huì)導(dǎo)致一個(gè)錯(cuò)覺：英文排版（字體）比中文排版（字體）好看，下面欣賞幾張?jiān)O(shè)計(jì)不錯(cuò)的國(guó)內(nèi)電影海報(bào)，看看他們是怎么做中文字體排版的吧~

▼

1．極簡(jiǎn)化設(shè)計(jì)

這是一種以信息內(nèi)容為優(yōu)先的去風(fēng)格化設(shè)計(jì)。

在這信息爆炸的時(shí)代，讓用戶聚焦信息的難度越來越高。如何減少干擾，讓信息有效傳達(dá)給用戶正是極簡(jiǎn)化設(shè)計(jì)所推崇的。加大字號(hào)，拉大層級(jí)對(duì)比，增加留白，減少顏色以及不必要的裝飾等手段越來越多地在設(shè)計(jì)中體現(xiàn)。
極簡(jiǎn)化設(shè)計(jì)的核心是圍繞信息內(nèi)容本身而呈現(xiàn)的，因此這種方式首先在產(chǎn)品UI設(shè)計(jì)層面開始流行起來。 盡管極簡(jiǎn)的設(shè)計(jì)風(fēng)格導(dǎo)致很多應(yīng)用的風(fēng)格越來越趨同。但它是真正以用戶為核心的設(shè)計(jì)發(fā)展趨勢(shì)。設(shè)計(jì)不再作為獨(dú)立于內(nèi)容之外的元素存在，而將著眼于內(nèi)容本身，為用戶打造直觀的視覺體驗(yàn)。

2．大投影

大投影，或是微投影，是指輕微的、若有似無的投影，它不易被立刻察覺到，因?yàn)椴粫?huì)給人厚重的寫實(shí)感，反而增加了設(shè)計(jì)元素的深度，更好地表現(xiàn)了扁平化操作層級(jí)。從iOS 11的App Store開始就使用了大投影的卡片式設(shè)計(jì)，它令設(shè)計(jì)元素更加獨(dú)立醒目，極好地抓住用戶的注意力。

3．粗標(biāo)題

在扁平化設(shè)計(jì)中，文字排版影響著信息層級(jí)展示的清晰與否，通過文字的字號(hào)、字重、顏色等的對(duì)比去建立清晰的信息層級(jí)，而不用太多的裝飾元素。

4．留白

設(shè)計(jì)元素和元素之間保持足夠的間距，可以減少用來區(qū)分層級(jí)關(guān)系的不必要裝飾元素，例如分割線、邊框等，利用元素的排版、文本的對(duì)比和色彩的搭配建立一種更加簡(jiǎn)單的設(shè)計(jì)風(fēng)格。大間距的設(shè)計(jì)能讓界面具有呼吸感，大量的留白可以增加或減少元素的易見性，元素周圍的間距越大，元素和元素之間的獨(dú)立性就越強(qiáng)，每一個(gè)元素就越顯得醒目突出，有助于用戶把視覺聚焦在內(nèi)容本身。

Airbnb是極佳的范例，它采用了一種既不是列表設(shè)計(jì)也不是卡片設(shè)計(jì)的極簡(jiǎn)設(shè)計(jì)，大標(biāo)題文本包含一組帶有圖片和描述的元素，組元素和組元素之間保持較大的間距，既保證了它們互不干擾，又不會(huì)令界面看上去顯得松散，因而帶給用戶非常輕松的瀏覽體驗(yàn)。

5．生動(dòng)明亮的色彩漸變

關(guān)于漸變色這一塊其實(shí)早在去年的時(shí)候設(shè)計(jì)圈中就有很多采用漸變色的設(shè)計(jì)手法，漸變色設(shè)計(jì)的優(yōu)勢(shì)在于可以讓頁面層次感更豐富，突出頁面更加重要的元素，以及可以使內(nèi)容相對(duì)復(fù)雜的一些圖片和元素更加統(tǒng)一，而且與此同時(shí)也增加了視覺上的感官，更加能起到吸引用戶的作用。

 

 

 

▼

1. 優(yōu)化視覺圖片

在上一版的設(shè)計(jì)中大面積采用科技藍(lán)作為設(shè)計(jì)的主色調(diào)，看久了之后會(huì)給人一種稍顯壓抑的情緒。最新版在整體上做了一次大面積的改變，將原先的白色導(dǎo)航欄優(yōu)化為深空藍(lán)，并加上微投影的效果。給人更專業(yè)和可靠的視覺感受。整體圖片拋棄了大面積藍(lán)色調(diào)，而是采用暖色調(diào)的圖片來給人更和諧溫暖的感受。在banner的文字排版和按鈕上都進(jìn)行了優(yōu)化升級(jí)，讓頁面更有呼吸感。整體界面給人更專業(yè)、嚴(yán)謹(jǐn)、溫暖的氣氛。

2.可視化圖表優(yōu)化

在上一版頁面較為零散排布的基礎(chǔ)上進(jìn)行了規(guī)整設(shè)計(jì)，讓頁面變成更易于閱讀的卡片式設(shè)計(jì)。在各個(gè)卡片的內(nèi)部做了新的排版及布局優(yōu)化。讓頁面給人更清爽簡(jiǎn)約的感受。便于用戶更好的理解與獲取可視化圖表傳達(dá)的核心理念。

3.頁面表現(xiàn)形式優(yōu)化

以調(diào)查問卷頁面為例，這個(gè)頁面將原先的設(shè)計(jì)做了一個(gè)打破的處理。為了重新尋找更優(yōu)化的設(shè)計(jì)方式。這里采用的設(shè)計(jì)方式是將問卷連成一串，每個(gè)問題都可以進(jìn)行點(diǎn)擊展開式的收縮設(shè)計(jì)，并且當(dāng)用戶每答完一題，下一題會(huì)自動(dòng)展開。旨在為頁面節(jié)省更多的空間，這樣就可以有效減少用戶的困惑感，使問卷的形式更輕松的進(jìn)行。同時(shí)讓原本需要兩個(gè)頁面顯示的問卷內(nèi)容可以在同一個(gè)頁面更好的呈現(xiàn)。

4.流行趨勢(shì)的運(yùn)用

這里以市場(chǎng)動(dòng)態(tài)頁為例，整個(gè)PC端的設(shè)計(jì)都采用了卡片式及弱陰影的效果。在色彩上也是運(yùn)用了較為舒適的明暗度的對(duì)比方式，在整體圖片的選擇上采用冷暖交替的對(duì)比手法，讓頁面更和諧、大氣又不失乏味。版式上針對(duì)上一版做了進(jìn)一步的優(yōu)化，讓文字的排版更透氣，圖文的結(jié)合給用戶更有點(diǎn)擊欲的感受。

作者：余盼Panda    來源：站酷
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。