圖文排版簡(jiǎn)單嗎？當(dāng)然不簡(jiǎn)單。不過(guò)135編輯器覺(jué)得可以從文字排版設(shè)計(jì)和圖片排版設(shè)計(jì)兩方面來(lái)協(xié)調(diào)，通過(guò)搭建圖片和文字，使得畫(huà)面感突出，具備傳遞有效信息和好看的視覺(jué)效果的雙重特點(diǎn)。在設(shè)計(jì)一個(gè)作品時(shí)，有三種因素需要我們?nèi)タ紤]：圖片、文案、圖片和文案的關(guān)系。

By Spartak Vee

1.文案

設(shè)計(jì)作品時(shí)，我們首先應(yīng)該考慮的就是文案，因?yàn)槲陌缚梢灾庇^展現(xiàn)給用戶最重要的信息。所以整體設(shè)計(jì)時(shí)，對(duì)文案要有一個(gè)整體把握：

首先確定文案，用最簡(jiǎn)短的話說(shuō)清楚最詳細(xì)的內(nèi)容，精簡(jiǎn)文案，讓用戶捕捉到有用信息；

第二確定文案的優(yōu)先級(jí)，明確主、副標(biāo)題及內(nèi)容的關(guān)系，區(qū)別性對(duì)待，可以根據(jù)字體的大小、粗細(xì)對(duì)比進(jìn)行關(guān)系強(qiáng)調(diào)；

第三根據(jù)文案確定結(jié)構(gòu)，對(duì)內(nèi)容文案進(jìn)行塊狀組合，可以增強(qiáng)結(jié)構(gòu)性，在閱讀時(shí)用戶的習(xí)慣是從上到下、從左到右，在對(duì)文案進(jìn)行排版時(shí)可以遵循這一規(guī)則，使用左對(duì)齊與居中對(duì)齊是最保險(xiǎn)的選擇。

最后根據(jù)圖片背景確定文案的位置。文案的位置要根據(jù)圖片進(jìn)行選擇，如何處理文案與圖片的關(guān)系是圖文排版的重中之重。

2.圖片

圖片有兩種，一是圖片內(nèi)容，根據(jù)設(shè)計(jì)需要進(jìn)行的內(nèi)容填充與裝飾，二是圖片背景。這里主要討論后者。背景圖片的選擇是根據(jù)設(shè)計(jì)主題而定，如果你沒(méi)有高質(zhì)量的圖片素材，會(huì)事倍功半，分享幾個(gè)可免費(fèi)商用的高質(zhì)量圖片網(wǎng)站，讓你一次選到切合主題的背景圖片。

知名的可商用自用圖片網(wǎng)站，以風(fēng)景為主，可無(wú)損下載，適合做背景的圖片網(wǎng)站。

超級(jí)贊的無(wú)版權(quán)圖片網(wǎng)站，內(nèi)有豐富而又高質(zhì)量的資源。中文界面，讓你更自由的選擇。

還在發(fā)愁摳圖么？幾萬(wàn)張無(wú)背景素材可以直接免費(fèi)下載使用，說(shuō)不定已經(jīng)有人把孔雀摳好放進(jìn)去咯。

3.文案與圖片的關(guān)系

想要把文案與圖片完美結(jié)合，除了大的結(jié)構(gòu)問(wèn)題，也需要細(xì)節(jié)的豐富和完善，我們進(jìn)行圖文關(guān)系處理時(shí)，可以從以下幾個(gè)方面進(jìn)行入手：

（1）強(qiáng)化對(duì)比，增強(qiáng)可讀性

巧用對(duì)比色和補(bǔ)色，可以增強(qiáng)信息的可讀性，青與紅色、黃色與藍(lán)色、黑與白等冷暖對(duì)比是設(shè)計(jì)中常用到的經(jīng)典配色。根據(jù)主題選擇主色，小范圍使用另一種顏色進(jìn)行搭配裝飾，產(chǎn)生視覺(jué)張力，快速抓住用戶的注意力。

通過(guò)調(diào)整顏色的明度與飽和度，可以達(dá)到對(duì)比的效果。上圖的案例中使用綠植為背景，紅色自然可以突出文案信息，但紅色在本案例中的使用效果會(huì)顯得突兀，因此選擇無(wú)色系進(jìn)行搭配。通過(guò)左右兩圖，可以看到明暗對(duì)比的重要性。

除了色彩方面，文字同樣也可以產(chǎn)生對(duì)比。在字體選擇時(shí)，可以使用與背景圖片相融合的字體，也可以使用對(duì)比效果，讓人產(chǎn)生視覺(jué)落差感。如果背景空洞，不妨在文案的字體選擇中使用有設(shè)計(jì)感的字體；如果背景比較濃郁，可以使用簡(jiǎn)約的字體，產(chǎn)生對(duì)比性。

青空木材網(wǎng)站的主圖中，背景使用郁郁蔥蔥的森林，文案則選擇輕薄的字體和錯(cuò)落的排列形式，形成大小對(duì)比與氛圍對(duì)比，給人留下深刻的印象。

（2）弱化背景

模糊與色彩疊加的操作十分簡(jiǎn)單、容易上手，又能夠起到很好的弱化背景的作用，因此也是設(shè)計(jì)中常用的方法。

使用局部模糊弱化背景，可以使產(chǎn)品更加突出，在模糊區(qū)域添加文案，也使文案從雜亂的背景中抽離出來(lái)，增加了信息的可讀性。文案與產(chǎn)品分處于圖片的兩端，也形成一種視覺(jué)平衡感。

在圖片上方，覆蓋一個(gè)半透明的矩形圖層，上方加入文案，這在PS中是非常簡(jiǎn)單的操作，卻也是非常有效果的操作。背景的弱化，文案的凸顯，讓信息更加的有視覺(jué)沖擊力。塊狀組合的文案，使用居中對(duì)齊，十分顯眼。

（3）圖文合一

設(shè)計(jì)中超吸睛的做法——圖文疊加，交錯(cuò)式產(chǎn)生一種空間感，讓圖片與文字有了互動(dòng)，另外，當(dāng)文字已經(jīng)不僅僅充當(dāng)文案，更變成一種裝飾元素，起到讓畫(huà)面變美觀的作用，最近熱播的《歡樂(lè)頌2》的海報(bào)中也使用到這一手法。

另外一種簡(jiǎn)單的操作方法是直接在背景圖片中添加文案，做到真的圖文一體。Florian Monfrini主圖模仿了美術(shù)館的一面墻，文案以豎排的形式置于藝術(shù)品的周?chē)?，氛圍感十足?/span>

（4）標(biāo)簽式設(shè)計(jì)

在文本之外加一個(gè)矩形的邊界框或者在文本之下置一個(gè)色塊，形成產(chǎn)品標(biāo)簽的形式，通過(guò)背景與標(biāo)簽產(chǎn)生的關(guān)系，讓用戶把注意力聚焦于標(biāo)簽中。調(diào)整邊框的粗細(xì)和色塊的透明度，可以產(chǎn)生不同的效果，提升畫(huà)面的視覺(jué)表現(xiàn)。

其實(shí)只要做到文字排版和圖片排版的協(xié)調(diào)，就可以造就多種多樣的圖文排版形式，說(shuō)了這么幾種入手小技巧，肯定還有很多不一樣的手法和技巧，那么不妨在評(píng)論中和我交流