10 個字體組合設計的黃金原則

一個好的設計是從點線面開始的。字體設計在一個頁面中相當于它的門面,選擇與設計相符的字體、展現視覺的層次感等等都是字體設計的學問,今天就來看看字體組合設計的幾個原則。

01. 選擇與設計相符的字體


不同的字體有著簡便,開朗,正式,雅致等不同的氛圍或個性。例如圓圓滾滾的字體,用在孩子生日宴會的邀請函上就非常合適,而公司的簡報上就很不合適。


因為人是有多種多樣各不相同的(例如內向或者外向等),因此才會有魅力。有著強烈的個性的字體,可以將他與簡單的字體相組合以保持平衡。

在下面的這個項目中,有特色的手繪風格字體,與無襯線字體相結合,沒有妨礙主字體的同時,下面的小字也保證了其可讀性。


當決定兩個或以上的字體時,說不定就有一種玩聯想游戲的感覺。大部分情況我們都是靠著自己的直覺來決定的,這其實沒關系。

無論是網頁,雜志,商店用的海報,還是產品包裝,什么樣的字體組合好,什么樣的不好,我們都是從聯想字體的感覺開始的。

02. 展現視覺的層次感


過去發行的報紙或雜志,對展現字體組合的層次感有著非常好的示范作用。標題,副標題,正文,解說辭等要素都是靠著字體的組合,來將視覺劃分開的。

字體的尺寸粗細,文字間距的調整,都可以引導視線,將它們集中在你所希望的特定部分。


層級,就是在標題正文布局以外,你可以作成各種各樣的的類型的設計。在給項目選擇字體的時候,不妨想一想,你希望一開始就給用戶看到什么地方。

另一點,決定什么樣的信息才是重要的。什么是最先躍入眼簾的(公司名字的標題,特別優惠等),然后決定什么內容是不重要的。然后,我們再來決定字體的大小樣式和組合。通常,重要的內容都是用大字號,粗體來表示的。

03.仔細想想是不是該用


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


字體的尺寸會影響閱讀。在一開始選擇字體的時候,你就需要考慮他的設計性和可讀性是否相匹配。

文字選擇的過程中,標題使用的字體,選擇有特點的字體還是中規中矩的字體,是非常重要的工作。在下面這個雜志的版面設計中,標題使用了兩種字體,正文使用了無襯線字體。


字體可以從具有歷史性的背景或體裁中選擇。你可以簡單的研究一下字體的歷史背景,以及,這個字體是在什么時候被創造的。或者說,知道了這個字體是在什么時代被利用的,你可以了解它是否與你的設計相匹配。

例如在給描寫美國總統亞伯拉罕·林肯一生事跡的書做封面設計時,我們就可以使用美國南北戰爭(1861-1865)時使用的 Caslon 或 Clarendon 體。

[圖片上傳中。。。(8)]

另一個案例,字體的種類,在設計的整體中擔任很大的作用。下面這個案例,因為想表現出 1950 年代的復古感覺,字體采用了那個年代常用的廣告或標識常用的字體。

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


如果沒有時間了,需要你馬上決定兩種字體。在那個時候,我們可以選擇一部分文字使用襯線體,而另一部分文字我們可以是用非襯線體。這樣的組合大體上往往很不錯,尤其是兩種字體大小不一樣的時候是最適合的。

另外補充重要的一點,現在世界上的排字藝術中,關于襯線體和非襯線體哪一個更容易閱讀有著很大的分歧。大量的文字和文章表明,襯線體的字體可以有效的轉移視線,提高閱讀速度,尤其在印刷品中效果非常明顯。

相反的非襯線字體有著簡單的風格,在網上或者銀幕上表現效果都很好,能讓畫面感覺變得更清晰。

05. 要有對比意識


另一個使用襯線體和非襯線體組合在一起的理由是,具有對比性。這種對比有很多關聯性包含在里面,我們需要仔細考慮這之中的字體的層次感,相互之間的互補性等等。

對比,可以通過字體的種類,大小,字體,文字間距,顏色等各種各樣的方式來實現。下面這個樣本案例,就是利用了粗體字與細體字相互組合而成的。這兩種幾乎 180 度大轉變的風格,卻很好的組合在了一起。

因為每個字體都是不同的,所以各種字體都有著各種各樣的意義。另外,大膽的使用了粉紅色,讓他比標題還要大兩倍的字號,也不能錯過,他很好的將非常細的字給強調了。

06. 避免字體沖突


在組合字體的時候,對比是非常重要的,同時也要避免它們相互沖突。不同的字體并不意味著他們可以很好匹配組合。一般來說,幾個風格相似的字體,相同的比例,小字的高度非常的統一等都是值得注意的地方。這樣就算他們的外觀不同,設計從整體來說都是非常統一的。


來看看下面這組字體組合吧。因為是襯線體和非襯線體,所以風格上是非常不同的。上面的字體非常圓潤,字間距的設定都留有余地,而下面的字體偏細長,風格更加擁擠,我們可以看到對比非常的大。像頭發一樣細的襯線體與非常細的非襯線體,在強調他們的對比時應當更加注意。

07. 避免使用相似的字體進行組合


這在第五條介紹對比時也提到了,太過相似的字體組合也會成為問題。因為沒有太大的區別,所以在制造層次感的時候就成了第一個問題。還有字體與字體之間的差異性,選擇它的目的,以及他看起來就像是選錯了的。

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

08.使用同一個系列的字體


使用同一個系列的字體,一直都是一個非常穩妥的辦法。我們可以在一個系列中找到各種各樣的字體(不同的重量,樣式,大小文字等),來充分的表達我們的設計項目。

相同系列的字體進行組合,利用不同的大小,樣式,重量(Light、Regular、Bold等),注意表現出他們的對比。

利用歐文斜體字或 Extended 版本等字體系列,可以給你的設計創造出無限的可能。如果項目中規定只能使用一種字體,他的優點就是能讓設計變得更加有效率。縮短了去尋找能完美組合的字體的時間。

09. 限制你所使用的字體數量


一般一個項目所使用的字體數量是兩到三個,當然你也不必死守這這句話不放。如果你參加過雜志編輯工作,你也許能從中得到更多的經驗,其實并沒有什么硬性規定的。

例如,參考風格華麗的維多利亞風格,像這樣參考具有特色的設計風格時,你就更需要仔細推敲字體組合了。利用大量的字體,與設計相調和,得到的結果是平衡還是混亂,這是你需要注意的事項。

10. 勤加練習

最后,這是一個好心的建議而不是規則。用你所知道的字體組合不斷的練習,通過不斷地努力與錯誤,最終你會得到屬于你的創新能力。可能有完美的字體組合,但并沒有完美做出他們的公式。

文章首發于「庖丁開發」公眾號,每晚十點分享產品、設計、開發的干貨,歡迎拍磚。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,983評論 6 537
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,772評論 3 422
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,947評論 0 381
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,201評論 1 315
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,960評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,350評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,406評論 3 444
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,549評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,104評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,914評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,089評論 1 371
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,647評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,340評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,753評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,007評論 1 289
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,834評論 3 395
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,106評論 2 375

推薦閱讀更多精彩內容

  • 首先,文字是我們傳承文明的唯一工具。世界上所有的國家里,只有我們中國的文化是始終沒有間斷過的傳承下來,漢字是偉大的...
    曰月德閱讀 2,789評論 0 11
  • 壹 一個動蕩的時代,個人就顯得微不足道。 我父母那一輩人,誕于抗戰烽火中,“生在舊社會,長在紅旗下”,歷闕建國后所...
    王老十閱讀 206評論 0 0
  • 誰緣愿,帝心幻,越不及,冷宮傳
    娜冰晶閱讀 205評論 0 1
  • 你以為是對的 但它往往是錯的 你以為無路可走的 往往能死磕出出口 你以為只有二選一的 往往放手就是晴天 你以為有些...
    Dr_江伊森閱讀 177評論 0 1
  • 假期一下子過去了5天,我都還沒緩過來。唉,獨處時間木有,總覺得費時間太多在外界。
    恭華閱讀 171評論 0 0