【平面設(shè)計】優(yōu)秀文字排版設(shè)計原則和技巧
圖/文 Carrie Cousins
對于設(shè)計而言,良好的排版不僅僅是擺上漂亮的字體就可以搞定的,高度的可讀性和可識別性并不是簡單的要求,視覺設(shè)計和內(nèi)容風(fēng)格也應(yīng)當(dāng)做好一致性。“開侃“
?
可讀性原則

想要挑選易于閱讀的字體,手寫字體、哥特字體和過于新穎的字體應(yīng)當(dāng)盡量避免使用。當(dāng)然,如果是需要藝術(shù)性字體來做裝飾的場景就另當(dāng)別論了。
?
可讀性優(yōu)秀的字體在可識別性上也不錯,并且他們通常不會特別的“顯眼”。這些字體應(yīng)該是“透明”的,這樣可以無障礙、下意識地接受,這就是他們的工作原理。
?
確保行間距足夠?qū)?/strong>

行間距是閱讀的關(guān)鍵因素之一,太過致密會令人閱讀困難,有呼吸感的行間距則會令人著迷。尤其是如今大量用戶在手機和平板上閱讀,相對寬一點的行間距對于緩解閱讀大量內(nèi)容有相當(dāng)?shù)木徑庾饔谩?/p>
而要控制好行間距需要牽涉到好幾個變量:
·字體尺寸
·段落長度
·字體樣式
·寬松的行間距(比如直接空一行作為行間距)能讓內(nèi)容更易于被識別和掃描
·控制行間距的松緊,用雙眼來瀏覽段落進行測試,基于感覺來進行調(diào)整
?
選擇英文有字母含有大圓角的字體

和中文字體不同,西文字體有上伸區(qū)和下降區(qū),小寫字母x的高度是這套字體的x高度。小寫字母的整體比例會直接影響到閱讀的體驗。
?
緊湊和致密的字體讓眼睛難于辨識,而曾經(jīng)在紙媒上流行過的較寬的標題字體,識別度就相當(dāng)不錯,因為當(dāng)字體拉寬之后,不同字母的差異就越發(fā)明顯。圓角弧度更大的字體看起來更接近于給孩子們設(shè)計的字體,而幼年時期對于字體所構(gòu)建起的美學(xué)認知,是會伴隨人的一生的。
?
讓字體更大一點

毫無疑問,字體適當(dāng)?shù)姆糯髸屓烁杏X更舒服。當(dāng)然,字體的大小通常取決于你的實際需求,而在處理大段文字的時候,就需要注意了。
?
雖然不同的設(shè)計師在文字的處理上有著不同的想法,但是通常大家會認為每行的字符數(shù)量應(yīng)當(dāng)控制在45~60個之間(中文也有一個約定俗成的數(shù)量),而在移動端上,這個數(shù)量通常需要減半看起來才足夠舒適。
找平均高度較高的字體

和中文字體不同,西文字體有上伸區(qū)和下降區(qū),小寫字母x的高度是這套字體的x高度。小寫字母的整體比例會直接影響到閱讀的體驗。
顯示字體的字距調(diào)整

?
細致到位的字距調(diào)整能創(chuàng)造好的排版。但是對于標題字體和展示字體,字距的調(diào)整就相當(dāng)有必要了。不同字母的筆畫角度都不盡相同,每對字母之間的距離進行適當(dāng)調(diào)整,讓它們看起來像是天生一對那樣。
?
其實中文和日文的字體排版中也同樣用到了字距調(diào)整的技巧,使用平假名和片假名尤其多的日本,在標題和展示字體的排版上經(jīng)常會用到字距調(diào)整,來確保整體的視覺體驗。
仔細思考比例

?
當(dāng)你在為一個項目挑選字體樣式的時候,將不同部分的尺寸比例想清楚對于后續(xù)的設(shè)計相當(dāng)有幫助??赡苈犉饋砗孟裼性S多計算工作要做,但是并不一定麻煩,并且會對你的整個項目有極大的幫助。
?
我們之前所提到的行間距的設(shè)定,就是需要考慮的比例之一。除此之外,標題、副標題和正文的字體大小比例應(yīng)當(dāng)如何設(shè)定,怎么樣設(shè)定尺寸大小才能營造出視覺的和諧感。
?
筆畫統(tǒng)一的字體最理想

?
再看字體筆畫樣式,筆畫的寬度無疑是最重要的事情。超細的筆畫由于缺乏對比度大多難于識別,而筆畫太過于粗壯的字體可能存在同樣的問題,閱讀起來也相當(dāng)?shù)馁M眼睛。如果字體的粗細部分對比過于強烈、過于突然也可能帶來一定的顯示問題。
?
其實解決方案也不難,挑選字母筆畫粗細適中,且筆畫相對比較一致的字體就好了。這類字體可以兼容更多的背景,在可讀性和適用性上相對更強。
克制地使用字體
只用兩種字體。再強調(diào)一次,只能用兩種字體。
控制字體類型的數(shù)量應(yīng)該是每一個項目的目標。太多用戶喜歡在一個界面當(dāng)中瘋狂地塞進各種不同類型的字體,這對于眼睛是災(zāi)難性的,閱讀困難,甚至招致用戶厭倦。
?
你可以挑選兩個字體族作為常用字體——最多再挑選一款藝術(shù)字體用作展示之用——然后堅持使用這幾種字體。想清楚每個字體在什么時候使用,在什么地方使用,這其中應(yīng)當(dāng)涉及到字體的顏色、大小和位置。另外,在不同的頁面、不同設(shè)備上,字體的使用應(yīng)該是一致的。
?
提升對比度
有許多時尚的設(shè)計會讓背景和文字之間的對比度降低,營造出炫酷和融合的效果,但是內(nèi)容的識別度就很低了!所以重要性是毋庸置疑的。將內(nèi)容和背景之間的對比度提升起來,讓每個詞都能在屏幕上清晰的識別出來,輕松地獲取信息。
?
設(shè)計中包含的文字內(nèi)容越多,排版設(shè)計的重要性就越突出。排版結(jié)構(gòu)舒適穩(wěn)定、對比度明顯和諧、安全用色都是你必須做到的事情。
?