如何提高文字和配圖的整體性？總監送你7個實用方法！

我看過很多設計新手的排版作品，發現很多作品都會有“不夠整體”的問題，什么是不夠整體呢？最典型的表現就是畫面中的圖片與文字沒有關聯，雖然都在一個版面里，但視覺上給人一種互不相干的感覺。

那要怎么解決這個問題呢，蔥爺給大家分享 7 個技巧。

更多平面干貨：

一、風格契合

文字的字體風格與畫面契合是最基本的前提，做到這一點，文字與畫面就會有一種內在的關聯，那么如何選擇或者設計跟畫面風格契合的字體呢？主要有兩個方法：

一是根據調性來選擇，這就需要你清楚畫面的調性是怎樣的，以及不同的字體類型是什么樣的調性。

比如時尚、潮酷的畫面適合字制區喜脈體、優設標題黑、漢儀力量黑等字體；

上圖標題字體為漢儀力量黑簡體。

而活潑、可愛的畫面則適合站酷快樂體、漢儀小麥體、方正少兒體、造字工房喜月體等字體。

上圖標題字體為在造字工房喜月體的基礎上做了些許改動。

二是根據圖片與字體的輪廓來選擇，比如圖片是比較圓潤、柔和的，字體就不能用太硬朗、太尖銳的；圖片是很豪放、隨意的，字體就不要太拘謹、太保守，我們在做字體設計的時候，要把握準這些大方向。

上圖海報的圖形主要是比較硬朗的幾何圖形，所以標題的字體也是比較硬朗的。

上圖的圖片元素比較圓潤、柔和，所以標題使用的字體也是相對比較圓潤、柔和的，但由于畫面也很有動感，很時尚，所以在標題上加了手寫的英文作為裝飾。

二、對齊與統一

如果畫面中的配圖是幾何形狀的，比如矩形、圓形等，那么可以使文字與圖片存在某種對齊關系，比如左對齊、右對齊、居中對齊等，對齊以后，文字與圖片在對齊的地方就會出現一條無形的線，正是這根線讓他們產生了關聯。

另外，文字最好能夠與圖片保持方向統一，否則關聯性也會減弱。

三、疊加處理

很多時候，圖片與文字缺少關聯只是因為他們離得太遠了，這個很好辦，把它們移近一點就好，最有效的處理方式是讓圖片與文字形成疊加關系，比如圖疊文或者文疊圖。

圖疊文適合大文字，圖片是異形的效果更好。

文疊圖要把注意文字的識別性，很多時候需要給文字添加底色塊。

四、輪廓互補

有些作品的文字與圖片離得很近，但是文字的邊緣輪廓與臨近的圖片輪廓完全是矛盾的，比如像下圖。

這種情況圖片與文字看起來也是缺乏關聯的，這時候如果讓它們的輪廓形成互補關系，畫面就會變得和諧起來，比如下圖就是在上圖的基礎上做了文字排版的調整。

當然，并不需要它們的輪廓完全互補，有粗略的互補關系就好。

五、顏色關聯

顏色關聯是一種很簡單的關聯方式，即從畫面中提取顏色，然后賦予給文字部分，可以直接改變文字的顏色，也可以給文字添加色塊、圖形、線條等。當文字和圖片都具有某些顏色時，它們就很容易被人聯系起來。

六、文繞圖

即把文字沿著圖片的輪廓排版，這種處理方式會使文字與圖片的輪廓高度契合，所以關聯度會比較強，而且這種排版方式容易使版面變得比較靈活，圖片的輪廓為弧線或折線時，效果會比較好。

當然，并不是所有的文字都要繞著圖片排版，很多時候只要把一句和圖片關聯度很強的話，或者是一行裝飾文字繞著圖片排版，就能得到很不錯的效果。

并不是只有英文才適合這么排版，中文也是可以的，字體通常會用宋體或者黑體。

七、輔助圖形關聯

即通過給文字添加圖形來使其與圖片關聯起來，比如給文字添加一個對話框，來把文字指向圖片，那么文字就感覺是圖片部分發出的信息，二者的聯系便得到了加強。

再比如我們也可以用箭頭符號、線等元素，把文字與圖片連接起來。

其實一個版面中的任一元素都不應該單獨存在，它應該跟版面中的某一個或多個元素有關聯，這樣你的設計才是協調的、整體的，上文的技巧也僅僅是 7 個解決問題的手段之一，并不能作為版面是否整體的考量標準，目的才是最重要的，只要效果好，你怎樣做都行。