文字排版（Typography）不只是從下拉選單選擇字型和點(diǎn)數(shù)而已，文字排版是一項(xiàng)流傳數(shù)世紀(jì)的技藝，自木制和金屬的活版印刷便開始，而且它不只歷史悠久地沮，還很實(shí)用，大部分的人只要掌握一些實(shí)用的訣竅羡亩，就可以將之活用在諸如履歷表摩疑、電子報(bào)或名片等日常設(shè)計(jì)項(xiàng)目上。
資深視覺設(shè)計(jì)師 Janie Kliever 在 Design School 發(fā)表了一篇文章畏铆，列出 10 個(gè)能幫你增進(jìn)文字排版的訣竅和密技雷袋，雖然介紹的是英文字型，不過還是相當(dāng)實(shí)用辞居，讓我們一起來看看吧楷怒！
1. 將要表達(dá)的訊息配上適當(dāng)?shù)母杏X
用了兩種差不多的字型蛋勺？或是你總是用最喜歡的那一種字型？以上都是沒有妥善選擇字型的情形鸠删。
每種字型都散發(fā)獨(dú)特的情感或個(gè)性抱完，也許是友善、新潮刃泡、嚴(yán)肅或傻里傻氣巧娱，但大部分的字型并不是萬用的，所以你要判斷一個(gè)字型對(duì)你來說是怎么樣的感覺烘贴，還有它適不適合放在這個(gè)設(shè)計(jì)里面家卖。方法之一就是列出你希望設(shè)計(jì)呈現(xiàn)哪些特質(zhì)，如果能先確定內(nèi)容更好庙楚，這樣就能直接挑選字型來配合建立好的內(nèi)文調(diào)性。
字型設(shè)計(jì)師 Eben Sorkin 曾經(jīng)說過：每種字體都有自己的聲音趴樱，這種聲音將影響我們閱讀文字的感受馒闷，也影響我們吸收和處理信息的過程。
它的力量強(qiáng)大叁征，能讓任何形式的文字溝通更加有效且更有說服力纳账。當(dāng)文字符合字型的個(gè)性，大家閱讀起來會(huì)更快更容易捺疼；若兩者不合疏虫，文字就會(huì)變得混亂，拖慢讀者的速度啤呼。訪客讀起來越容易卧秘，就越容易找到他們要的內(nèi)容并點(diǎn)擊購(gòu)買或返回（或達(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）
古典的襯線字體卖陵，看起來相當(dāng)適合 1925 年就開幕的出版商的部落格遭顶，不過這個(gè)字型易讀、簡(jiǎn)明而且平易近人泪蔫，帶來一種現(xiàn)代感棒旗，而且更適合用在網(wǎng)頁(yè)上。
（Random House Books）
2.配合讀者的心情
現(xiàn)在你已經(jīng)替你的設(shè)計(jì)配了完美的字型撩荣，但有個(gè)小問題嗦哆，并非所有人對(duì)同一種字型都有一樣的感覺谤祖，選擇了適合的字型后，你也要確定它適合你的觀眾老速。
可能有一群人覺得這字型很新潮粥喜，另一群就覺得它過時(shí)，因?yàn)槲覀兛醋中偷姆绞绞艿轿幕B結(jié)的影響橘券，而文化又和年齡及地區(qū)有相當(dāng)大的關(guān)系额湘，所以要對(duì)你的目標(biāo)群眾有敏感度，如果你對(duì)選擇的字型有所遲疑旁舰，問問那個(gè)團(tuán)體的人锋华，征詢他們的意見，能讓你的文字排版效果更好箭窜。
（Designs by Peetie Design and Kelly Schmidt）
如果你的觀眾范圍很廣毯焕，并非特定族群呢？那你可能就得選擇較為中性的字體磺樱，不強(qiáng)調(diào)鮮明特色而能融入其他對(duì)象纳猫。這種字型經(jīng)常稱為「Workhorse」字體，通常是基本的襯線或無襯線字型竹捉，而且因?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)工具來檢查 Google 字型庫(kù)的字型训裆，各個(gè)尺寸在網(wǎng)頁(yè)上看起來如何眶根。
▲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ì)層次分得好耕驰，看起來就整齊，容易定位录豺，可以更容易找到你要的信息朦肘。文字排版的層次對(duì)于像是電子報(bào)、雜志双饥、書和其他傳統(tǒng)印刷物媒抠，及某些網(wǎng)站等文字很多的設(shè)計(jì)特別重要。
基本的層次設(shè)計(jì)咏花，可以利用以下幾點(diǎn)：
用字的大小來依重要性排序信息趴生。
用充足的空間來創(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又混亂，也可以帶來干凈和秩序排霉。
讓我們一起來看看幾種常見的留白：
字距（Tracking）：文字間距窍株，又稱字間，這是在一段或一句文字中攻柠，每個(gè)文字的固定間距球订，調(diào)整這選項(xiàng)會(huì)讓整體文字看起來更擠或更松，縮小間距常用來節(jié)省空間瑰钮，但太過緊密會(huì)讓文字難以閱讀冒滩，配合所選字型，找到適合的文字間距浪谴，是讓文章好讀的最佳方法之一开睡。
行距（Leading）：每行間距，這是行與行間的垂直距離苟耻，就像字距一樣篇恒，過多過少都會(huì)讓文字難以閱讀或格格不入。
邊界：這是設(shè)計(jì)周邊的空白空間凶杖，除非有特殊需求胁艰，不然通常你不會(huì)想讓內(nèi)容看起來像要掉出頁(yè)面一樣，在頁(yè)面周圍大方地留點(diǎn)空間，讀起來會(huì)更舒服腾么。
留白：用來指設(shè)計(jì)中所有空白奈梳、白色、空無一物的空間解虱，如果你要放很多內(nèi)容攘须，留白看似很浪費(fèi)，但要讓畫面平衡饭寺、有條理阻课，這是不可或缺的。他讓觀眾的視線在畫面中移動(dòng)艰匙，同時(shí)讓眼睛有地方可以休息限煞。
至于對(duì)齊方式，「保持一致」是增進(jìn)文字排版最好的方法员凝，在同一設(shè)計(jì)中無意義地切換各種對(duì)齊方式（靠左署驻、靠右、置中健霹、分散）旺上，只會(huì)看起來很隨便。
一些小訣竅：
少用兩端對(duì)齊糖埋。這幾乎每次都會(huì)產(chǎn)生一堆不規(guī)則的空間和隨機(jī)分布的大量空白宣吱，看起來很亂而且很難閱讀。
在段落文字選擇一種對(duì)齊方式（通常是靠左）瞳别，并保持一致征候。
（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è)。
基本上松蒜，一份設(shè)計(jì)別用超過三種字體已旧，如果是好的設(shè)計(jì)搭配對(duì)的內(nèi)容，也是可以打破這項(xiàng)規(guī)則惊楼，制造電子秸讹、復(fù)古的效果璃诀，比如以下這份設(shè)計(jì)。
如果你剛開始混合使用字型棕诵，基本的襯線搭配無襯線字體氧秘，幾乎都能搭配，或者找一種有各種粗細(xì)和樣式的字體或字體系列來搭配惭笑，這樣你的文字排版看起來就互相呼應(yīng)，同時(shí)還保留一些變化空間。
▲免費(fèi)字體系列 Alegreya Sans
粗細(xì)和樣式很容易被濫用弛作，這些樣式可以強(qiáng)調(diào)文字的重要性华匾，在視覺上更突出，或是模擬說話語(yǔ)氣萨西，但別在一段文章內(nèi)用上一堆樣式，這樣會(huì)看起來強(qiáng)調(diào)得太用力葱跋，而且會(huì)讓讀者感到不禮貌源梭。實(shí)際上废麻，就算只用超過一種以上樣式的機(jī)會(huì)都不多。
8.避免常見的「排版病」
設(shè)計(jì)程序當(dāng)著我們完成很多了不起的事僵朗，但若不夠小心屑彻，有時(shí)候也讓人容易犯下一些顯而易見的錯(cuò)誤》嘌Γ〈Thinking with Type〉 的作者 Ellen Lupton 在書的官方網(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í)候善用快捷鍵窍帝。
不要使用假斜體坤学。如果字型本身沒有提供斜體，在設(shè)計(jì)程序里還是可以簡(jiǎn)單地把它傾斜压怠，做成斜體飞苇，但這種技術(shù)會(huì)讓字體變形，而且通秤耆茫看起來很糟糕忿等。真的斜體是另外設(shè)計(jì)來補(bǔ)充原本字型的不足贸街，而且通常是比較好的選擇。
9.避免沖突的顏色或背景
文字排版很少獨(dú)立存在捐川，它通常會(huì)和其他元素搭配古沥，尤其是背景冷溶。文字和其他部分間有足夠的對(duì)比尊浓，可以讓文字更易讀栋齿，但有些小技巧可以幫忙調(diào)降一下對(duì)比：
顏色的沖突：如果要幫文字挑顏色襟诸，你可能會(huì)想要挑個(gè)能和其他元素搭配的顏色基协，包括背景澜驮，如果顏色太格格不入，像是很丑的彈出式廣告窗口悍缠，背景是紅色耐量，字是鮮綠色，或者顏色太相近趴拧，像是白色的字搭淺色背景著榴，眼睛負(fù)擔(dān)都很大屁倔，視覺效果很差。
試試用現(xiàn)有的色系組合挂谍，來創(chuàng)造和諧的畫面：
圖案或復(fù)雜的背景：一樣地瞎饲，太復(fù)雜的背景也會(huì)讓字難以閱讀，而你應(yīng)該不想觀眾找不到信息妄田。
試試看把復(fù)雜的圖案放在邊框疟呐，或是不會(huì)干擾閱讀的地方：
（Design by Szende Brassai / Adline）
關(guān)于對(duì)比原則东且，除了顏色珊泳，這些技巧你也應(yīng)該知道：
特殊效果：透明拷沸、環(huán)繞薯演，還有許多文字特效這些都很好玩跨扮，在某些情形下也很實(shí)用，不過也很容易用錯(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í)
增進(jìn)文字排版技巧的最佳方式之一奶甘，就是觀察其他設(shè)計(jì)師的作品是如何運(yùn)用文字排版臭家，這需要不斷地練習(xí)并培養(yǎng)判斷的眼光方淤。所以請(qǐng)時(shí)時(shí)注意優(yōu)秀的文字排版，它可能是捷運(yùn)告示你踩，也有可能是雜貨的標(biāo)簽。
所以現(xiàn)在就靠你自己了，請(qǐng)妥善利用這些訣竅增進(jìn)你的文字排版技能吧钱慢！
本文地址：http://www.siweiw.com/sjinfo7255.html
