圖文穿插可以分為：規(guī)則型與不規(guī)則型兩種。

1. 規(guī)則型

報(bào)紙我們都知道，它是用來(lái)承載大量信息與圖片素材的一個(gè)載體，它就是一個(gè)很好的規(guī)則型的例子。

其中最值得我們借鑒的，就是早期報(bào)紙的編排方式。將不同的文字組安排在劃分好的區(qū)域內(nèi)，然后用框或是用線(xiàn)來(lái)區(qū)分文字組。這是屬于有規(guī)則的圖文穿插形式，講究的是秩序美。

2. 不規(guī)則型

不規(guī)則型的圖文穿插，跟規(guī)則型比起來(lái)更為靈活多變。不過(guò)難點(diǎn)在于，需要設(shè)計(jì)師有較強(qiáng)的編排功底才能駕馭。

圖字疊壓

排法二：圖字疊壓。信息量多，圖片數(shù)量少時(shí)可以使用圖字疊壓的手法。因?yàn)槭墙袌D字疊壓，所以圖既可以疊在字上，字也可以疊在圖上。

1. 圖疊字

首先，我們來(lái)看看圖疊字的表現(xiàn)形式。手法非常簡(jiǎn)單，就是圖片疊壓在文字上方，而被疊壓的文字大多都是標(biāo)題或者標(biāo)題的英文翻譯。在實(shí)際操作時(shí)有一點(diǎn)要注意的是，我們要確保被壓住的文字能被識(shí)別出來(lái)，也就是說(shuō)疊壓的幅度不能太大。

如果遇到因疊壓幅度太大，導(dǎo)致文字無(wú)法被識(shí)別出來(lái)時(shí)，大家可以試試在圖片的上方，再疊壓一層描邊后的文字;運(yùn)用這個(gè)方法能使被壓住的文字恢復(fù)一些識(shí)別性。

2. 字疊圖

字疊圖和圖疊字一樣，就是位置轉(zhuǎn)換了一下而已。圖疊字要注意的是文字，而字疊圖要注意的就是圖片了;在運(yùn)用字疊圖時(shí)，要記住文字不能擋住圖片最吸引眼球的地方。

比如人物類(lèi)圖片不能遮擋面部，因?yàn)槲覀兊囊曈X(jué)習(xí)慣已經(jīng)決定好了，第一眼看的就是臉，除了臉以外還有眼睛，這也是不能被遮擋的。

如果圖片沒(méi)有特別吸引眼球的地方，就可以不用考慮遮不遮擋的問(wèn)題。像這種常見(jiàn)的物體類(lèi)圖片;可以隨意疊壓，因?yàn)檫@類(lèi)圖片并沒(méi)有非常突出的地方。

還有當(dāng)圖片充當(dāng)?shù)准y用的時(shí)候，也可以隨意的進(jìn)行疊壓。

文字疊壓

最后一個(gè)排法：文字疊壓。文字信息量多且無(wú)配圖時(shí)，可以使用文字疊壓的手法，也就是文字與文字之間進(jìn)行疊壓。為什么沒(méi)有圖片時(shí)要使用這個(gè)手法呢?因?yàn)槊鎸?duì)空無(wú)一圖的版面時(shí)，受眾的閱讀欲望是非常低的。這時(shí)版面中就需要有一個(gè)亮點(diǎn)來(lái)吸引受眾的視線(xiàn)，而字疊字就是用來(lái)創(chuàng)造亮點(diǎn)的手段。

在使用字疊字時(shí)也分兩種形式：一、文字充當(dāng)?shù)准y;二、為了保證文字的識(shí)別性而使用的正片疊底。充當(dāng)?shù)准y大家都懂，那什么是正片疊底呢?

當(dāng)兩組相互疊壓的文字，填充了對(duì)比色或是互補(bǔ)色時(shí)，為了使雙方的識(shí)別性都不受到影響，就會(huì)使用圖層混合模式中的「正片疊底」選項(xiàng)。正片疊底后文字被遮擋的部分就會(huì)浮現(xiàn)出來(lái)，這就是正片疊底形。

高手的平面課堂!聊聊圖文疊加的四種常用技法

@研習(xí)設(shè)K先生 ：設(shè)計(jì)當(dāng)中有很多的表現(xiàn)技法，有些表現(xiàn)技法應(yīng)用起來(lái)比較復(fù)雜，并且耗費(fèi)的工時(shí)也很長(zhǎng)，有些表現(xiàn)手法則很輕松的就可以實(shí)現(xiàn)，比如說(shuō)圖文疊加，你也可以理解成圖疊字。 這種...閱讀文章 >>案例演示

文案信息包括：標(biāo)題信息、標(biāo)題翻譯信息、作者譯者信息、賣(mài)點(diǎn)信息、以及裝飾信息等 5 大部分。下面為大家拆解一下這些信息都有哪些合理的分組邏輯。

前三個(gè)部分描述的是：書(shū)名、書(shū)名的翻譯、以及這本書(shū)的作者和譯者，它們是可以成為一個(gè)組合的。

接下來(lái)賣(mài)點(diǎn)信息部分，它主要描述的就是這本書(shū)的概況，也是對(duì)書(shū)名的一個(gè)補(bǔ)充。總的來(lái)說(shuō)所有賣(mài)點(diǎn)信息都和標(biāo)題有關(guān)系，但關(guān)系的強(qiáng)弱之分我已經(jīng)標(biāo)明出來(lái)了，從賣(mài)點(diǎn) 1 到賣(mài)點(diǎn) 4。而在這四個(gè)賣(mài)點(diǎn)中與標(biāo)題關(guān)系最近的就是賣(mài)點(diǎn) 1，也就是說(shuō)能和標(biāo)題單獨(dú)成組的只有賣(mài)點(diǎn) 1，因?yàn)樗�最�?jiǎn)潔有力就像廣告語(yǔ)一樣。因此，如果其它三個(gè)賣(mài)點(diǎn)想要和標(biāo)題成組的話(huà)，那也一定要帶上賣(mài)點(diǎn) 1，而不能脫離賣(mài)點(diǎn) 1 與標(biāo)題單獨(dú)成組。

最后就是裝飾信息部分，它就是作為裝飾存在的屬于「有用的無(wú)用信息」，說(shuō)它有用是因?yàn)樗�能解決一些版面中的負(fù)空間問(wèn)題，比如說(shuō)版面中有個(gè)地方顯的很空，需要有元素來(lái)填補(bǔ)一下，這時(shí)就可以用上它。而說(shuō)它無(wú)用是因?yàn)檫@類(lèi)信息在版面中的字號(hào)大多偏小，讀者基本都會(huì)忽略它們的存在。

案例一

圖文穿插規(guī)則

我將所有的文字信息分成了 9 組，這個(gè)分組數(shù)量是屬于偏多的，依據(jù)就是「存在關(guān)聯(lián)的信息可以成組也可以分離」。

這是要用到的圖片素材，一共有 6 個(gè)。

這本書(shū)籍的開(kāi)本接近于 a4 大小，當(dāng)信息量多時(shí)，頁(yè)邊距的寬度可以設(shè)定在：7~12mm 之間，而我這次設(shè)置的是 6mm，與參考值差了 1mm。這也是之前說(shuō)過(guò)的要根據(jù)實(shí)際情況調(diào)整，所謂的標(biāo)準(zhǔn)數(shù)值就是一個(gè)參考。

定好版心后，首先沿著頁(yè)邊距的中間處，也就是 3mm 的地方拉一個(gè)矩形出來(lái)，書(shū)脊處也要，這個(gè)矩形就是用來(lái)整合那 9 個(gè)組合用的。

先將第一個(gè)標(biāo)題組合編排出來(lái)，位置放在右上角。為什么要放在這里呢?因?yàn)楫?dāng)文字豎排時(shí)我們的閱讀順序是：從上至下從右至左的。標(biāo)題組合內(nèi)部的組間距大小我參考了英文翻譯的字寬。

接著在標(biāo)題文字組的左側(cè)，拉兩根輔助線(xiàn)寬度為 6mm，然后在中間處添加一根與標(biāo)題組合一樣高的線(xiàn)條用于區(qū)分。

然后再根據(jù)標(biāo)題組合的高度，將組合 2、組合 3 以及組合 4 一同編排出來(lái)，它們之間的間隔也都是 6mm，同樣用線(xiàn)區(qū)分。到此上半部分就編排完成了。

緊接著在上方組合的底部拉兩根輔助線(xiàn)，寬度依然是 6mm，然后添加一根線(xiàn)用于區(qū)分。之后將組合 5 編排出來(lái)整個(gè)橫跨版面，它的作用就是分割上下空間。

繼續(xù)添加一根線(xiàn)條用于區(qū)分，然后根據(jù)上半部分組合的結(jié)構(gòu)，將下半部分的組合編排出來(lái)。編排完成后版面中還留有一塊空白區(qū)域，這塊空白區(qū)域的作用，就是為了再放置一組與標(biāo)題組合做呼應(yīng)的信息。

這組信息我選擇了重復(fù)標(biāo)題的英文翻譯以及作者的英文名。因?yàn)槭呛蜆?biāo)題組合做呼應(yīng)用的，所以多少要和標(biāo)題掛鉤。同時(shí)為了削弱重復(fù)內(nèi)容的印象，我故意換了字體，將之前的襯線(xiàn)體換成了無(wú)襯線(xiàn)。組合呼應(yīng)上之后呢，色彩也要呼應(yīng)上。挑選些重要的信息填充上與素材相同的色彩就可以。

在下半部分的組合中間添加好線(xiàn)條用于區(qū)分，方式與之前一樣。最后將書(shū)脊編排出來(lái)第一個(gè)案例也就完成了。