排版知識(shí),十個(gè)文字排版秘訣

2022-12-26 18:34:13 來(lái)源/作者: / 己有:35人學(xué)習(xí)過(guò)

選擇和安排設(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)如何。

排版知識(shí),十個(gè)文字排版秘訣

▲Type Scale

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

排版知識(shí),十個(gè)文字排版秘訣

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

排版知識(shí),十個(gè)文字排版秘訣

4. 安排層次

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

排版知識(shí),十個(gè)文字排版秘訣

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

用字的大小來(lái)依重要性排序信息。用充足的空間來(lái)創(chuàng)造一個(gè)容易檢視的架構(gòu)把相關(guān)的對(duì)象分成一組在適當(dāng)?shù)那闆r下,用標(biāo)題、副標(biāo)等清楚地分類

排版知識(shí),十個(gè)文字排版秘訣

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ì)讓文字難以閱讀,配合所選字型,找到適合的文字間距,是讓文章好讀的最佳方法之一。

排版知識(shí),十個(gè)文字排版秘訣

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

排版知識(shí),十個(gè)文字排版秘訣

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

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

排版知識(shí),十個(gè)文字排版秘訣

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

排版知識(shí),十個(gè)文字排版秘訣

一些小訣竅:

少用兩端對(duì)齊。這幾乎每次都會(huì)產(chǎn)生一堆不規(guī)則的空間和隨機(jī)分布的大量空白,看起來(lái)很亂而且很難閱讀。在段落文字選擇一種對(duì)齊方式(通常是靠左),并保持一致。

排版知識(shí),十個(gè)文字排版秘訣

(Design by Bryan Kidd)

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

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

排版知識(shí),十個(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è)。