字體知識,教你怎么給配圖選字體

2023-11-12 17:20:46 來源/作者: / 己有:1人學(xué)習(xí)過

上圖是說明我并不憑感覺去確定文字部分的位置,僅僅只是按照三大原則來確定的。在左圖中,小狗雖然是照片里的主體物,但是因為眼睛的存在,所以文字的排版必須依照視覺焦點(眼睛)來排版,這是之前D組結(jié)論提到過的。但是在計算字體部分與畫面邊緣的距離的時候,依然參照與主體物與邊緣的距離,而非視覺焦點與邊緣的。

而右圖中,視覺焦點確定在照片透視的滅點,由于是處于畫面的中線,因此文字部分采用居中式。除此之外,因為照片上的主體物并不明確,所以文字離邊緣的距離沒有參考,只要與視覺焦點的聯(lián)系不變,文字部分位置隨意。

后面我又加上了兩個例子,因為彌補前兩個都是以視覺焦點做參照的例子,所以第三個例子以主體物(杯子)為參照的排版,其中的過程和前兩個差不多,就略過吧。最后一個例子因為照片是主體物是分散且毫無意義的(星空),所以文字部分只能固定在畫面中心,彌補主體位置。

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

3.字體與圖形的配合

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

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

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

第一種:形狀圖形

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

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

字體知識,教你怎么給配圖選字體

上圖展示的是三種運用方形的方式,我從左到右依個解釋一下:

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

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

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

字體知識,教你怎么給配圖選字體

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

形狀圖形這部分我補充一點:形狀圖形的用法通常有兩種,一種是中間加上一個深色的形狀,字體的位置放在形狀的中間。另一種是在圖片的上下兩邊各加一個淺色形狀,字體的位置放在形狀與圖片交界的地方。這兩種方法簡稱為“一黑二白”,見下圖。

字體知識,教你怎么給配圖選字體

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

字體知識,教你怎么給配圖選字體

上圖是關(guān)于圓形的常見運用:

普通:這是一個作為對比的普通排版

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

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

字體知識,教你怎么給配圖選字體

上圖是舉例古文字也是可以作為一個圓形的運用。

第二種:直線

直線分兩種,一種就是純粹的一條直線,而另一種則是由細小的字組成的一段文字(通常是英文)。

字體知識,教你怎么給配圖選字體

上面是純粹的直線運用舉例

聯(lián)系:很常見的運用方法,不需要解釋了吧…

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

連接符:增加形似感的小東西… …可以用于連接兩段文字的內(nèi)容,時尚類設(shè)計作品最常用到,在下面打一個問號,是因為連接符的種類很多,上圖只是舉例… …

字體知識,教你怎么給配圖選字體

這是另一種“直線”,由一排細小的字組成。

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

第三種:字符

字體知識,教你怎么給配圖選字體

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

以上就是字體與圖形的配合部分,不過還有一個例子要特別說明一下:

字體知識,教你怎么給配圖選字體

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

4. 色彩的組合模型

PS:以下色彩部分,因為沒有大量的實際操作過,所以我不確定結(jié)論的正確性。因此色彩部分僅供參考,只希望大家能從中得到一些啟發(fā)就好了。

字體知識,教你怎么給配圖選字體

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