圖片加文字正越來越成為一種流行的圖片處理方式。配上文字的圖片,故事性一下子就出來了,可逗比,可文藝。
但是如何搭配的好看呢?也許有人會輕描淡寫的一句『憑感覺』就把你打發(fā)了。但作為一個有態(tài)度的公眾號,我們希望嘗試像之前的『三分鐘帶你走進極簡色彩學(xué)』一樣,嘗試著總結(jié)一些規(guī)律性的東西。其中第一部分『圖片與文字的關(guān)系』中的大部分內(nèi)容都是來自梁木東,一名設(shè)計專業(yè)大四學(xué)生的總結(jié),在此表示感謝。
其實圖片加文字有兩種目的,一種是為了讓文字粉飾圖片,主體是圖片;一種是為了讓圖片突出文字,主體是文字。相信大家更多的使用場景還是第一種,以圖片作為主體。所以在這里就主要以『文字修飾圖片』作為主要的使用場景。
1. 圖片與文字的關(guān)系:需要把握主體物、視覺焦點
想要用文字來修飾圖片,首先的前提是你要讀懂圖片。這里先說兩個概念。
主體物和視覺焦點是攝影作品里的兩個基本要素。在一張照片里通常會有一個突出的人或物作為主體。而其他例如在風(fēng)景類攝影作品,照片里即使沒有明確的主體物,也會存在一個視覺焦點。
一張攝影作品的主體物和視覺焦點是很容易看出來的,如下圖:
而我們所要做的,就是讓文字不要過度影響視覺焦點和主體物,并且形成有序的呼應(yīng)。
下面就讓我們來實戰(zhàn)操作一下。
第一張圖只有視覺焦點沒有主體物,你需要記住的定律是:當(dāng)視覺焦點位于畫面中線,文字部分使用居中式。而因為照片上的主體物并不明確,所以文字離邊緣的距離沒有參考,文字部分的位置隨意。
第二張圖既有視覺焦點又有主體物(只要圖里有眼睛,就有視覺焦點)。橫向的文字應(yīng)和視覺焦點平行。此外,只要有主體物,文字的大小就不能比主體物大。同時字體到屏幕邊緣的距離也要和主體物到屏幕邊緣的距離相當(dāng)。
2. 文字的選擇和搭配:喜歡就是放肆,但愛就是克制
接下來就是字體具體的選擇問題了。
字體的使用和色彩一樣,需要克制,需要搭配。『襯線字體』相對復(fù)雜、花哨,如下圖中的B組,而『無襯線字體』清晰、簡單,如下圖中的A組。
具體用哪種,就得注意和圖片風(fēng)格上的搭配。比如下面這張,就略顯違和,整張圖片的氣勢就毀在了這幾個字手里。
此外,字體的尺寸也是很重要的。如果重點是圖片的話,文字千萬不要太大,容易喧賓奪主。
下圖就是一個反例,因為文字部分已經(jīng)完全影響了畫面,成為了重點。但是不這么做,小編會死的很慘,原因是什么你懂的。
這里給大家提供一個比較巧妙的方法。如果不想文字太過顯眼可以讓字順著圖片走去描輪廓線。也就是文字繞著物體的輪廓線排布。可以給畫面增添活力,又不會太過張揚。
3. 圖片與文字的顏色組合:注意和背景的搭配
適當(dāng)?shù)氖褂妙伾茏寛D片更加生動,多維化。但是對于字體顏色的使用需要克制,使用太多顏色會讓人眼花抓不到重點。
比如添加白色文字,看起來效果還不錯是不是?
但如果把顏色換成和圖片顏色互補和相近的顏色,是不是一下子就感覺生動立體了很多?有了更多活力感,讓人眼前一亮。
如果你想不好顏色搭配,可以參考我們之前推送的『三分鐘帶你入門極簡色彩學(xué)』。
比如說刺激的互補色,也就是傳說中的撞色,經(jīng)常會有一些非常奇妙的效果:
以及分散互補色,也就是兩個相鄰色配一個互補色。
三角對立配色:
如果你懶得搭配,那么請看下一條。
4. 壓箱底的絕招:黑白噪點壓大字,高端貴氣上檔次
如果你上面那些都懶得細(xì)想,那請你直接看這一條。
這是隨便找的一張圖,是號稱最符合人機工程的椅子,但是圖片毫無美感可言吧?
套用一個黑白濾鏡,再加上一段文字,是不是看起來舒服很多?是不是感覺自己瞬間文藝高大上了?
總的來說,不論什么時候,黑白噪點壓大字是不會出錯的。
最后,給大家安利一款圖片加字的App叫Camu(雖然他們并沒有給我廣告費),優(yōu)點主要是:
界面簡潔美觀,操作交互順手
濾鏡、文字效果好并且支持中文
支持iOS和安卓
誰用誰知道。當(dāng)然,同類型的軟件有很多,而且每個人使用習(xí)慣都不一樣,還是那句話,合適的才是最好的。