Hello！我是優(yōu)設(shè)平面版式營的講師@全蛋 AIR

一張普通的圖片，加上一段你必須要用的枯燥文本，如何設(shè)計才能更加出彩呢？

想要作品更加出彩，無非是圖片處理得有看頭，文本看上去精致美觀。這次我分享以下 5 個常用的版式技法，帶大家提升版面的美感和視覺張力！

更多技法：

1. 為什么要學(xué)字體混搭？

一般在編排中我們?yōu)榱吮３忠曈X的一致性，在字體的選用上就會比較傾向「黑體搭配黑體，襯線搭配襯線」，這是一種保險的方式，不會讓整個版面因?yàn)樽煮w而產(chǎn)生非常突兀的感受。

圖片源自網(wǎng)絡(luò)

但也是因?yàn)檫@樣的保險，在文字組整體的形式上可能就會顯得比較單調(diào)，無法滿足全部的應(yīng)用場景，才會有了更為「激進(jìn)的」字體混搭出現(xiàn)。

2. 什么是文字混搭？

所謂的「字體混搭」顧名思義，就是將不同的字體搭配到一起，從而產(chǎn)生更多的變化，以適應(yīng)不同的場景。字體混搭在視覺上的表現(xiàn)會比「黑配黑，襯線配襯線」來的更加強(qiáng)烈，所以也會呈現(xiàn)更加活躍的狀態(tài)，是一種將變化處理為統(tǒng)一的方式。

注意：字體混搭看似隨性簡單，但也有其方法和規(guī)律。最重要的一點(diǎn)就是，掌握好字體的「氣質(zhì)」，通過「氣質(zhì)」這一關(guān)鍵點(diǎn)來進(jìn)行搭配，這樣既能明確搭配的方向，也能讓整個文字組的氣質(zhì)統(tǒng)一。

舉個例子：

假如現(xiàn)在要做一個有文化感的文字組，按照比較傳統(tǒng)的想法，選擇一個具有文化感的中文直接編排就行了，或者再搭配上一定的西文。

但不難看出，現(xiàn)在的這個文字組就是會略顯單調(diào)，那么我們在這個基礎(chǔ)上再加入一點(diǎn)其他具有文化感的字體呢？

比如在標(biāo)題中將水墨二字調(diào)整為比「宋體」文化感更強(qiáng)的「隸書」，并讓其錯位，能夠有更好的韻律產(chǎn)生。同時也將這種搭配形式拓展到左下的時間文字組，讓時間上也有了一定的變化。

視覺的表現(xiàn)上是不是就豐富一些，再略微調(diào)整一下編排，形式上就會更有不同，文字組的張力也得到了提高。

2. 為什么文字組要加入圖形？

我們?yōu)槭裁磿X得以下文字組好看（日文、中英混搭等），僅僅是因?yàn)樗麄兙幣诺卯?dāng)么？

其實(shí)還有一個很大的原因，就是里面有我們可能不認(rèn)識的文字，那在這個時候，我們腦子里就不會把它充當(dāng)一個文字去識別，而是把它當(dāng)做一個圖形，而在文字組中有了圖形之后，視覺的張力就會大大提升。

舉個例子：

比如我們可以在其中加入標(biāo)點(diǎn)符號，標(biāo)點(diǎn)符號也能夠算作圖形。

再比如我們也可以使用字體中自帶的一些字形符號，像思源黑體中，就有特別多的形狀造型，打開「字形」面板就可供我們選擇。同時在剛剛文字組的基礎(chǔ)上我們就可以使用更豐富的圖形進(jìn)行表現(xiàn)。

使用這些符號，再變化一下剛剛的文字組，又會產(chǎn)生新的差異

1. 版面呆板如何快速打破？

從「破格」一詞就不難體會出它的用意，簡單可以理解為「打破規(guī)律」。當(dāng)我們在排版的時候，為了讓版面更有秩序，常常就會使用一張矩形的圖片放置到版面中，我們可以直接利用這張矩形圖的邊緣，為我們之后排布文字組做對齊上的參考依據(jù)。

它的好處是顯而易見的，但是不好的地方同樣也突出，就是我們?nèi)绻淖纸M的排布也比較簡單，那整個版面就會容易顯得呆板。

舉個例子：

在這種狀態(tài)下就適合使用「破格」的手法，利用圖片中的內(nèi)容，找到一些突出的邊緣，讓其超過矩形邊緣切割的部分，讓整個圖片的邊緣打破完全橫平豎直的狀態(tài)，提升一定的張力。

2. 學(xué)員改前改后的對比

從這兩張圖，也能很明顯的感受出來，進(jìn)行了「破格」處理的版面，活躍度上更強(qiáng)。

1. 如何強(qiáng)化圖文之間的聯(lián)系？

圖文的穿插疊壓是為了能更好的讓畫面中的圖片與文字產(chǎn)生聯(lián)系，不至于圖片是圖片，文字是文字，從而產(chǎn)生比較強(qiáng)的割裂感。

它直觀的表現(xiàn)就是有部分文字會疊在圖片之上，或者將圖片疊在文字上，遮擋住文字的某些部分，再或者文字與文字之間穿插疊壓，人們在觀看的時候，通過視覺的補(bǔ)償將其補(bǔ)齊。

因?yàn)橛辛舜┎瀵B壓，圖片和文字這兩者的存在就會更自然，但值得注意的是，在用圖片遮擋文字的時候，不宜遮擋太大面積，不然會影響整體的識別。

1. 如何快速提高圖片設(shè)計感？

半調(diào)效果、雙色調(diào)等等，都可以算作是圖片的「風(fēng)格化處理」，或者說就是直接在圖片上去增加效果。這一做法的最主要目的，就是為了影響視覺上的差異化。

網(wǎng)絡(luò)特別發(fā)達(dá)的今天，人們時時刻刻都可以從網(wǎng)絡(luò)上直接獲取到大量的視覺信息，而太多同質(zhì)化的表現(xiàn)，很快就會出現(xiàn)審美疲勞。所以設(shè)計師們，都在不斷探索，嘗試更加吸引人的表現(xiàn)手法。而圖片一般又是在畫面中占比比較大的部分，所以在營造視覺的差異化上，在圖片里進(jìn)行風(fēng)格化處理會比較直接。

通過下面兩張圖我們可以直接看出來，一個直接放的就是圖片，另一個做了一些像素化半調(diào)的處理，處理過的圖片差異化就很明顯，處理過的設(shè)計感相對就會更強(qiáng)。

當(dāng)然在這里的風(fēng)格化處理是一個很寬泛的范疇，并不是指一個單一的效果，能在圖片上使用的效果，都可以算到這個范圍里面。

2. 半調(diào)網(wǎng)屏制作方法

半調(diào)網(wǎng)屏效果的制作方法，這里我用一個視頻來演示 ?? https://uiiiuiii.com/other/1212554321.html

這里我也準(zhǔn)備好了像素化半調(diào)效果的動作，如果大家想要的話，可以加微信：uisdc4，備注「全蛋」，即可獲取。

更多設(shè)計技法：

如果你想?yún)⒓悠矫鏍I，請加微信：uisdc4 或 uisdc5，目前還有全勤返 500 活動，錯過再等一年，了解更多詳情。