想要圖片配字配的好,可不能只是『憑感覺』

圖片加文字正越來越成為一種流行的圖片處理方式。配上文字的圖片,故事性一下子就出來了,可逗比,可文藝。

但是如何搭配的好看呢?也許有人會輕描淡寫的一句『憑感覺』就把你打發了。但作為一個有態度的公眾號,我們希望嘗試像之前的『三分鐘帶你走進極簡色彩學』一樣,嘗試著總結一些規律性的東西。其中第一部分『圖片與文字的關系』中的大部分內容都是來自梁木東,一名設計專業大四學生的總結,在此表示感謝。

其實圖片加文字有兩種目的,一種是為了讓文字粉飾圖片,主體是圖片;一種是為了讓圖片突出文字,主體是文字。相信大家更多的使用場景還是第一種,以圖片作為主體。所以在這里就主要以『文字修飾圖片』作為主要的使用場景。


1. 圖片與文字的關系:需要把握主體物、視覺焦點


想要用文字來修飾圖片,首先的前提是你要讀懂圖片。這里先說兩個概念。

主體物和視覺焦點是攝影作品里的兩個基本要素。在一張照片里通常會有一個突出的人或物作為主體。而其他例如在風景類攝影作品,照片里即使沒有明確的主體物,也會存在一個視覺焦點。

一張攝影作品的主體物和視覺焦點是很容易看出來的,如下圖:

而我們所要做的,就是讓文字不要過度影響視覺焦點和主體物,并且形成有序的呼應。

下面就讓我們來實戰操作一下。

第一張圖只有視覺焦點沒有主體物,你需要記住的定律是:當視覺焦點位于畫面中線,文字部分使用居中式。而因為照片上的主體物并不明確,所以文字離邊緣的距離沒有參考,文字部分的位置隨意。

第二張圖既有視覺焦點又有主體物(只要圖里有眼睛,就有視覺焦點)。橫向的文字應和視覺焦點平行。此外,只要有主體物,文字的大小就不能比主體物大。同時字體到屏幕邊緣的距離也要和主體物到屏幕邊緣的距離相當。


2. 文字的選擇和搭配:喜歡就是放肆,但愛就是克制


接下來就是字體具體的選擇問題了。

字體的使用和色彩一樣,需要克制,需要搭配。『襯線字體』相對復雜、花哨,如下圖中的B組,而『無襯線字體』清晰、簡單,如下圖中的A組。

具體用哪種,就得注意和圖片風格上的搭配。比如下面這張,就略顯違和,整張圖片的氣勢就毀在了這幾個字手里。

此外,字體的尺寸也是很重要的。如果重點是圖片的話,文字千萬不要太大,容易喧賓奪主。

下圖就是一個反例,因為文字部分已經完全影響了畫面,成為了重點。但是不這么做,小編會死的很慘,原因是什么你懂的。

這里給大家提供一個比較巧妙的方法。如果不想文字太過顯眼可以讓字順著圖片走去描輪廓線。也就是文字繞著物體的輪廓線排布。可以給畫面增添活力,又不會太過張揚。


3. 圖片與文字的顏色組合:注意和背景的搭配


適當的使用顏色能讓圖片更加生動,多維化。但是對于字體顏色的使用需要克制,使用太多顏色會讓人眼花抓不到重點。

比如添加白色文字,看起來效果還不錯是不是?

但如果把顏色換成和圖片顏色互補和相近的顏色,是不是一下子就感覺生動立體了很多?有了更多活力感,讓人眼前一亮。

如果你想不好顏色搭配,可以參考我們之前推送的『三分鐘帶你入門極簡色彩學』。

比如說刺激的互補色,也就是傳說中的撞色,經常會有一些非常奇妙的效果:

以及分散互補色,也就是兩個相鄰色配一個互補色。

三角對立配色:

如果你懶得搭配,那么請看下一條。


4. 壓箱底的絕招:黑白噪點壓大字,高端貴氣上檔次


如果你上面那些都懶得細想,那請你直接看這一條。

這是隨便找的一張圖,是號稱最符合人機工程的椅子,但是圖片毫無美感可言吧?

套用一個黑白濾鏡,再加上一段文字,是不是看起來舒服很多?是不是感覺自己瞬間文藝高大上了?

總的來說,不論什么時候,黑白噪點壓大字是不會出錯的。

最后,給大家安利一款圖片加字的App叫Camu(雖然他們并沒有給我廣告費),優點主要是:

界面簡潔美觀,操作交互順手

濾鏡、文字效果好并且支持中文

支持iOS和安卓

誰用誰知道。當然,同類型的軟件有很多,而且每個人使用習慣都不一樣,還是那句話,合適的才是最好的。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容