總監說效果太平淡？5種技法提升平面視覺張力！

Hello！我是優設平面版式營的講師@全蛋 AIR

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

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

更多技法：

1. 為什么要學字體混搭？

一般在編排中我們為了保持視覺的一致性，在字體的選用上就會比較傾向「黑體搭配黑體，襯線搭配襯線」，這是一種保險的方式，不會讓整個版面因為字體而產生非常突兀的感受。

圖片源自網絡

但也是因為這樣的保險，在文字組整體的形式上可能就會顯得比較單調，無法滿足全部的應用場景，才會有了更為「激進的」字體混搭出現。

2. 什么是文字混搭？

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

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

舉個例子：

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

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

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

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

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

我們為什么會覺得以下文字組好看（日文、中英混搭等），僅僅是因為他們編排得當么？

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

舉個例子：

比如我們可以在其中加入標點符號，標點符號也能夠算作圖形。

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

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

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

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

它的好處是顯而易見的，但是不好的地方同樣也突出，就是我們如果文字組的排布也比較簡單，那整個版面就會容易顯得呆板。

舉個例子：

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

2. 學員改前改后的對比

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

1. 如何強化圖文之間的聯系？

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

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

因為有了穿插疊壓，圖片和文字這兩者的存在就會更自然，但值得注意的是，在用圖片遮擋文字的時候，不宜遮擋太大面積，不然會影響整體的識別。

1. 如何快速提高圖片設計感？

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

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

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

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

2. 半調網屏制作方法

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

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

更多設計技法：

如果你想參加平面營，請加微信：uisdc4 或 uisdc5，目前還有全勤返 500 活動，錯過再等一年，了解更多詳情。