八種很漂亮的排版方法和技巧分享
四、使用線框
線框和色塊的用法有很多相同的地方,但區(qū)別也不小,首先線框沒(méi)有色塊那么有視覺(jué)沖擊力,其次,因?yàn)榫€框的框內(nèi)是沒(méi)有顏色的,所以更適合把圖片也一同框起來(lái)了,而色塊主要用來(lái)承載文字信息。線框主要的用法有以下3種:
1.信息分組
用線框來(lái)把版面內(nèi)的信息進(jìn)行分組,跟色塊的用法是同樣的意思,這里就不多說(shuō)了,直接看例子吧。

▲上圖右側(cè)用線框把信息分為三組,粗一點(diǎn)的彩色線框還很時(shí)尚。

▲線框的風(fēng)格應(yīng)該與設(shè)計(jì)的整體風(fēng)格一致。
2.信息組織
零散的信息可能會(huì)造成版面混亂,用線框把臨近的信息框在一起是一個(gè)有效的解決辦法。


▲在這密集恐懼癥的版面中,還好設(shè)計(jì)師用線框守住了信息區(qū)域附近的一片"凈土"。
3.裝飾
根據(jù)版面尺寸、設(shè)計(jì)元素,合理的使用線框可以使作品更有設(shè)計(jì)感和美感,如:用圖片貫穿線框,塑造一種突破束縛的感覺(jué),或者把線框直接作為版面邊緣的裝飾線條花邊等。

▲在卡片的設(shè)計(jì)中用細(xì)線框裝飾在邊緣,有點(diǎn)小小的文藝氣息。

▲利用規(guī)則的線框與圖片錯(cuò)開制造沖突。
五、把文字排成一個(gè)特別的形狀
正常情況下我們都會(huì)把段落文字排成小方塊,但是對(duì)于那些要求不是太規(guī)矩的設(shè)計(jì),我們也可以嘗試把段落文字排成一些有意思的形狀,例如把表達(dá)愛(ài)情的文字排成心形,把闡述環(huán)保的內(nèi)容排成樹的形狀等。這些特別的形狀會(huì)比方方正正的文字更具視覺(jué)沖擊,看上去也會(huì)更靈活更有趣,不過(guò)太花哨的形狀會(huì)降低文字的閱讀性,要慎用。


▲上圖的文字被排成平行四邊形,雖然算不上太特別,但是也造成了一種不穩(wěn)定的感覺(jué),在周邊文字的搭配下顯得個(gè)性十足。
六、文本繞排
即把文字繞著圖片的外輪廓進(jìn)行排版,這種手法在畫冊(cè)、雜志或報(bào)紙的排版中比較多見,因?yàn)槲淖忠銐蚨嗖拍苓_(dá)到效果,使用文本繞排時(shí),圖片要用異形效果才會(huì)比較好,而且圖片要盡量大一點(diǎn),此方法最適合創(chuàng)造視覺(jué)沖擊。

▲上圖的版面中不僅運(yùn)用了文字繞排,同時(shí)還用了大小對(duì)比、稀疏對(duì)比、留白等技巧,有點(diǎn)叼。

▲上圖報(bào)紙中的圖片選得非常好,既有空間感又有動(dòng)感,文字與圖片也結(jié)合得很緊密,營(yíng)造出了一種車從報(bào)紙里沖出來(lái)了的感覺(jué)。
關(guān)于文本繞排,我順便說(shuō)一下操作方法,如果是用AI排版,你需要先把圖片在PS里去底,存為PSD格式的文件,然后把該文件直接拖入AI,嵌入文件后選擇可編輯選項(xiàng),再點(diǎn)擊右鍵選擇釋放剪切蒙板,接著把圖片放入文本中,同時(shí)選中文本與圖片,點(diǎn)擊在菜單欄對(duì)象-文本繞排-建立就可以了。而在CDR中的操作方法則要復(fù)雜一點(diǎn)點(diǎn),你需要用貝塞爾工具再把圖片的外輪廓勾出來(lái),然后再單機(jī)右鍵選擇段落文本換行-輪廓圖-跨式文本即可。
七、對(duì)齊
因?yàn)閷?duì)齊排版能夠制造一種穩(wěn)定、整潔、統(tǒng)一的感覺(jué),最重要的是便于閱讀,所以,幾乎是在任何版式中都要用到該技巧。看似很簡(jiǎn)單的技巧,其實(shí)里面也大有學(xué)問(wèn),有很多優(yōu)秀的設(shè)計(jì)作品中都暗藏了很多對(duì)齊的玄機(jī),但是過(guò)份的強(qiáng)調(diào)對(duì)齊也會(huì)讓版面顯得很死板,于是有些設(shè)計(jì)師就喜歡故意制造凌亂,結(jié)果總是弄巧成拙。

▲跟我一起唱:左對(duì)齊、右對(duì)齊、上對(duì)其、下對(duì)齊、左右對(duì)齊、居中對(duì)齊。

▲上圖的設(shè)計(jì)師肯定有對(duì)齊強(qiáng)迫癥,不過(guò)效果確實(shí)不錯(cuò)。
八、文疊圖
跟使用色塊不同的是,文疊圖不需要其他元素的輔助,而是直接把文字疊在圖片上,所以必須要保持文字的可識(shí)別性。而且不要把所有文字都放在圖片內(nèi),而是只放一部分,與圖片形成交叉的關(guān)系。這種排版的優(yōu)勢(shì)在于對(duì)比效果強(qiáng)烈,且讓文字與圖片形成了緊密的互動(dòng),不會(huì)有各自孤立的感覺(jué)。

▲采用不規(guī)則的異性圖片來(lái)處理效果也不錯(cuò),圖片的顏色最好不要太多太艷。

▲整齊的文字與矩形的圖片交叉疊加,既平穩(wěn)協(xié)調(diào)又有種沖破束縛的感覺(jué)。
每一個(gè)技巧的使用都是有目的的,要么為了美觀,要么為了方便閱讀,而不是為了炫技,所以在分析每個(gè)技巧時(shí),我都說(shuō)明了之所以這么做的好處,這是需要大家真正去理解的。
這么多經(jīng)典的作品,就算大家不看文字,純看圖片都可以從中學(xué)到不少是不是?不過(guò),老實(shí)說(shuō)你們到底認(rèn)真看了文字沒(méi)有???別打擊老人家好不好。
相關(guān)文章

全畫幅不是半畫幅的兩倍有什么區(qū)別? 聊聊相機(jī)的傳感器尺寸
說(shuō)到相機(jī)畫幅,估計(jì)平時(shí)聽到最多的可能就是全畫幅與半畫幅了,以至于不少人認(rèn)為中畫幅比全畫幅要小,為了避免這種常識(shí)性錯(cuò)誤,這篇文章就來(lái)和大家說(shuō)說(shuō)相機(jī)的不同畫幅,所謂2025-04-07
a5紙與a4紙?jiān)趺催x? a5紙與a4的區(qū)別介紹
4紙和A5紙因其尺寸適中,使用尤為廣泛,但你知道它們之間有何區(qū)別嗎?今天,就讓我們一起來(lái)探討這個(gè)話題2025-02-01
各類商務(wù)印刷品的尺寸怎么選? 印刷設(shè)計(jì)常用的尺寸紙張/克重都在這里了
日常經(jīng)常印刷各種東西,哪些尺寸,紙張更合適呢?本文為大家整理了常用印刷尺寸,方便圖文廣告店、印企在日常接單生產(chǎn)中能夠快速掌握客戶關(guān)鍵性信息,詳細(xì)請(qǐng)看下文介紹2024-02-10
常用照片尺寸有哪些 常見證件照尺寸對(duì)照表及用途介紹
現(xiàn)如今,證件照已成為我們生活中不可或缺的一部分,無(wú)論是求職應(yīng)聘,還是入學(xué)注冊(cè),亦或是辦理各種證件,都需要提交符合規(guī)定格式和要求的證件照,那么,這些證件照的尺寸和2024-02-10
平面設(shè)計(jì)是一個(gè)注重視覺(jué)效果的設(shè)計(jì),簡(jiǎn)單的排版方式有時(shí)候不能滿足視覺(jué)突出的效果,業(yè)務(wù)很難達(dá)到吸引用戶的眼球,下面我們就來(lái)看看8個(gè)平面設(shè)計(jì)技巧分享2023-10-08
如何選擇平面設(shè)計(jì)工具? 這10款軟件應(yīng)該收入囊中
每個(gè)設(shè)計(jì)師都有自己最喜歡的設(shè)計(jì)軟件,并把軟件作為自己的第二語(yǔ)言,今天我們來(lái)推薦10款UI設(shè)計(jì)不可或缺的工具,詳細(xì)請(qǐng)看下文介紹2023-10-08
夏日電影風(fēng)怎么調(diào)色調(diào)色? 適合夏季的柔和綠色調(diào)調(diào)色分享
夏日電影風(fēng)怎么調(diào)色調(diào)色?夏天快到了,想要調(diào)節(jié)夏季電影風(fēng)的畫面,該怎么操作呢?下面我們就來(lái)看看適合夏季的柔和綠色調(diào)調(diào)色分享2023-04-02
什么是真RAW 什么是偽RAW? 簡(jiǎn)單說(shuō)說(shuō)真 RAW 和 偽RAW
隨著索尼α7RV(ILCE-7RM5)正式發(fā)售,近期有不少網(wǎng)友跟我咨詢索尼相機(jī)“無(wú)損壓縮(M)”和“無(wú)損壓縮(S)”RAW的問(wèn)題,今天做一個(gè)統(tǒng)一答復(fù)2022-12-24
手機(jī)UI設(shè)計(jì)尺寸有哪些? 超全面的UI元素尺寸設(shè)置指南
手機(jī)UI設(shè)計(jì)尺寸有哪些?作為新手在設(shè)計(jì)手機(jī)ui的頁(yè)面的時(shí)候,發(fā)現(xiàn)自己設(shè)計(jì)的尺寸都很奇怪,如果能有元素尺寸介紹就好了,下面就來(lái)看看我們匯總的超全面的UI元素尺寸設(shè)置指南2021-08-06
常用照片尺寸有哪幾個(gè)? 照片標(biāo)準(zhǔn)尺寸/像素對(duì)照表匯總
常用照片尺寸有哪幾個(gè)?我們經(jīng)常說(shuō)一寸照片,二寸照片,這些照片的尺寸是怎么計(jì)算的?下面我們就來(lái)看看照片標(biāo)準(zhǔn)尺寸/像素對(duì)照表匯總2021-08-06









