分享|版式設(shè)計(jì)中11個(gè)好用的小標(biāo)題排版技巧

資訊頻道 - 設(shè)計(jì)技 來源:蔥爺 作者:cdo 2019-10-11

如果一個(gè)大的問題比較難解決,那么我們就把它拆成多個(gè)小問題,比如說排好整個(gè)版面是大問題,那么標(biāo)題、小標(biāo)題、內(nèi)文、圖片、注解、頁眉頁腳的排版就是小問題,蔥爺今天就跟大家來分享幾個(gè)好用的小標(biāo)題排版技巧。

01/

中文搭英文

如果只是把小標(biāo)題的字號(hào)加大,效果會(huì)比較單調(diào),把中文標(biāo)題翻譯成英文,然后讓其跟在中文的后面或下面,就可以使標(biāo)題更加豐富、更加國際化。此方法適合文字比較少的小標(biāo)題。

分享|版式<a href=http://www.edabuilding.com/ target=_blank class=infotextkey>設(shè)計(jì)</a>中11個(gè)好用的小標(biāo)題排版技巧

02/

加 Icon 

這是一種很常見的小標(biāo)題設(shè)計(jì)技巧,通常的做法是根據(jù)小標(biāo)題的文字設(shè)計(jì)一個(gè)與其相關(guān)的圖形,然后把它放在相應(yīng)標(biāo)題的前面或上面。這么做可以增加小標(biāo)題的吸引力,同時(shí)也可以使整個(gè)版面更美觀、更有細(xì)節(jié)。 

分享|版式<a href=http://www.edabuilding.com/ target=_blank class=infotextkey>設(shè)計(jì)</a>中11個(gè)好用的小標(biāo)題排版技巧

分享|版式<a href=http://www.edabuilding.com/ target=_blank class=infotextkey>設(shè)計(jì)</a>中11個(gè)好用的小標(biāo)題排版技巧

03/

點(diǎn)線搭配

通過在小標(biāo)題前面增加“點(diǎn)”來使其更突出,也是設(shè)計(jì)小標(biāo)題的常用手法,不過這么做會(huì)顯得過于簡單,感覺沒下功夫,所以我們還可以在小標(biāo)題的后面增加一條直線,并使線條與正文對(duì)齊,或延伸到版面之外,這么做既增加了小標(biāo)題的設(shè)計(jì)感,也使其更加平衡。該技巧也適合文字較少的標(biāo)題,且同一版面中不會(huì)有太多小標(biāo)題的情況。

分享|版式<a href=http://www.edabuilding.com/ target=_blank class=infotextkey>設(shè)計(jì)</a>中11個(gè)好用的小標(biāo)題排版技巧

04/

加色塊

加色塊也是很常用的方式,但很多人只會(huì)粗暴地把文字放在一個(gè)矩形色塊里,這么做雖然可以使小標(biāo)題更突出,但不夠精致、靈活,也不太美觀。所以,我們需要在色塊的設(shè)計(jì)上多下一點(diǎn)功夫,比如把它設(shè)計(jì)成某個(gè)圖形,或者增加一點(diǎn)裝飾元素等。

分享|版式<a href=http://www.edabuilding.com/ target=_blank class=infotextkey>設(shè)計(jì)</a>中11個(gè)好用的小標(biāo)題排版技巧

05/

加線框

線框的視覺沖擊力沒有色塊那么強(qiáng),但也因此線框沒有色塊那么容易顯得突兀。如果只是給文字增加一個(gè)矩形線框,效果通常不會(huì)太好,所以我們可以在線框的造型上做些文章,或者在一個(gè)標(biāo)題中使用兩個(gè)線框,以增加其設(shè)計(jì)感與視覺沖擊力。

分享|版式<a href=http://www.edabuilding.com/ target=_blank class=infotextkey>設(shè)計(jì)</a>中11個(gè)好用的小標(biāo)題排版技巧

分享|版式<a href=http://www.edabuilding.com/ target=_blank class=infotextkey>設(shè)計(jì)</a>中11個(gè)好用的小標(biāo)題排版技巧

06/

加一組線 

即把線重復(fù)排列形成面的效果,然后將其置于標(biāo)題文字底層,線組成的面比色塊更靈活、更透氣,不過重復(fù)的線條會(huì)影響到文字的識(shí)別性,所以通常要給文字描邊。

分享|版式<a href=http://www.edabuilding.com/ target=_blank class=infotextkey>設(shè)計(jì)</a>中11個(gè)好用的小標(biāo)題排版技巧

07/

加符號(hào)

這是一個(gè)很簡單的方法,一般是用特殊符號(hào)把標(biāo)題文字夾在中間,目的也是為了起到突出和裝飾的作用,該處理方式比較低調(diào),適用于比較簡約、優(yōu)雅的版面。

分享|版式<a href=http://www.edabuilding.com/ target=_blank class=infotextkey>設(shè)計(jì)</a>中11個(gè)好用的小標(biāo)題排版技巧

08/

變換字體 

簡單的變換一下字體也可以做出效果不錯(cuò)的標(biāo)題設(shè)計(jì),即給標(biāo)題配一種與正文字體視覺差異比較大的字體,同時(shí)還需要將字號(hào)加大,并填充其他顏色,使其與正文形成鮮明的字體對(duì)比、大小對(duì)比、顏色對(duì)比。。

分享|版式<a href=http://www.edabuilding.com/ target=_blank class=infotextkey>設(shè)計(jì)</a>中11個(gè)好用的小標(biāo)題排版技巧

分享|版式<a href=http://www.edabuilding.com/ target=_blank class=infotextkey>設(shè)計(jì)</a>中11個(gè)好用的小標(biāo)題排版技巧

09/

上下方加線

即在小標(biāo)題的上下方分別加一條直線,形成線夾字的效果,而且線離文字不能太近,要留給標(biāo)題文字足夠的空間。這種處理方式比較簡單,但也能有效突出小標(biāo)題,且給人的感覺比較優(yōu)雅,適合于文字比較多版面。

分享|版式<a href=http://www.edabuilding.com/ target=_blank class=infotextkey>設(shè)計(jì)</a>中11個(gè)好用的小標(biāo)題排版技巧

10/

錯(cuò)位排版

錯(cuò)位排版比對(duì)齊排版更靈活,而且也能使小標(biāo)題更特別,通常的做法是把小標(biāo)題的字號(hào)加大,并把正文往小標(biāo)題的后方移動(dòng)1-2個(gè)字的距離,這一技巧常用于折頁、單頁的排版中。

分享|版式<a href=http://www.edabuilding.com/ target=_blank class=infotextkey>設(shè)計(jì)</a>中11個(gè)好用的小標(biāo)題排版技巧

分享|版式<a href=http://www.edabuilding.com/ target=_blank class=infotextkey>設(shè)計(jì)</a>中11個(gè)好用的小標(biāo)題排版技巧

11/

加序號(hào) 

類似于幾大優(yōu)勢(shì)、幾大特點(diǎn)、幾個(gè)方法之類的內(nèi)容,可以按照排列順序給小標(biāo)題加上對(duì)應(yīng)的序號(hào),這么做可以加深讀者的印象,也能使內(nèi)容更清晰、更便于閱讀。序號(hào)一般是用阿拉伯?dāng)?shù)字表示,其表現(xiàn)方式可以把其拉大、填充不同的顏色、添加色塊等,使其與標(biāo)題文字形成對(duì)比。

分享|版式<a href=http://www.edabuilding.com/ target=_blank class=infotextkey>設(shè)計(jì)</a>中11個(gè)好用的小標(biāo)題排版技巧

分享|版式<a href=http://www.edabuilding.com/ target=_blank class=infotextkey>設(shè)計(jì)</a>中11個(gè)好用的小標(biāo)題排版技巧

結(jié)語

除了以上11個(gè)技巧外,也還有很多其他的小標(biāo)題設(shè)計(jì)方式,但無論怎么做,我們的目的是為了使小標(biāo)題的信息更突出,使整個(gè)版面更有細(xì)節(jié)和設(shè)計(jì)感,除此之外,小標(biāo)題的設(shè)計(jì)風(fēng)格一定要與整體的設(shè)計(jì)風(fēng)格保持一致。

 

來源:蔥爺(公眾號(hào))

作者:蔥爺   

聲明:站內(nèi)網(wǎng)友所發(fā)表的所有內(nèi)容及言論僅代表其本人,并不反映任何網(wǎng)站意見及觀點(diǎn)。

全部評(píng)論

暫無相關(guān)推薦