排版知識,十個文字排版秘訣(2)

來源:designschool.canva 作者:inside.com.tw 學習:16287人次

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

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

排版知識,十個文字排版秘訣_theoat.com.cn

▲Type Scale

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

排版知識,十個文字排版秘訣_theoat.com.cn

大型項目如海報,因為空間更多而且大家通常會從遠一點的距離觀看,就可以容納大字,若選擇相對小的字體,則有更多空間發(fā)揮創(chuàng)意和選擇更有型的文字。

排版知識,十個文字排版秘訣_theoat.com.cn

4. 安排層次

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

排版知識,十個文字排版秘訣_theoat.com.cn

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

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

排版知識,十個文字排版秘訣_theoat.com.cn

5. 別忽略了留白和對齊方式

設(shè)計成也細節(jié),敗也細節(jié),其中留白和對齊影響很大,這兩者可以讓版面又擠又混亂,也可以帶來干凈和秩序。

讓我們一起來看看幾種常見的留白:

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

排版知識,十個文字排版秘訣_theoat.com.cn

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

排版知識,十個文字排版秘訣_theoat.com.cn

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

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

排版知識,十個文字排版秘訣_theoat.com.cn

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

排版知識,十個文字排版秘訣_theoat.com.cn

一些小訣竅:

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

排版知識,十個文字排版秘訣_theoat.com.cn

(Design by Bryan Kidd)

6. 學會字距微調(diào)

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

排版知識,十個文字排版秘訣_theoat.com.cn

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

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

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

學習 · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學就能學:ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!