10個(gè)幫你運(yùn)用好字體組合的設(shè)計(jì)原則

選擇與設(shè)計(jì)相符的字體、展現(xiàn)視覺的層次感、襯線體與非襯線體一起使用、避免字體沖突、避免使用相似的字體進(jìn)行組合、限制你所使用的字體數(shù)量…這篇譯文總結(jié)了運(yùn)用好字體的設(shè)計(jì)原則，都是基礎(chǔ)但不可忽視的，適合新手學(xué)習(xí)或重溫。

01. 選擇與設(shè)計(jì)相符的字體

許多字體有著簡(jiǎn)便，開朗，正式，雅致等不同于其他氛圍（英: 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)格字體，與無襯線字體相結(jié)合，沒有妨礙主字體的同時(shí)，下面的小字也保證了其可讀性。

當(dāng)決定兩個(gè)或以上的字體時(shí)，說不定就有一種玩聯(lián)想游戲（英: Guessing Game）的感覺。大部分情況我們都是靠著自己的直覺來決定的，這其實(shí)沒關(guān)系。

無論是網(wǎng)頁，雜志，商店用的海報(bào)，還是產(chǎn)品包裝，什么樣的字體組合好，什么樣的不好，我們都是從聯(lián)想字體開始的。

02. 展現(xiàn)視覺的層次感

很久之前發(fā)行的報(bào)紙或雜志，對(duì)展現(xiàn)字體組合的層次感有著非常好的示范作用。標(biāo)題，副標(biāo)題，正文，解說辭等要素都是靠著字體的組合，來將視覺劃分開的。

字體的尺寸（英: Size）粗細(xì)（英; Boldness），文字間距（包含了行距（英: Leading）和字間距（英: Kerning））的調(diào)整，都可以引導(dǎo)視線，將它們集中在你所希望的特定部分。

層級(jí)（英: Hierarchy），就是在標(biāo)題正文布局以外，你可以作成各種各樣的的類型的設(shè)計(jì)。在給項(xiàng)目選擇字體的時(shí)候，不妨想一想，你希望一開始就給用戶看到什么地方。

另一點(diǎn)，決定什么樣的信息才是重要的。什么是最先躍入眼簾的（公司名字的標(biāo)題，特別優(yōu)惠等），然后決定什么內(nèi)容是不重要的。然后，我們?cè)賮頉Q定字體的大小樣式和組合。通常，

重要的內(nèi)容都是用大字號(hào)，粗體來表示的。

03.仔細(xì)想想是不是該用

你需要知道什么樣的環(huán)境，什么樣的用途用什么樣的字體，什么樣的字體使用了會(huì)更加舒適。在實(shí)際表示的尺寸上，清晰易讀是十分重要的，就算是特別小的文字也有必要保證易讀。在下面這個(gè)案例中，不論是記載著小文字還是大文字的地方，文字間都留有特定的空間，在強(qiáng)調(diào)的同事保證了其易讀性。

然后，字體的尺寸會(huì)影響閱讀。在一開始選擇字體的時(shí)候，你就需要考慮他的設(shè)計(jì)性和可讀性是否相匹配。（規(guī)則1說明，考慮文字的個(gè)性。）

文字選擇的過程中，標(biāo)題使用的字體（英: display typefaces），選擇有特點(diǎn)的字體還是中規(guī)中矩（英: Neutral）的字體，是非常重要的工作。在下面這個(gè)雜志的版面設(shè)計(jì)中，標(biāo)題使用了兩種字體，正文使用了無襯線字體。

字體可以從具有歷史性的背景或體裁中選擇。你可以簡(jiǎn)單的研究一下字體的歷史背景，以及，這個(gè)字體是在什么時(shí)候被創(chuàng)造的?；蛘哒f，知道了這個(gè)字體是在什么時(shí)代被利用的，你可以了解他是否與你的設(shè)計(jì)相匹配。

04. 襯線體與非襯線體一起使用

如果沒有時(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)效果都很好，能讓畫面感覺變得更清晰。

05. 要有對(duì)比意識(shí)

另一個(gè)使用襯線體和非襯線體組合在一起的理由是，具有對(duì)比性。這種對(duì)比有很多關(guān)聯(lián)性包含在里面，我們需要仔細(xì)考慮這之中的字體的層次感，相互之間的互補(bǔ)性等等。

對(duì)比，可以通過字體的種類，大小，字體，文字間距，顏色等各種各樣的方式來實(shí)現(xiàn)。下面這個(gè)樣本案例，就是利用了粗體字與細(xì)體字相互組合而成的。這兩種幾乎180度大轉(zhuǎn)變的風(fēng)格，卻很好的組合在了一起。

因?yàn)槊總€(gè)字體都是不同的（英: Difference），所以各種字體都有著各種各樣的意義。另外，大膽的使用了粉紅色，讓他比標(biāo)題還要大兩倍的字號(hào)，也不能錯(cuò)過，他很好的將非常細(xì)的字給強(qiáng)調(diào)了。

06. 避免字體沖突

在組合字體的時(shí)候，對(duì)比（英: Contrast）是非常重要的，同時(shí)也要避免它們相互沖突（英: Conflict）。不同的字體并不意味著他們可以很好匹配組合。一般來說，幾個(gè)風(fēng)格相似的字體，相同的比例，小字的高度（通常被稱為x-height）非常的統(tǒng)一等都是值得注意的地方。這樣就算他們的外觀不同，設(shè)計(jì)從整體來說都是非常統(tǒng)一的。

來看看下面這組字體組合吧。因?yàn)槭且r線體和非襯線體，所以風(fēng)格上是非常不同的。上面的字體非常圓潤，字間距的設(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í)也提到了，太過相似的字體組合也會(huì)成為問題。因?yàn)闆]有太大的區(qū)別，所以在制造層次感的時(shí)候就成了第一個(gè)問題。還有字體與字體之間的差異性，選擇它的目的，以及他看起來就像是選錯(cuò)了的。

但是，也沒有必要選擇完全不一樣的字體。比較字體的重量，外形是非常重要的，字體過于相似，特別是使用相同尺寸的時(shí)候，會(huì)讓用戶混亂，讓整體內(nèi)容都變得模糊。

選擇兩種字體并列，然后讓我們一點(diǎn)點(diǎn)慢慢的進(jìn)行分析。如果字體的外觀上基本相同，由于選擇的字體種類有著非常好的對(duì)比，這也是設(shè)計(jì)的很好的一個(gè)預(yù)兆。

08.使用同一個(gè)系列的字體

使用同一個(gè)系列的字體，一直都是一個(gè)非常穩(wěn)妥的辦法。我們可以在一個(gè)系列中找到各種各樣的字體（不同的重量，樣式，大小文字等），來充分的表達(dá)我們的設(shè)計(jì)項(xiàng)目。

相同系列的字體進(jìn)行組合，利用不同的大小，樣式，重量（Light、Regular、Bold等），注意表現(xiàn)出他們的對(duì)比。

利用歐文斜體字或Extended版本等字體系列，可以給你的設(shè)計(jì)創(chuàng)造出無限的可能。

如果項(xiàng)目中規(guī)定只能使用一種字體，他的優(yōu)點(diǎn)就是能讓設(shè)計(jì)變得更加有效率?？s短了去尋找能完美組合的字體的時(shí)間。

09. 限制你所使用的字體數(shù)量

一般一個(gè)項(xiàng)目所使用的字體數(shù)量是兩到三個(gè)，當(dāng)然你也不必死守這這句話不放。如果你參加過雜志編輯工作，你也許能從中得到更多的經(jīng)驗(yàn)，其實(shí)并沒有什么硬性規(guī)定的。

但是什么樣的設(shè)計(jì)要素，選擇什么樣的字體才是合適的，需要大量的設(shè)計(jì)項(xiàng)目來進(jìn)行練習(xí)。選擇什么樣的字體，因?yàn)槊總€(gè)設(shè)計(jì)項(xiàng)目的不同，便會(huì)有不同的見解。如果你使用了大量的字體，而當(dāng)別人一定要追根究底問你為什么使用這么多時(shí)，你完全可以不回答他。

10. 勤加練習(xí)

最后，我想這是一個(gè)好心的建議而不是規(guī)則。用你所知道的字體組合不斷的聯(lián)系吧。通過不斷地努力與錯(cuò)誤，最終你會(huì)得到屬于你的創(chuàng)新能力?？赡苡型昝赖淖煮w組合，但并沒有完美做出他們的公式。

無懼風(fēng)險(xiǎn)，相信自己，迎接更多的挑戰(zhàn)。或者你有與規(guī)則不同的見解，但自己的字體組合感覺又不是很好，想想究竟是哪里錯(cuò)了，從失敗中獲得經(jīng)驗(yàn)是非常有必要的。這次介紹的只是一些排版的基礎(chǔ)，也希望你們能有更好的作品設(shè)計(jì)出來。一起來感受設(shè)計(jì)的樂趣吧~

本文來源于成都網(wǎng)站建設(shè)公司與成都網(wǎng)站設(shè)計(jì)制作公司-創(chuàng)新互聯(lián)成都公司！

當(dāng)前標(biāo)題：10個(gè)幫你運(yùn)用好字體組合的設(shè)計(jì)原則
轉(zhuǎn)載來于：http://www.muchs.cn/news3/309103.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、手機(jī)網(wǎng)站建設(shè)、全網(wǎng)營銷推廣、網(wǎng)站制作、定制網(wǎng)站、App開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)