<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 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è)筆畫較粗的字體,把字號(hào)拉大與正文對齊,這種標(biāo)題的排版太過常規(guī),容易導(dǎo)致整個(gè)版面缺乏設(shè)計(jì)感,比如下圖。

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

    01.描邊字錯(cuò)位組合

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

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

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

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


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

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

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

    3.手寫體搭配黑體

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

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

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

    04.文字疊加色塊

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

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

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

    搭配上序號(hào)和英文標(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)文字的大小對比,也會(huì)有更多留白空間。


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

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

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

    但不要把標(biāo)題與正文水平對齊,那樣的話標(biāo)題的空間就過小了,會(huì)顯得很壓抑,而是要把標(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í)尚類的畫冊中會(huì)比較合適,比如前面列舉過的設(shè)計(jì)書籍的排版。

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

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

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

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

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

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

    08.打散排列

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

    另外,為了使標(biāo)題更特別 ,給文字加上下劃線效果會(huì)更好,并且下劃線可以根據(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ì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請加微信ban_lanlan,報(bào)下信息,藍(lán)小助會(huì)請您入群。歡迎您加入噢~~
    希望得到建議咨詢、商務(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ì)www.skdbbs.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久re热视频这里只有精品6| 国产精品你懂的在线播放| 久久精品中文字幕有码| 无码精品视频一区二区三区| 99RE6热在线精品视频观看| 欧美成人精品一区二区三区| 777欧美午夜精品影院| 精品亚洲A∨无码一区二区三区| 精品国产一区二区三区免费| 国产在线精品一区二区高清不卡| 99re热这里只有精品视频中文字幕| 色综合久久综精品| 国产精品亚洲一区二区三区在线 | 日韩人妻无码精品无码中文字幕| 热re99久久精品国99热| 91精品国产9l久久久久| 久久亚洲日韩精品一区二区三区 | 国产精品看高国产精品不卡| 精品少妇无码AV无码专区| 久久综合九色综合精品| 精品亚洲成AV人在线观看| 日产精品一线二线三线芒果| 亚洲精品尤物yw在线影院| 日本精品一区二区三区在线视频一| 精品人妻少妇一区二区三区| 久久精品成人| 日韩一区二区精品观看| 亚洲韩精品欧美一区二区三区| 国产福利视精品永久免费| 久久香蕉国产线看观看精品yw| 亚洲国产精品国自产拍AV| 999国产精品色在线播放 | 拍国产乱人伦偷精品视频| 国产精品国产亚洲精品看不卡| 久久久久久九九99精品 |