專(zhuān)業(yè)科班系列!超實(shí)用的標(biāo)題排版小套路

@設(shè)計(jì)便利店 :今天不分享那么大的理論,介紹幾個(gè)簡(jiǎn)簡(jiǎn)單單排標(biāo)題的方法,供大家學(xué)習(xí)參考。

01. 同字號(hào)加粗 & 置頂

專(zhuān)業(yè)科班系列!超實(shí)用的標(biāo)題排版小套路

▲ 標(biāo)題:方正蘭亭特黑簡(jiǎn)體 內(nèi)文:方正蘭亭黑簡(jiǎn)體

標(biāo)題置于左上頂部,并遠(yuǎn)離正文,標(biāo)題加粗,標(biāo)題字號(hào)與正文字號(hào)相同。

在文字內(nèi)容很多的情況下,這種設(shè)置的好處是讓讀者有足夠呼吸的空間,這種方式的標(biāo)題設(shè)計(jì)是比較優(yōu)雅、克制與內(nèi)斂的。

02. 大字號(hào)標(biāo)題 & 置頂

專(zhuān)業(yè)科班系列!超實(shí)用的標(biāo)題排版小套路

▲ 標(biāo)題:小塚宋體 內(nèi)文:小塚宋體

標(biāo)題依舊設(shè)置左上頂部,采用了內(nèi)文2.5倍字號(hào)的字體,這種方式的標(biāo)題設(shè)計(jì)讓標(biāo)題和正文的對(duì)比尤為突出。

03. 1.5倍標(biāo)題

專(zhuān)業(yè)科班系列!超實(shí)用的標(biāo)題排版小套路

▲ 標(biāo)題:方正蘭亭黑簡(jiǎn)體 內(nèi)文:方正蘭亭黑簡(jiǎn)體

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

04. 無(wú)襯線(xiàn)字 + 襯線(xiàn)字

專(zhuān)業(yè)科班系列!超實(shí)用的標(biāo)題排版小套路

▲ 標(biāo)題:思源黑體(Bold) 內(nèi)文:思源宋體(Regular)

標(biāo)題與正文使用有對(duì)比的字體,此例子標(biāo)題為無(wú)襯線(xiàn)黑體,正文為襯線(xiàn)宋體。標(biāo)題依舊位于正文的上方,字號(hào)是正文的1.5倍,標(biāo)題與正文之間空了一行。這種方式的標(biāo)題設(shè)計(jì)也是常用手法,好處是強(qiáng)化兩者間的對(duì)比。

05. 超大標(biāo)題加英文

專(zhuān)業(yè)科班系列!超實(shí)用的標(biāo)題排版小套路

▲ 標(biāo)題:思源黑體 內(nèi)文:思源黑體

如果覺(jué)得純中文的版式比較難處理,可以嘗試加入少許英文字當(dāng)做點(diǎn)綴。這種方式的標(biāo)題設(shè)計(jì)好處是,減輕版式的單調(diào)感,同時(shí)可增加版式的國(guó)際感。

06. 加分割線(xiàn)

專(zhuān)業(yè)科班系列!超實(shí)用的標(biāo)題排版小套路

▲ 標(biāo)題:思源黑體(Heavy) 內(nèi)文:思源黑體 (Regular)

一根橫線(xiàn)劃分了標(biāo)題和正文。這種方式的好處是,將文本屬性劃分,并進(jìn)一步強(qiáng)調(diào)了標(biāo)題這一行的重要性。

07. 加入簡(jiǎn)單視覺(jué)元素

專(zhuān)業(yè)科班系列!超實(shí)用的標(biāo)題排版小套路

▲ 標(biāo)題:思源黑體(Bold) 內(nèi)文:思源宋體(Regular)

當(dāng)覺(jué)得版式枯燥無(wú)味時(shí),可以嘗試加入與內(nèi)文匹配的視覺(jué)元素,如例子中,加入了藝術(shù)家草間彌生最著名的紅色圓點(diǎn),既不感覺(jué)符號(hào)與內(nèi)文無(wú)關(guān),又讓版式多了些許亮點(diǎn)。

08. 豎標(biāo)題排版

專(zhuān)業(yè)科班系列!超實(shí)用的標(biāo)題排版小套路

▲ 標(biāo)題:A-OTF 徐明 內(nèi)文:思源宋體

豎排版可以讓漢字體現(xiàn)其特有的韻味,在配合英文小字在旁點(diǎn)綴,不會(huì)顯得太過(guò)于傳統(tǒng),這種橫豎配合版式的好處是,閱讀有節(jié)奏變化,可以提高閱讀體驗(yàn)。

部分資料來(lái)源:《Grid Systems in graphic design - 平面設(shè)計(jì)中的網(wǎng)格系統(tǒng)》 Josef Muller-Brockmann, 徐宸熹等 譯,2016

一起進(jìn)步!

共勉 ??

歡迎關(guān)注作者的微信公眾號(hào):「設(shè)計(jì)便利店」

專(zhuān)業(yè)科班系列!超實(shí)用的標(biāo)題排版小套路

「想掌握排版四原則?3個(gè)海報(bào)設(shè)計(jì)教程滿(mǎn)足你!」

  1. 《設(shè)計(jì)易容術(shù)!如何設(shè)計(jì)一張高品位高水準(zhǔn)的海報(bào)?》
  2. 《設(shè)計(jì)易容術(shù)!如何設(shè)計(jì)一張高品位高水準(zhǔn)的海報(bào)(二)》
  3. 《設(shè)計(jì)易容術(shù)!如何設(shè)計(jì)一張高品位高水準(zhǔn)的海報(bào)?(三)》

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:yuan@uisdc.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái),專(zhuān)注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線(xiàn)端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū):史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航:http://hao.uisdc.com/book/
設(shè)計(jì)微博:擁有粉絲量200萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ,歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航:全球頂尖設(shè)計(jì)網(wǎng)站推薦,設(shè)計(jì)師必備導(dǎo)航:http://hao.uisdc.com

收藏 72
點(diǎn)贊 6

復(fù)制本文鏈接 文章為作者獨(dú)立觀(guān)點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。