網(wǎng)頁(yè)設(shè)計(jì)字體組合的10個(gè)黃金規(guī)則
設(shè)計(jì)或者藝術(shù)的世界，是沒(méi)有什么一成不變的法則的。了解了基本的規(guī)則之后，我們就可以加入自己的想法，自由的去打破規(guī)則。下面小編為大家整理了網(wǎng)頁(yè)設(shè)計(jì)字體組合的10個(gè)黃金規(guī)則，希望能幫到大家！
01. 選擇與設(shè)計(jì)相符的字體
許多字體有著簡(jiǎn)便，開(kāi)朗，正式，雅致等不同于其他氛圍（英: Mood）或個(gè)性（英: personality）。制定設(shè)計(jì)字體的氛圍，就需要優(yōu)先確認(rèn)。
例如圓圓滾滾的字體，用在孩子生日宴會(huì)的邀請(qǐng)函上就非常合適，而公司的簡(jiǎn)報(bào)上就很不合適。
因?yàn)槿耸怯卸喾N多樣各不相同的（例如內(nèi)向（英: Introverted）或者外向（英: Extroverted）等），因此才會(huì)有魅力。有著強(qiáng)烈的個(gè)性的字體，可以將他與簡(jiǎn)單的字體相組合以保持平衡。
在下面的這個(gè)項(xiàng)目中，有特色的手繪風(fēng)格字體，與無(wú)襯線字體相結(jié)合，沒(méi)有妨礙主字體的同時(shí)，下面的小字也保證了其可讀性。
當(dāng)決定兩個(gè)或以上的字體時(shí)，說(shuō)不定就有一種玩聯(lián)想游戲（英: Guessing Game）的感覺(jué)。大部分情況我們都是靠著自己的直覺(jué)來(lái)決定的，這其實(shí)沒(méi)關(guān)系。
無(wú)論是網(wǎng)頁(yè)，雜志，商店用的海報(bào)，還是產(chǎn)品包裝，什么樣的字體組合好，什么樣的不好，我們都是從聯(lián)想字體開(kāi)始的。
02. 展現(xiàn)視覺(jué)的層次感
很久之前發(fā)行的報(bào)紙或雜志，對(duì)展現(xiàn)字體組合的層次感有著非常好的示范作用。標(biāo)題，副標(biāo)題，正文，解說(shuō)辭等要素都是靠著字體的組合，來(lái)將視覺(jué)劃分開(kāi)的。
字體的尺寸（英: Size）粗細(xì)（英; Boldness），文字間距（包含了行距（英: Leading）和字間距（英: Kerning））的調(diào)整，都可以引導(dǎo)視線，將它們集中在你所希望的特定部分。
層級(jí)（英: Hierarchy），就是在標(biāo)題正文布局以外，你可以作成各種各樣的的類型的設(shè)計(jì)。在給項(xiàng)目選擇字體的時(shí)候，不妨想一想，你希望一開(kāi)始就給用戶看到什么地方。
另一點(diǎn)，決定什么樣的信息才是重要的。什么是最先躍入眼簾的（公司名字的標(biāo)題，特別優(yōu)惠等），然后決定什么內(nèi)容是不重要的。然后，我們?cè)賮?lái)決定字體的大小樣式和組合。通常，
重要的內(nèi)容都是用大字號(hào)，粗體來(lái)表示的。
03.仔細(xì)想想是不是該用
你需要知道什么樣的環(huán)境，什么樣的用途用什么樣的字體，什么樣的字體使用了會(huì)更加舒適。在實(shí)際表示的尺寸上，清晰易讀是十分重要的，就算是特別小的文字也有必要保證易讀。在下面這個(gè)案例中，不論是記載著小文字還是大文字的地方，文字間都留有特定的空間，在強(qiáng)調(diào)的同事保證了其易讀性。
然后，字體的尺寸會(huì)影響閱讀。在一開(kāi)始選擇字體的時(shí)候，你就需要考慮他的設(shè)計(jì)性和可讀性是否相匹配。（規(guī)則1說(shuō)明，考慮文字的個(gè)性。）
文字選擇的過(guò)程中，標(biāo)題使用的字體（英: display typefaces），選擇有特點(diǎn)的字體還是中規(guī)中矩（英: Neutral）的字體，是非常重要的工作。在下面這個(gè)雜志的版面設(shè)計(jì)中，標(biāo)題使用了兩種字體，正文使用了無(wú)襯線字體。
字體可以從具有歷史性的背景或體裁中選擇。你可以簡(jiǎn)單的研究一下字體的歷史背景，以及，這個(gè)字體是在什么時(shí)候被創(chuàng)造的。或者說(shuō)，知道了這個(gè)字體是在什么時(shí)代被利用的，你可以了解他是否與你的設(shè)計(jì)相匹配。
例如在給描寫(xiě)美國(guó)總統(tǒng)亞伯拉罕·林肯（英: Abraham Lincoln）一生事跡的書(shū)做封面設(shè)計(jì)時(shí)，我們就可以使用美國(guó)南北戰(zhàn)爭(zhēng)（1861-1865）時(shí)使用的Caslon或Clarendon體。
另一個(gè)案例，字體的種類，在設(shè)計(jì)的整體中擔(dān)任很大的作用。下面這個(gè)案例，因?yàn)橄氡憩F(xiàn)出1950年代的復(fù)古感覺(jué)，字體采用了那個(gè)年代常用的廣告或標(biāo)識(shí)常用的字體。
04. 襯線體與非襯線體一起使用
如果沒(méi)有時(shí)間了，需要你馬上決定兩種字體。在那個(gè)時(shí)候，我們可以選擇一部分文字使用襯線體（英: Serif），而另一部分文字我們可以是用非襯線體（英: Sans Serif）。這樣的組合大體上往往很不錯(cuò)，尤其是兩種字體大小不一樣的時(shí)候是最適合的。
另外補(bǔ)充重要的一點(diǎn)，現(xiàn)在世界上的排字藝術(shù)（英：typography）中，關(guān)于襯線體和非襯線體哪一個(gè)更容易閱讀有著很大的分歧。大量的文字和文章表明，襯線體的字體可以有效的轉(zhuǎn)移視線，提高閱讀速度，尤其在印刷品中效果非常明顯。
相反的非襯線字體有著簡(jiǎn)單的風(fēng)格，在網(wǎng)上或者銀幕上表現(xiàn)效果都很好，能讓畫(huà)面感覺(jué)變得更清晰。
05. 要有對(duì)比意識(shí)
另一個(gè)使用襯線體和非襯線體組合在一起的理由是，具有對(duì)比性。這種對(duì)比有很多關(guān)聯(lián)性包含在里面，我們需要仔細(xì)考慮這之中的字體的層次感，相互之間的互補(bǔ)性等等。
對(duì)比，可以通過(guò)字體的種類，大小，字體，文字間距，顏色等各種各樣的方式來(lái)實(shí)現(xiàn)。下面這個(gè)樣本案例，就是利用了粗體字與細(xì)體字相互組合而成的。這兩種幾乎180度大轉(zhuǎn)變的風(fēng)格，卻很好的組合在了一起。
因?yàn)槊總�(gè)字體都是不同的（英: Difference），所以各種字體都有著各種各樣的意義。另外，大膽的使用了粉紅色，讓他比標(biāo)題還要大兩倍的字號(hào)，也不能錯(cuò)過(guò)，他很好的將非常細(xì)的字給強(qiáng)調(diào)了。
06. 避免字體沖突
在組合字體的時(shí)候，對(duì)比（英: Contrast）是非常重要的，同時(shí)也要避免它們相互沖突（英: Conflict）。不同的字體并不意味著他們可以很好匹配組合。
一般來(lái)說(shuō)，幾個(gè)風(fēng)格相似的字體，相同的比例，小字的高度（通常被稱為x-height）非常的統(tǒng)一等都是值得注意的地方。這樣就算他們的外觀不同，設(shè)計(jì)從整體來(lái)說(shuō)都是非常統(tǒng)一的。
來(lái)看看下面這組字體組合吧。因?yàn)槭且r線體和非襯線體，所以風(fēng)格上是非常不同的。上面的字體非常圓潤(rùn)，字間距的設(shè)定都留有余地，而下面的字體偏細(xì)長(zhǎng)，風(fēng)格更加擁擠，我們可以看到對(duì)比非常的大。像頭發(fā)一樣細(xì)的襯線體與非常細(xì)的非襯線體，在強(qiáng)調(diào)他們的對(duì)比時(shí)應(yīng)當(dāng)更加注意。
07. 避免使用相似的字體進(jìn)行組合
這在第五條介紹對(duì)比時(shí)也提到了，太過(guò)相似的字體組合也會(huì)成為問(wèn)題。因?yàn)闆](méi)有太大的區(qū)別，所以在制造層次感的時(shí)候就成了第一個(gè)問(wèn)題。還有字體與字體之間的差異性，選擇它的目的，以及他看起來(lái)就像是選錯(cuò)了的。
但是，也沒(méi)有必要選擇完全不一樣的字體。比較字體的重量，外形是非常重要的，字體過(guò)于相似，特別是使用相同尺寸的時(shí)候，會(huì)讓用戶混亂，讓整體內(nèi)容都變得模糊。
選擇兩種字體并列，然后讓我們一點(diǎn)點(diǎn)慢慢的進(jìn)行分析。如果字體的外觀上基本相同，由于選擇的字體種類有著非常好的對(duì)比，這也是設(shè)計(jì)的很好的一個(gè)預(yù)兆。
08.使用同一個(gè)系列的字體
使用同一個(gè)系列的字體，一直都是一個(gè)非常穩(wěn)妥的辦法。我們可以在一個(gè)系列中找到各種各樣的字體（不同的重量，樣式，大小文字等），來(lái)充分的表達(dá)我們的設(shè)計(jì)項(xiàng)目。
相同系列的字體進(jìn)行組合，利用不同的大小，樣式，重量（Light、Regular、Bold等），注意表現(xiàn)出他們的對(duì)比。
利用歐文斜體字或Extended版本等字體系列，可以給你的設(shè)計(jì)創(chuàng)造出無(wú)限的可能。
如果項(xiàng)目中規(guī)定只能使用一種字體，他的優(yōu)點(diǎn)就是能讓設(shè)計(jì)變得更加有效率�？s短了去尋找能完美組合的字體的時(shí)間。
09. 限制你所使用的字體數(shù)量
一般一個(gè)項(xiàng)目所使用的字體數(shù)量是兩到三個(gè)，當(dāng)然你也不必死守這這句話不放。如果你參加過(guò)雜志編輯工作，你也許能從中得到更多的經(jīng)驗(yàn)，其實(shí)并沒(méi)有什么硬性規(guī)定的。
例如，參考風(fēng)格華麗的維多利亞風(fēng)格，像這樣參考具有特色的設(shè)計(jì)風(fēng)格時(shí)，你就更需要仔細(xì)推敲字體組合了。利用大量的字體，與設(shè)計(jì)相調(diào)和，得到的結(jié)果是平衡還是混亂，這是你需要注意的事項(xiàng)。
但是什么樣的設(shè)計(jì)要素，選擇什么樣的字體才是合適的，需要大量的設(shè)計(jì)項(xiàng)目來(lái)進(jìn)行練**。選擇什么樣的字體，因?yàn)槊總�(gè)設(shè)計(jì)項(xiàng)目的不同，便會(huì)有不同的見(jiàn)解。如果你使用了大量的字體，而當(dāng)別人一定要追根究底問(wèn)你為什么使用這么多時(shí)，你完全可以不回答他。
10. 勤加練習(xí)
最后，我想這是一個(gè)好心的建議而不是規(guī)則。用你所知道的字體組合不斷的聯(lián)系吧。通過(guò)不斷地努力與錯(cuò)誤，最終你會(huì)得到屬于你的創(chuàng)新能力�？赡苡型昝赖淖煮w組合，但并沒(méi)有完美做出他們的公式。
無(wú)懼風(fēng)險(xiǎn)，相信自己，迎接更多的挑戰(zhàn)�；蛘吣阌信c規(guī)則不同的見(jiàn)解，但自己的字體組合感覺(jué)又不是很好，想想究竟是哪里錯(cuò)了，從失敗中獲得經(jīng)驗(yàn)是非常有必要的。這次介紹的只是一些排版的基礎(chǔ)，也希望你們能有更好的作品設(shè)計(jì)出來(lái)。一起來(lái)感受設(shè)計(jì)的樂(lè)趣吧~
【網(wǎng)頁(yè)設(shè)計(jì)字體組合的10個(gè)黃金規(guī)則】相關(guān)文章：
網(wǎng)頁(yè)設(shè)計(jì)字體組合的黃金規(guī)則01-20
網(wǎng)頁(yè)設(shè)計(jì)中的字體設(shè)計(jì)10-12
網(wǎng)頁(yè)設(shè)計(jì)字體設(shè)計(jì)規(guī)范09-19
網(wǎng)頁(yè)設(shè)計(jì)常用哪些字體08-06
網(wǎng)頁(yè)設(shè)計(jì)配色及字體規(guī)范01-11
網(wǎng)頁(yè)設(shè)計(jì)中字體規(guī)范08-06
網(wǎng)頁(yè)設(shè)計(jì)字體基礎(chǔ)篇03-07