<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 8個(gè)立馬提升設(shè)計(jì)感的畫冊標(biāo)題排版技巧

          2023-1-5    濤濤

          標(biāo)題排版在畫冊設(shè)計(jì)中有著很關(guān)鍵的作用,標(biāo)題排得好可以讓整個(gè)版面的氣質(zhì)提升不少,反之亦然,而很多設(shè)計(jì)師在排畫冊的標(biāo)題時(shí),通常都是單純選擇一個(gè)筆畫較粗的字體,把字號拉大與正文對齊,這種標(biāo)題的排版太過常規(guī),容易導(dǎo)致整個(gè)版面缺乏設(shè)計(jì)感,比如下圖。

          其實(shí)畫冊的標(biāo)題也能排出許多新意,本篇文章,蔥爺來給大家分享幾個(gè)可以給畫冊設(shè)計(jì)加分的標(biāo)題排版技巧。

          01.描邊字錯位組合

          上圖是某院校招生畫冊的“學(xué)院簡介”排版,由于太過講究對齊,缺少變化,所以顯得不夠靈活,我們可以把標(biāo)題的中英文詞匯拆開進(jìn)行錯位排版,錯位時(shí)要注意左右的平衡,另外,三行錯位比起兩行錯位的變化會更豐富一些。

          單純只是做錯位處理,效果并不怎么好,因?yàn)闆]有層級關(guān)系,所以可以再加上字號大小的變化,突出重點(diǎn)詞匯,弱化次要詞匯。

          這樣層級豐富多了,但是眾多很粗很黑的字體擠在一起略顯壓抑,把其中部分詞匯改成描邊后,整體就變得更透氣、更有設(shè)計(jì)感一些了,注意描邊要細(xì)一點(diǎn),以避免描邊的筆畫重疊在一起影響識別性和美觀性。

          標(biāo)題排好以后,再根據(jù)標(biāo)題調(diào)整一下內(nèi)文、頁眉、頁碼的排版,內(nèi)文通常會對齊標(biāo)題中的某個(gè)字詞,但一邊對齊就好,不需要兩端都對齊,頁眉、頁碼可以作為裝飾來排版,填充一點(diǎn)顏色可以讓版面變得更活躍。


          02.彩色標(biāo)題疊加灰色圖片

          還是拿前面的那個(gè)案例舉例,把學(xué)校圖片換成一張沒有去底的矩形照片,然后把它處理成黑白色照,移動至版面上方,標(biāo)題使用藍(lán)色壓住圖片的左上角,這時(shí)標(biāo)題就不是孤立的幾行文字了,而是與圖片形成了一個(gè)整體,這種排版方式在網(wǎng)頁設(shè)計(jì)中比較常見,用于畫冊的標(biāo)題排版,效果也是很不錯的。

          圖片做出血處理顯得更大氣,左下角的頁碼與標(biāo)題左對齊,可以加強(qiáng)版面的整體性和關(guān)聯(lián)性。

          3.手寫體搭配黑體

          同一個(gè)標(biāo)題我們通常只會使用一種字體(不包括英文),但有時(shí)候也可以試試用兩種字體搭配來使用,比如手寫字體搭配無襯線字體,這兩種字體在風(fēng)格上完全不一樣,對比非常強(qiáng)烈,能夠給版面帶來新意。

          由于該中文標(biāo)題過于簡短,所以搭配上英文會更豐富一些。

          正文刻意與標(biāo)題進(jìn)行了錯位排版,當(dāng)然,同時(shí)也保持著某些對齊關(guān)系,圖片的排版同樣如此,與正文錯位,但與標(biāo)題左對齊,整個(gè)版面既靈活又很有序,符合學(xué)校畫冊的調(diào)性。

          04.文字疊加色塊

          加色塊是標(biāo)題設(shè)計(jì)中常用的手法,但如果只是用一個(gè)色塊把標(biāo)題包住,那么效果是比較普通的,很容易像促銷折頁的做法。所以我們可以只把色塊作為標(biāo)題的一個(gè)裝飾元素,用一個(gè)小小的色塊放在標(biāo)題后面,使其視覺上更豐富、更突出。

          圖片的刻意錯位很關(guān)鍵,如果圖片與正文兩端對齊,那么英文標(biāo)題、正文、圖片、頁碼都是沿著一條直線對齊的,整個(gè)版面就會變得生硬很多。

          文字加色塊還有另一種效果也不錯,即把文字色塊合并在一起做成補(bǔ)丁效果,首先把文字錯位排版,然后分別給每一行文字加一個(gè)色塊把文字框住,色塊與色塊上下相連。

          搭配上序號和英文標(biāo)題,豐富標(biāo)題的對比關(guān)系,使其更美觀、更有設(shè)計(jì)感,色塊可以根據(jù)需求適當(dāng)超出文字的長度。

          正文的排版我做了一點(diǎn)改變,把第一段單獨(dú)拿出來作為引文使用,剛好這段文字在內(nèi)容上也正好是起到提前說明的作用,這樣處理后這個(gè)版面也變得有了一些新意,標(biāo)題十分顯目。

          05.手寫體跨版

          在畫冊設(shè)計(jì)對于有些版面,可以排得大氣一點(diǎn),比如把原本可以1P排完的內(nèi)容排成一個(gè)跨P,這時(shí)標(biāo)題也可以拉大跨版排列,這種做法可以加強(qiáng)文字的大小對比,也會有更多留白空間。


          為什么用手寫體呢?宋體和黑體不行嗎?其實(shí)也可以,不過由于漢字的筆畫比較復(fù)雜,宋體和黑體又比較方正,所以拉太大排列時(shí)會顯得不夠靈活,如果是英文則會好一些,所以在排版的時(shí)候我還做了了傾斜與裁剪處理,并且搭配了英文進(jìn)行錯位排版,不然會顯得過于單調(diào)。

          06.標(biāo)題與正文左右排版

          在豎版的畫冊中,我們通常喜歡把標(biāo)題排在正文的上方,而如果把標(biāo)題與正文左右擺放,那么又會有種不一樣的感覺。

          但不要把標(biāo)題與正文水平對齊,那樣的話標(biāo)題的空間就過小了,會顯得很壓抑,而是要把標(biāo)題放在正文的左上方,并保持某些對齊關(guān)系。

          如果把這種排版方式看成是分欄網(wǎng)格,那么它屬于不對稱網(wǎng)格,即正文欄應(yīng)該比標(biāo)題欄更大一些,以保證有足夠大的空間排列正文內(nèi)容。標(biāo)題欄可以有大量留白,頁腳可以與標(biāo)題形成呼應(yīng),豐富版面的細(xì)節(jié)。

          07.扭曲標(biāo)題

          這種標(biāo)題處理手法在海報(bào)設(shè)計(jì)中比較常見,其實(shí)國外很多畫冊也這么做,效果很酷,沖擊力很強(qiáng)。

          用中文來做這種效果行不行呢?也可以,不過不適合太嚴(yán)肅的畫冊,用在設(shè)計(jì)類和時(shí)尚類的畫冊中會比較合適,比如前面列舉過的設(shè)計(jì)書籍的排版。

          由于文字較多,所以進(jìn)行分行錯位處理,然后在頂部菜單欄中選擇對象-封套扭曲-用網(wǎng)格建立,把網(wǎng)格參數(shù)設(shè)置為3行5列。

          移動網(wǎng)格的錨點(diǎn)使文字呈波浪形,如下圖。

          拉拽錨點(diǎn)左右兩邊的手柄使波浪形變得柔和一點(diǎn)。

          波浪效果做得差不多后,按快捷鍵E調(diào)出自由變換工具面板,并選擇自由扭曲工具,把標(biāo)題扭曲成如下效果。

          再調(diào)整一下細(xì)節(jié),然后把它放在版面中,把內(nèi)容篇章的序號處理成描邊樣式與標(biāo)題疊加在一起,可以起到裝飾的作用。

          扭曲的標(biāo)題搭配上鮮艷一點(diǎn)的顏色,效果會更時(shí)尚,對于這種版面,正文也不要排得過于規(guī)矩,所以,我刻意把版面中的兩張圖片做了錯位處理。

          08.打散排列

          通常我們會把標(biāo)題文字集中排放,但對于設(shè)計(jì)和時(shí)尚類畫冊,我們可以打破傳統(tǒng)的做法,把標(biāo)題做適當(dāng)?shù)姆稚⑴虐妫Ч埠懿诲e,當(dāng)然,標(biāo)題文字如果太少就不合適了。

          另外,為了使標(biāo)題更特別 ,給文字加上下劃線效果會更好,并且下劃線可以根據(jù)需求適當(dāng)延長,以加強(qiáng)這些分散文字的關(guān)聯(lián)性,甚至還可以加上英文做裝飾。

          正文的排版與標(biāo)題文字左右兩端保持對齊。

          結(jié)語

          設(shè)計(jì)是一個(gè)不斷嘗試、調(diào)整的過程,排標(biāo)題同樣也是如此。另外,標(biāo)題的排版固然是很重要的,但是想要整體效果得到比較大的改善,正文、圖片、頁眉、頁腳、頁碼的配合也很重要,永遠(yuǎn)要把整體的大效果擺在第一位。


          藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加微信ban_lanlan,報(bào)下信息,藍(lán)小助會請您入群。歡迎您加入噢~~
          希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。 

          作者:蔥爺   來源:站酷


          分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 

          藍(lán)藍(lán)設(shè)計(jì)m.sdgs6788.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)
          UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司       

          日歷

          鏈接

          個(gè)人資料

          存檔

          久久精品国产99久久香蕉| 国产午夜精品理论片久久影视| 久久精品国产91久久麻豆自制 | 国内精品欧美久久精品| 亚洲精品成人网久久久久久| 麻豆成人久久精品二区三区免费| 久久久久综合网久久| 思思久久99热免费精品6| 中文字幕无码精品亚洲资源网久久| 久久精品国产网红主播| 国产一区二区三区久久| 久久婷婷五月综合97色直播| 东京热TOKYO综合久久精品| 亚洲精品无码久久千人斩| 久久美女网站免费| 伊人久久大香线蕉综合影院首页| 久久狠狠色狠狠色综合| 久久久久久久久久久| 精品久久久久久久久久中文字幕| 久久天堂AV综合合色蜜桃网| 欧美精品九九99久久在观看| 久久国产影院| 国产精品美女久久久免费| 久久99精品国产自在现线小黄鸭| 久久久国产精华液| 999久久久免费国产精品播放| 色88久久久久高潮综合影院| 亚洲人成无码www久久久| 无码任你躁久久久久久| 久久久久无码专区亚洲av| 国产成人久久777777| 国产亚州精品女人久久久久久 | 久久综合狠狠综合久久激情 | 久久久WWW免费人成精品| 国产精品热久久毛片| 久久国产一区二区| 国产精品99久久久久久www| 国产69精品久久久久99| 国产精品免费久久| 久久久网中文字幕| 久久久久av无码免费网|