二維碼 購(gòu)物車(chē)
部落窩在線(xiàn)教育歡迎您!

高手不會(huì)告訴你的11個(gè)小標(biāo)題排版妙招

?

作者:蔥爺來(lái)源:部落窩教育發(fā)布時(shí)間:2019-09-12 18:28:46點(diǎn)擊:4728

分享到:
0
收藏    收藏人氣:0人
版權(quán)說(shuō)明: 授權(quán)作品,禁止轉(zhuǎn)載。

編按:

    正所謂見(jiàn)微知著,很多東西都是贏在細(xì)節(jié)上。比如構(gòu)圖色彩都同樣出彩的兩份作品,如何做抉擇?這個(gè)時(shí)候起決定性作用的就是細(xì)節(jié)方面,很多同學(xué)在做設(shè)計(jì)的時(shí)候往往不注重小標(biāo)題的排版設(shè)計(jì),但往往標(biāo)題和小標(biāo)題才是內(nèi)容的精髓,所以必須要讓它能吸引讀者的興趣。

 

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

 

◇◆ 1.中文搭英文 ◆◇

 

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

 

 

◇◆ 2. Icon ◆◇

 

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




◇◆ 3.點(diǎn)線(xiàn)搭配 ◆◇

 

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

 

 

◇◆ 4.加色塊 ◆◇

 

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

 


◇◆ 5.
加線(xiàn)框 ◆◇

 

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

 

 


◇◆ 6.
加一組線(xiàn) ◆◇

 

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



◇◆ 7.
加符號(hào) ◆◇

 

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



◇◆ 8.
變換字體 ◆◇

 

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





◇◆ 9.
上下方加線(xiàn) ◆◇

 

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



◇◆ 10.
錯(cuò)位排版 ◆◇

 

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




◇◆ 11.
加序號(hào) ◆◇

 

類(lèi)似于幾大優(yōu)勢(shì)、幾大特點(diǎn)、幾個(gè)方法之類(lèi)的內(nèi)容,可以按照排列順序給小標(biāo)題加上對(duì)應(yīng)的序號(hào),這么做可以加深讀者的印象,也能使內(nèi)容更清晰、更便于閱讀。

序號(hào)一般是用阿拉伯?dāng)?shù)字表示,其表現(xiàn)方式可以把其拉大、填充不同的顏色、添加色塊等,使其與標(biāo)題文字形成對(duì)比。




?

 

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

 

 

本文配套的練習(xí)素材請(qǐng)加QQ群:715543626下載

PS高手,快速提升工作效率,部落窩教育 Photoshop全面精通班視頻和 AI平面與電商設(shè)計(jì)從零到精通直播課全心為你!

掃下方二維碼關(guān)注公眾號(hào),隨時(shí)隨地學(xué)習(xí)PS

 

相關(guān)推薦:

高手怎么平衡黑白?這三招幫你輕松搞定

你的排版差在哪里?細(xì)節(jié)決定成敗

配色所有方法和技巧,只看這篇就夠

 

版權(quán)信息:

原標(biāo)題:11個(gè)小標(biāo)題的排版技巧

來(lái)源 蔥爺  作者:蔥爺