排版知識,十個(gè)文字排版秘訣(2)
選擇和安排設(shè)計(jì)的字型時(shí),閱讀難易度應(yīng)該是首要考慮之一。字太小難以閱讀,字太大又很煩人,因此一般而言,印刷用段落文字應(yīng)該落在 10 — 12 點(diǎn)之間,而網(wǎng)頁則是 15 — 20 之間,大部分的瀏覽器默認(rèn)值是 16 點(diǎn)。
你可以用 Type Scale 這個(gè)免費(fèi)工具來檢查 Google 字型庫的字型,各個(gè)尺寸在網(wǎng)頁上看起來如何。
▲Type Scale
若不是用在長文的字呢?你可以參酌設(shè)計(jì)本身,包括整個(gè)版面的大小或呈現(xiàn)方式,加上一點(diǎn)基本常識幫助判斷。一些像名片之類的小型項(xiàng)目或是長段文章會(huì)需要小一點(diǎn)的字,但這些字也要清晰易讀,而非充滿裝飾。
大型項(xiàng)目如海報(bào),因?yàn)榭臻g更多而且大家通常會(huì)從遠(yuǎn)一點(diǎn)的距離觀看,就可以容納大字,若選擇相對小的字體,則有更多空間發(fā)揮創(chuàng)意和選擇更有型的文字。
4. 安排層次如果一個(gè)設(shè)計(jì)層次分得好,看起來就整齊,容易定位,可以更容易找到你要的信息。文字排版的層次對于像是電子報(bào)、雜志、書和其他傳統(tǒng)印刷物,及某些網(wǎng)站等文字很多的設(shè)計(jì)特別重要。
基本的層次設(shè)計(jì),可以利用以下幾點(diǎn):
用字的大小來依重要性排序信息。用充足的空間來創(chuàng)造一個(gè)容易檢視的架構(gòu)把相關(guān)的對象分成一組在適當(dāng)?shù)那闆r下,用標(biāo)題、副標(biāo)等清楚地分類 5. 別忽略了留白和對齊方式設(shè)計(jì)成也細(xì)節(jié),敗也細(xì)節(jié),其中留白和對齊影響很大,這兩者可以讓版面又?jǐn)D又混亂,也可以帶來干凈和秩序。
讓我們一起來看看幾種常見的留白:
字距(Tracking):文字間距,又稱字間,這是在一段或一句文字中,每個(gè)文字的固定間距,調(diào)整這選項(xiàng)會(huì)讓整體文字看起來更擠或更松,縮小間距常用來節(jié)省空間,但太過緊密會(huì)讓文字難以閱讀,配合所選字型,找到適合的文字間距,是讓文章好讀的最佳方法之一。
行距(Leading):每行間距,這是行與行間的垂直距離,就像字距一樣,過多過少都會(huì)讓文字難以閱讀或格格不入。
邊界:這是設(shè)計(jì)周邊的空白空間,除非有特殊需求,不然通常你不會(huì)想讓內(nèi)容看起來像要掉出頁面一樣,在頁面周圍大方地留點(diǎn)空間,讀起來會(huì)更舒服。
留白:用來指設(shè)計(jì)中所有空白、白色、空無一物的空間,如果你要放很多內(nèi)容,留白看似很浪費(fèi),但要讓畫面平衡、有條理,這是不可或缺的。他讓觀眾的視線在畫面中移動(dòng),同時(shí)讓眼睛有地方可以休息。
至于對齊方式,「保持一致」是增進(jìn)文字排版最好的方法,在同一設(shè)計(jì)中無意義地切換各種對齊方式(靠左、靠右、置中、分散),只會(huì)看起來很隨便。
一些小訣竅:
少用兩端對齊。這幾乎每次都會(huì)產(chǎn)生一堆不規(guī)則的空間和隨機(jī)分布的大量空白,看起來很亂而且很難閱讀。在段落文字選擇一種對齊方式(通常是靠左),并保持一致。(Design by Bryan Kidd)
6. 學(xué)會(huì)字距微調(diào)有一種留白是大家常常忽略的:字距微調(diào)(字間)。字句微調(diào)常和字距搞混,但兩者是不同的,字句微調(diào)是單指兩個(gè)文字間的距離。
字句微調(diào)通常是用來檢查文字排版是不是完美且專業(yè)的最后一個(gè)步驟,每種字型都有默認(rèn)的字句微調(diào),但有些文字組合起來間距就是不理想,尤其又大又顯眼的文字排版,比如說標(biāo)題,最好多檢查一下有沒有哪兩字間隔過大或過小,必要的話再手動(dòng)調(diào)整。
7. 限制你的字體、粗細(xì)和樣式數(shù)量我們熱愛各種字型,但好東西太多也不好,一個(gè)設(shè)計(jì)用過多不同的字體看起來會(huì)混亂又不專業(yè)。
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- ps基礎(chǔ)教程
- 排版知識
- 文字排版
- inside.com.tw
- 怎么排版
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 圖片畫冊平面設(shè)計(jì)排版ps理論教程
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- 用戶體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- 色彩知識,講解顏色基礎(chǔ)知識和配色理論
- UI知識,尺寸對UI設(shè)計(jì)的影響
- Photoshop初級教程-命令的技巧
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- 調(diào)色知識,簡單實(shí)用的調(diào)色原理
- 用戶體驗(yàn),如何讓用戶心動(dòng)?