請(qǐng)給你的文字選合適的排版字型

所謂文字排版設(shè)計(jì)?,并不單單是把文字向方向上排列和選擇字型,它是一項(xiàng)傳承已久的藝術(shù)。

所謂文字排版設(shè)計(jì),并不單單是把文字向方向上排列和選擇字型,它是一項(xiàng)傳承已久的藝術(shù)。追溯起來(lái),他從木制和金屬印刷開(kāi)始便已經(jīng)起步,不僅歷史悠久,而且用處廣泛,實(shí)用性很高,部分人掌握了一些實(shí)用訣竅,就可以在生活中工作中活用,如報(bào)表,簡(jiǎn)歷和名片等設(shè)計(jì)上,都可以說(shuō)是易如反掌。

資深視覺(jué)設(shè)計(jì)師Janie Kliever發(fā)表過(guò)一篇文章,在其中列出了10個(gè)可以增進(jìn)文字排版的訣竅和技巧,雖然是介紹的英文,不過(guò)殊途同歸,可借鑒之處還是很多的。

1. 將要表達(dá)的訊息配上適當(dāng)?shù)母杏X(jué)

用了兩種差不多的字型?或是你總是用最喜歡的那一種字型?以上都是沒(méi)有妥善選擇字型的情形。

每種字型都散發(fā)獨(dú)特的情感或個(gè)性,也許是友善、新潮、嚴(yán)肅或傻里傻氣,但大部分的字型并不是萬(wàn)用的,所以你要判斷一個(gè)字型對(duì)你來(lái)說(shuō)是怎么樣的感覺(jué),還有它適不適合放在這個(gè)設(shè)計(jì)里面。方法之一就是列出你希望設(shè)計(jì)呈現(xiàn)哪些特質(zhì),如果能先確定內(nèi)容更好,這樣就能直接挑選字型來(lái)配合建立好的內(nèi)文調(diào)性。

字型設(shè)計(jì)師 Eben Sorkin 曾經(jīng)說(shuō)過(guò):每種字體都有自己的聲音,這種聲音將影響我們閱讀文字的感受,也影響我們吸收和處理信息的過(guò)程。

它的力量強(qiáng)大,能讓任何形式的文字溝通更加有效且更有說(shuō)服力。當(dāng)文字符合字型的個(gè)性,大家閱讀起來(lái)會(huì)更快更容易;若兩者不合,文字就會(huì)變得混亂,拖慢讀者的速度。訪客讀起來(lái)越容易,就越容易找到他們要的內(nèi)容并點(diǎn)擊購(gòu)買(mǎi)或返回(或達(dá)成其它設(shè)計(jì)的目的)。

讓我們快速看幾個(gè)范例:

一個(gè)遵循「?jìng)鹘y(tǒng)配方」的護(hù)發(fā)產(chǎn)品,融合了復(fù)古和現(xiàn)代的字型。

(Design by Device Creative Collaborative)

主打回到本質(zhì)的產(chǎn)品,包裝走極簡(jiǎn)瑞士風(fēng)設(shè)計(jì)美學(xué)和字型搭配。

(Design by Salih Kucukaga)

傳達(dá)歷史和工藝精神的字型選擇,字型和整體事業(yè)的品牌形象相當(dāng)搭配。

(Mike Casebolt and Sergey Grigoryan)

古典的襯線字體,看起來(lái)相當(dāng)適合 1925 年就開(kāi)幕的出版商的部落格,不過(guò)這個(gè)字型易讀、簡(jiǎn)明而且平易近人,帶來(lái)一種現(xiàn)代感,而且更適合用在網(wǎng)頁(yè)上。

(Random House Books)


2. 配合讀者的心情

現(xiàn)在你已經(jīng)替你的設(shè)計(jì)配了完美的字型,但有個(gè)小問(wèn)題,并非所有人對(duì)同一種字型都有一樣的感覺(jué),選擇了適合的字型后,你也要確定它適合你的觀眾。

可能有一群人覺(jué)得這字型很新潮,另一群就覺(jué)得它過(guò)時(shí),因?yàn)槲覀兛醋中偷姆绞绞艿轿幕B結(jié)的影響,而文化又和年齡及地區(qū)有相當(dāng)大的關(guān)系,所以要對(duì)你的目標(biāo)群眾有敏感度,如果你對(duì)選擇的字型有所遲疑,問(wèn)問(wèn)那個(gè)團(tuán)體的人,征詢他們的意見(jiàn),能讓你的文字排版效果更好。

(Designs by Peetie Design and Kelly Schmidt)

如果你的觀眾范圍很廣,并非特定族群呢?那你可能就得選擇較為中性的字體,不強(qiáng)調(diào)鮮明特色而能融入其他對(duì)象。這種字型經(jīng)常稱為「Workhorse」字體,通常是基本的襯線或無(wú)襯線字型,而且因?yàn)椴灰俗⒁舛猛緩V泛。

▲Google 字型中一些多用途字型。

最有用的多用途字型通常還會(huì)提供各種粗細(xì)和類型。

3. 讓字型的尺寸搭配設(shè)計(jì)內(nèi)容

選擇和安排設(shè)計(jì)的字型時(shí),閱讀難易度應(yīng)該是首要考慮之一。字太小難以閱讀,字太大又很煩人,因此一般而言,印刷用段落文字應(yīng)該落在 10 — 12 點(diǎn)之間,而網(wǎng)頁(yè)則是 15 — 20 之間,大部分的瀏覽器默認(rèn)值是 16 點(diǎn)。

你可以用 Type Scale 這個(gè)免費(fèi)工具來(lái)檢查 Google 字型庫(kù)的字型,各個(gè)尺寸在網(wǎng)頁(yè)上看起來(lái)如何。

▲Type Scale

若不是用在長(zhǎng)文的字呢?你可以參酌設(shè)計(jì)本身,包括整個(gè)版面的大小或呈現(xiàn)方式,加上一點(diǎn)基本常識(shí)幫助判斷。一些像名片之類的小型項(xiàng)目或是長(zhǎng)段文章會(huì)需要小一點(diǎn)的字,但這些字也要清晰易讀,而非充滿裝飾。

大型項(xiàng)目如海報(bào),因?yàn)榭臻g更多而且大家通常會(huì)從遠(yuǎn)一點(diǎn)的距離觀看,就可以容納大字,若選擇相對(duì)小的字體,則有更多空間發(fā)揮創(chuàng)意和選擇更有型的文字。

4. 安排層次

如果一個(gè)設(shè)計(jì)層次分得好,看起來(lái)就整齊,容易定位,可以更容易找到你要的信息。文字排版的層次對(duì)于像是電子報(bào)、雜志、書(shū)和其他傳統(tǒng)印刷物,及某些網(wǎng)站等文字很多的設(shè)計(jì)特別重要。

基本的層次設(shè)計(jì),可以利用以下幾點(diǎn):

用字的大小來(lái)依重要性排序信息。

用充足的空間來(lái)創(chuàng)造一個(gè)容易檢視的架構(gòu)

把相關(guān)的對(duì)象分成一組

在適當(dāng)?shù)那闆r下,用標(biāo)題、副標(biāo)等清楚地分類

5. 別忽略了留白和對(duì)齊方式

設(shè)計(jì)成也細(xì)節(jié),敗也細(xì)節(jié),其中留白和對(duì)齊影響很大,這兩者可以讓版面又?jǐn)D又混亂,也可以帶來(lái)干凈和秩序。

讓我們一起來(lái)看看幾種常見(jiàn)的留白:

字距(Tracking):文字間距,又稱字間,這是在一段或一句文字中,每個(gè)文字的固定間距,調(diào)整這選項(xiàng)會(huì)讓整體文字看起來(lái)更擠或更松,縮小間距常用來(lái)節(jié)省空間,但太過(guò)緊密會(huì)讓文字難以閱讀,配合所選字型,找到適合的文字間距,是讓文章好讀的最佳方法之一。

行距(Leading):每行間距,這是行與行間的垂直距離,就像字距一樣,過(guò)多過(guò)少都會(huì)讓文字難以閱讀或格格不入。

邊界:這是設(shè)計(jì)周邊的空白空間,除非有特殊需求,不然通常你不會(huì)想讓內(nèi)容看起來(lái)像要掉出頁(yè)面一樣,在頁(yè)面周圍大方地留點(diǎn)空間,讀起來(lái)會(huì)更舒服。

留白:用來(lái)指設(shè)計(jì)中所有空白、白色、空無(wú)一物的空間,如果你要放很多內(nèi)容,留白看似很浪費(fèi),但要讓畫(huà)面平衡、有條理,這是不可或缺的。他讓觀眾的視線在畫(huà)面中移動(dòng),同時(shí)讓眼睛有地方可以休息。

至于對(duì)齊方式,「保持一致」是增進(jìn)文字排版最好的方法,在同一設(shè)計(jì)中無(wú)意義地切換各種對(duì)齊方式(靠左、靠右、置中、分散),只會(huì)看起來(lái)很隨便。

一些小訣竅:

少用兩端對(duì)齊。這幾乎每次都會(huì)產(chǎn)生一堆不規(guī)則的空間和隨機(jī)分布的大量空白,看起來(lái)很亂而且很難閱讀。

在段落文字選擇一種對(duì)齊方式(通常是靠左),并保持一致。

(Design by Bryan Kidd)

6. 學(xué)會(huì)字距微調(diào)

有一種留白是大家常常忽略的:字距微調(diào)(字間)。字句微調(diào)常和字距搞混,但兩者是不同的,字句微調(diào)是單指兩個(gè)文字間的距離。

字句微調(diào)通常是用來(lái)檢查文字排版是不是完美且專業(yè)的最后一個(gè)步驟,每種字型都有默認(rèn)的字句微調(diào),但有些文字組合起來(lái)間距就是不理想,尤其又大又顯眼的文字排版,比如說(shuō)標(biāo)題,最好多檢查一下有沒(méi)有哪兩字間隔過(guò)大或過(guò)小,必要的話再手動(dòng)調(diào)整。

7. 限制你的字體、粗細(xì)和樣式數(shù)量

我們熱愛(ài)各種字型,但好東西太多也不好,一個(gè)設(shè)計(jì)用過(guò)多不同的字體看起來(lái)會(huì)混亂又不專業(yè)。

基本上,一份設(shè)計(jì)別用超過(guò)三種字體,如果是好的設(shè)計(jì)搭配對(duì)的內(nèi)容,也是可以打破這項(xiàng)規(guī)則,制造電子、復(fù)古的效果,比如以下這份設(shè)計(jì)。

如果你剛開(kāi)始混合使用字型,基本的襯線搭配無(wú)襯線字體,幾乎都能搭配,或者找一種有各種粗細(xì)和樣式的字體或字體系列來(lái)搭配,這樣你的文字排版看起來(lái)就互相呼應(yīng),同時(shí)還保留一些變化空間。

▲免費(fèi)字體系列 Alegreya Sans

粗細(xì)和樣式很容易被濫用,這些樣式可以強(qiáng)調(diào)文字的重要性,在視覺(jué)上更突出,或是模擬說(shuō)話語(yǔ)氣,但別在一段文章內(nèi)用上一堆樣式,這樣會(huì)看起來(lái)強(qiáng)調(diào)得太用力,而且會(huì)讓讀者感到不禮貌。實(shí)際上,就算只用超過(guò)一種以上樣式的機(jī)會(huì)都不多。

8. 避免常見(jiàn)的「排版病」

設(shè)計(jì)程序當(dāng)著我們完成很多了不起的事,但若不夠小心,有時(shí)候也讓人容易犯下一些顯而易見(jiàn)的錯(cuò)誤?!碩hinking with Type〉 的作者 Ellen Lupton 在書(shū)的官方網(wǎng)站上,舉了幾個(gè)壞習(xí)慣作為例子: 不要為了填滿版面任意拉長(zhǎng)文字,若你只拉長(zhǎng)一個(gè)方向,會(huì)讓文字及間距嚴(yán)重變形,如果要重設(shè)大小,請(qǐng)固定長(zhǎng)寬比例。

別用錯(cuò)誤的引號(hào)。在英文字句中有的人會(huì)用直線引號(hào)代替逗號(hào)型引號(hào),或者在中文使用英文引號(hào),大部分的程序可以設(shè)定自動(dòng)取代功能,或是打字的時(shí)候善用快捷鍵。

不要使用假斜體。如果字型本身沒(méi)有提供斜體,在設(shè)計(jì)程序里還是可以簡(jiǎn)單地把它傾斜,做成斜體,但這種技術(shù)會(huì)讓字體變形,而且通??雌饋?lái)很糟糕。真的斜體是另外設(shè)計(jì)來(lái)補(bǔ)充原本字型的不足,而且通常是比較好的選擇。

9. 避免沖突的顏色或背景

文字排版很少獨(dú)立存在,它通常會(huì)和其他元素搭配,尤其是背景。文字和其他部分間有足夠的對(duì)比,可以讓文字更易讀,但有些小技巧可以幫忙調(diào)降一下對(duì)比:

顏色的沖突:如果要幫文字挑顏色,你可能會(huì)想要挑個(gè)能和其他元素搭配的顏色,包括背景,如果顏色太格格不入,像是很丑的彈出式廣告窗口,背景是紅色,字是鮮綠色,或者顏色太相近,像是白色的字搭淺色背景,眼睛負(fù)擔(dān)都很大,視覺(jué)效果很差。

試試用現(xiàn)有的色系組合,來(lái)創(chuàng)造和諧的畫(huà)面:

圖案或復(fù)雜的背景:一樣地,太復(fù)雜的背景也會(huì)讓字難以閱讀,而你應(yīng)該不想觀眾找不到信息。

試試看把復(fù)雜的圖案放在邊框,或是不會(huì)干擾閱讀的地方:

(Design by Szende Brassai / Adline)

特殊效果:透明、環(huán)繞,還有許多文字特效這些都很好玩,在某些情形下也很實(shí)用,不過(guò)也很容易用錯(cuò)。我們有時(shí)候會(huì)陷入「這個(gè)設(shè)計(jì)很好看,但一點(diǎn)都不實(shí)用」的陷阱里。

試試在可以增進(jìn)設(shè)計(jì)效果的時(shí)候才用特效,而不是看到特效就亂用。

(Design by David M. Smith)

總而言之,當(dāng)你嘗試發(fā)揮創(chuàng)意的同時(shí),記得保持文字排版的清晰易讀。

10.觀察與練習(xí)


當(dāng)然想要快速提升,光看這些訣竅是沒(méi)有辦法的,還需要有大量的實(shí)操才能增進(jìn)你的文字排版技術(shù),還有不管觀察其他做得好的設(shè)計(jì)師作品,不斷提高審美和判斷眼光,不管是什么地方都不乏精美排版,倉(cāng)庫(kù)告示、餐飲傳單這些都有可能。


師傅領(lǐng)進(jìn)門(mén),修行在個(gè)人,開(kāi)動(dòng)你的腦筋,做一篇精美的文字排版吧~



文章申明:本文章轉(zhuǎn)載自互聯(lián)網(wǎng)公開(kāi)渠道,如有侵權(quán)請(qǐng)聯(lián)系我們刪除
文章評(píng)價(jià)
登錄后可以評(píng)論
立即登錄
小三兒135主筆
一個(gè)酷愛(ài)鉆研排版的小編!
共606篇文章
最近文章
更多
  • 2023霜降節(jié)氣海報(bào)合集,給你專屬秋天的靈感!
  • 寒露節(jié)氣免費(fèi)手機(jī)海報(bào)模板分享
  • 2023中秋節(jié)精美海報(bào)大放送,尊的都很好看!
  • 不看會(huì)后悔系列!2023國(guó)慶節(jié)精美海報(bào)模板分享!
比格設(shè)計(jì)
熱門(mén)工具
135編輯器
領(lǐng)先的在線圖文編輯平臺(tái)原創(chuàng)樣式素材,一鍵套用
筆格設(shè)計(jì)
受歡迎的在線作圖網(wǎng)站,新媒體配圖、手機(jī)海報(bào)應(yīng)有盡有
筆格PPT
輸入主題,AI一鍵生成PPT;上傳本地文件秒變PPT
管小助
企業(yè)營(yíng)銷、私域流量運(yùn)營(yíng)——站式營(yíng)銷管理平臺(tái)
推薦文章
用戶運(yùn)營(yíng)平臺(tái)產(chǎn)品設(shè)計(jì)指南
淺談?dòng)脩暨\(yùn)營(yíng)中的用戶分層
內(nèi)容運(yùn)營(yíng):戴上寫(xiě)作的六頂思考帽
5000字方法論:4個(gè)細(xì)節(jié),決定私域能不能賺錢(qián)
一個(gè)案例說(shuō)明白用戶分析怎么用
22條視頻,漲粉12.6萬(wàn),一個(gè)女孩子在抖音靠洗車也能月入過(guò)萬(wàn)!
高價(jià)值社群的5大核心關(guān)鍵
抖音賬號(hào)內(nèi)容自檢清單!
決定離職后,3天拿到offer的總結(jié)與反思!
【135早資訊】:教育部將徹查教材插圖問(wèn)題;抖音6月1日起將對(duì)本地生活商家收取服務(wù)費(fèi)
熱門(mén)素材樣式
運(yùn)營(yíng)導(dǎo)航
運(yùn)營(yíng)工具
分享到