專業科班系列!超實用的標題排版小套路

@設計便利店 :今天不分享那么大的理論,介紹幾個簡簡單單排標題的方法,供大家學習參考。

01. 同字號加粗 & 置頂

專業科班系列!超實用的標題排版小套路

▲ 標題:方正蘭亭特黑簡體 內文:方正蘭亭黑簡體

標題置于左上頂部,并遠離正文,標題加粗,標題字號與正文字號相同。

在文字內容很多的情況下,這種設置的好處是讓讀者有足夠呼吸的空間,這種方式的標題設計是比較優雅、克制與內斂的。

02. 大字號標題 & 置頂

專業科班系列!超實用的標題排版小套路

▲ 標題:小塚宋體 內文:小塚宋體

標題依舊設置左上頂部,采用了內文2.5倍字號的字體,這種方式的標題設計讓標題和正文的對比尤為突出。

03. 1.5倍標題

專業科班系列!超實用的標題排版小套路

▲ 標題:方正蘭亭黑簡體 內文:方正蘭亭黑簡體

標題位于正文的上方,字號是正文的1.5倍,標題與正文之間空了一行。這種方式的標題設計比較保守,好處是適用絕大部分的情景需要。

04. 無襯線字 + 襯線字

專業科班系列!超實用的標題排版小套路

▲ 標題:思源黑體(Bold) 內文:思源宋體(Regular)

標題與正文使用有對比的字體,此例子標題為無襯線黑體,正文為襯線宋體。標題依舊位于正文的上方,字號是正文的1.5倍,標題與正文之間空了一行。這種方式的標題設計也是常用手法,好處是強化兩者間的對比。

05. 超大標題加英文

專業科班系列!超實用的標題排版小套路

▲ 標題:思源黑體 內文:思源黑體

如果覺得純中文的版式比較難處理,可以嘗試加入少許英文字當做點綴。這種方式的標題設計好處是,減輕版式的單調感,同時可增加版式的國際感。

06. 加分割線

專業科班系列!超實用的標題排版小套路

▲ 標題:思源黑體(Heavy) 內文:思源黑體 (Regular)

一根橫線劃分了標題和正文。這種方式的好處是,將文本屬性劃分,并進一步強調了標題這一行的重要性。

07. 加入簡單視覺元素

專業科班系列!超實用的標題排版小套路

▲ 標題:思源黑體(Bold) 內文:思源宋體(Regular)

當覺得版式枯燥無味時,可以嘗試加入與內文匹配的視覺元素,如例子中,加入了藝術家草間彌生最著名的紅色圓點,既不感覺符號與內文無關,又讓版式多了些許亮點。

08. 豎標題排版

專業科班系列!超實用的標題排版小套路

▲ 標題:A-OTF 徐明 內文:思源宋體

豎排版可以讓漢字體現其特有的韻味,在配合英文小字在旁點綴,不會顯得太過于傳統,這種橫豎配合版式的好處是,閱讀有節奏變化,可以提高閱讀體驗。

部分資料來源:《Grid Systems in graphic design - 平面設計中的網格系統》 Josef Muller-Brockmann, 徐宸熹等 譯,2016

一起進步!

共勉 ??

歡迎關注作者的微信公眾號:「設計便利店」

專業科班系列!超實用的標題排版小套路

「想掌握排版四原則?3個海報設計教程滿足你!」

  1. 《設計易容術!如何設計一張高品位高水準的海報?》
  2. 《設計易容術!如何設計一張高品位高水準的海報(二)》
  3. 《設計易容術!如何設計一張高品位高水準的海報?(三)》

【優設網 原創文章 投稿郵箱:yuan@uisdc.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量200萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

收藏 72
點贊 7

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。