字體知識(shí)，教你怎么給配圖選字體

上圖是說(shuō)明我并不憑感覺(jué)去確定文字部分的位置，僅僅只是按照三大原則來(lái)確定的。在左圖中，小狗雖然是照片里的主體物，但是因?yàn)檠劬Φ拇嬖?，所以文字的排版必須依照視覺(jué)焦點(diǎn)（眼睛）來(lái)排版，這是之前D組結(jié)論提到過(guò)的。但是在計(jì)算字體部分與畫(huà)面邊緣的距離的時(shí)候，依然參照與主體物與邊緣的距離，而非視覺(jué)焦點(diǎn)與邊緣的。

而右圖中，視覺(jué)焦點(diǎn)確定在照片透視的滅點(diǎn)，由于是處于畫(huà)面的中線(xiàn)，因此文字部分采用居中式。除此之外，因?yàn)檎掌系闹黧w物并不明確，所以文字離邊緣的距離沒(méi)有參考，只要與視覺(jué)焦點(diǎn)的聯(lián)系不變，文字部分位置隨意。

后面我又加上了兩個(gè)例子，因?yàn)閺浹a(bǔ)前兩個(gè)都是以視覺(jué)焦點(diǎn)做參照的例子，所以第三個(gè)例子以主體物（杯子）為參照的排版，其中的過(guò)程和前兩個(gè)差不多，就略過(guò)吧。最后一個(gè)例子因?yàn)檎掌侵黧w物是分散且毫無(wú)意義的（星空），所以文字部分只能固定在畫(huà)面中心，彌補(bǔ)主體位置。

事實(shí)上我還想要舉更多的例子來(lái)說(shuō)明各種情況，但是寫(xiě)到這里感覺(jué)篇幅已經(jīng)很長(zhǎng)了?，F(xiàn)在還只講了一部分“文字粉飾圖片”的原則與規(guī)律，現(xiàn)在在下一節(jié)來(lái)講“圖片突出文字”的特點(diǎn)。

3.字體與圖形的配合

以“圖片突出文字”為目的的排版，其特點(diǎn)是不需要分析照片里面的元素。在大部分設(shè)計(jì)教程以及很多優(yōu)秀的設(shè)計(jì)作品里，圖片被認(rèn)為只是作為一個(gè)大色塊存在，它的存在只是為了最后你想要表達(dá)的文字（情感），鋪設(shè)基調(diào)。而我前面就提到的，B組的字體組合方式往往用分散的點(diǎn)狀擺放，因此放在照片這樣一個(gè)大的“面”上，形成元素的對(duì)比效果，可以更有效的突出文字部分。

但是這樣有一個(gè)很大的缺點(diǎn)：過(guò)于分散的字體之間不僅容易缺乏聯(lián)系，而且還會(huì)造成閱讀困難。此外，一張?zhí)ㄉ诘恼掌矔?huì)導(dǎo)致你的文字部分難以突出。

大部分優(yōu)秀排版里采用的解決方案是運(yùn)用字體與圖形的配合，而其中類(lèi)型有三種：

第一種：形狀圖形

形狀圖形主要指方形、圓形以及一些不規(guī)則的形狀圖形。

（下面的效果圖都是我統(tǒng)計(jì)優(yōu)秀作品最常用到的方法）

上圖展示的是三種運(yùn)用方形的方式，我從左到右依個(gè)解釋一下：

突出：當(dāng)文字部分融入到圖片里變得難以看清的時(shí)候。在這里最好的辦法就是像這樣放置一個(gè)方形在背景，然后再調(diào)節(jié)字體的顏色與方塊對(duì)比，使文字部分突出。

集中：這種方法是為了不弱化圖片的情況下，讓文字部分集中在一個(gè)方形里，增加易讀性。是包裝設(shè)計(jì)常在出現(xiàn)的排版。

修飾：這個(gè)方形其實(shí)只是代表，代表所有不規(guī)則圖形的運(yùn)用。當(dāng)文字組合之間太過(guò)散亂，又或者字體之間大小的差異太大的時(shí)候，放置一個(gè)（不）規(guī)則圖形，盡可能連接到每一個(gè)字上，形成聯(lián)系。

這是方形“集中”的例子，方塊的存在突出了文字本身，又保證了閱讀順暢。同時(shí)這個(gè)方塊可以在這張照片上的任何一個(gè)位置都沒(méi)有影響，所以很適合包裝設(shè)計(jì)的需要。

形狀圖形這部分我補(bǔ)充一點(diǎn)：形狀圖形的用法通常有兩種，一種是中間加上一個(gè)深色的形狀，字體的位置放在形狀的中間。另一種是在圖片的上下兩邊各加一個(gè)淺色形狀，字體的位置放在形狀與圖片交界的地方。這兩種方法簡(jiǎn)稱(chēng)為“一黑二白”，見(jiàn)下圖。

而關(guān)于形狀的顏色和透明度設(shè)置，請(qǐng)看本文的色彩部分。

上圖是關(guān)于圓形的常見(jiàn)運(yùn)用：

普通：這是一個(gè)作為對(duì)比的普通排版

突出：這個(gè)比起方形有著好的突出效果，這個(gè)圓形可以替換成一些素材，比如墨滴之類(lèi)的圓形素材，甚至可以利用圖片本身存在一個(gè)巨大的圓形物體的，來(lái)突出文字部分。

適用：這個(gè)同樣可以突出“面”文字，這就也為什么這個(gè)方法經(jīng)常出現(xiàn)各類(lèi)商業(yè)圖冊(cè)、海報(bào)以及各類(lèi)宣傳單… …

上圖是舉例古文字也是可以作為一個(gè)圓形的運(yùn)用。

第二種：直線(xiàn)

直線(xiàn)分兩種，一種就是純粹的一條直線(xiàn)，而另一種則是由細(xì)小的字組成的一段文字（通常是英文）。

上面是純粹的直線(xiàn)運(yùn)用舉例

聯(lián)系：很常見(jiàn)的運(yùn)用方法，不需要解釋了吧…

集中：作用和方形“集中”相同，只是這個(gè)是用兩條線(xiàn)組成一個(gè)隱形的方塊，更有形式感。不同這種只能出現(xiàn)在色彩單一或大量留白的照片。

連接符：增加形似感的小東西… …可以用于連接兩段文字的內(nèi)容，時(shí)尚類(lèi)設(shè)計(jì)作品最常用到，在下面打一個(gè)問(wèn)號(hào)，是因?yàn)檫B接符的種類(lèi)很多，上圖只是舉例… …

這是另一種“直線(xiàn)”，由一排細(xì)小的字組成。

聯(lián)系：與上一種相同，但只適用于標(biāo)題文字較少的時(shí)候。剩下兩個(gè)不用解釋了… …大家應(yīng)該都清楚。

第三種：字符

一般是指的數(shù)字以及英文字母，配合文字能有更好的突出效果。如上圖，，而阿拉伯?dāng)?shù)字的效果最佳。

以上就是字體與圖形的配合部分，不過(guò)還有一個(gè)例子要特別說(shuō)明一下：

上圖展示的是一個(gè)出現(xiàn)頻率最高的配合類(lèi)型的，圓形形狀加上字符，然后用連接符接上你要表達(dá)的文字。這是最經(jīng)典的配合類(lèi)型了。至少突出文字部分的效果非常不錯(cuò)！

4. 色彩的組合模型

PS：以下色彩部分，因?yàn)闆](méi)有大量的實(shí)際操作過(guò)，所以我不確定結(jié)論的正確性。因此色彩部分僅供參考，只希望大家能從中得到一些啟發(fā)就好了。

我們多多少少都學(xué)習(xí)過(guò)色彩的基礎(chǔ)知識(shí)，我們都知道上圖的紅色代表著熱情、綠色代表著自然以及紫色代表著高雅等等… …但是我們卻不能以此為參照來(lái)決定字體的色彩，因?yàn)閷?shí)際的情況要比這復(fù)雜的多。無(wú)論一張照片還是海報(bào)，都會(huì)運(yùn)用到大量的色彩，把這些色彩集合成一個(gè)組合時(shí)，將其稱(chēng)之為“色組”，如下圖。