干貨！如何給作品配圖！清晰度？合適性？統(tǒng)一性？

你找的圖片真的合適嗎？你有思考過(guò)配圖的合理性嗎，比如圖片是否清晰（什么樣的圖片算作清晰）、圖片的大小和位置、是否和所處的環(huán)境匹配、是否做到了整體的統(tǒng)一等。

根據(jù)我平時(shí)工作和教學(xué)中遇到的一些問(wèn)題，總結(jié)出了一些配圖過(guò)程中用到的一些小技巧和常犯的錯(cuò)誤，下面我就從清晰度、合適性、統(tǒng)一性三個(gè)方面具體講一下配圖方面的知識(shí)。

一、清晰度

在配圖應(yīng)用中有一個(gè)點(diǎn)更是很多設(shè)計(jì)師都會(huì)自動(dòng)忽略的部分，那就是圖片的清晰度。不管素材清晰度的好壞就直接應(yīng)用到畫(huà)面里，這種做法會(huì)讓圖片的整體檔次直接降低很多，即便你做的版式再好看，排版再合理，也都于事無(wú)補(bǔ)。所以平時(shí)應(yīng)用素材的時(shí)候一定要滿足最基本的清晰條件。高清圖片搜集渠道當(dāng)然是站酷的海洛創(chuàng)意，我們下面所用到的所有圖片均來(lái)自海洛創(chuàng)意。

清晰度在圖片里有三種表現(xiàn)形式 —— 清晰、模糊、低像素。

清晰自然是清晰度較好的圖片，能夠看清圖片的細(xì)節(jié)內(nèi)容；模糊是一種人為的圖片處理效果，是一種設(shè)計(jì)表現(xiàn)手段；而低像素是由于圖片分辨率過(guò)低導(dǎo)致的過(guò)渡像素不豐富，是最不提倡使用的圖片形式。舉個(gè)例子：同樣是在1cm2的體積內(nèi)表現(xiàn)黑白，如果只有兩個(gè)像素就是黑到白的直接過(guò)渡，而如果有十個(gè)像素則會(huì)是從黑色—深灰—灰—淺灰—白色的柔和過(guò)渡。

比起直接過(guò)渡，柔和過(guò)渡對(duì)圖片的表達(dá)會(huì)更飽滿，細(xì)節(jié)會(huì)更多，這也是為什么我們要用盡可能大分辨率圖片的原因，我們通常所說(shuō)的圖片分辨率其實(shí)就是指某一特定尺寸內(nèi)所包含的像素?cái)?shù)量的多少，拿顯示器常用的分辨率1920X1080來(lái)說(shuō)，1920指的是橫向尺寸內(nèi)的像素?cái)?shù)量，1080是指豎向尺寸內(nèi)的像素?cái)?shù)量，那么整個(gè)顯示器所顯示的像素?cái)?shù)量就是1920X1080個(gè)，所以當(dāng)我們把顯示器分辨率調(diào)到1280X720，桌面的圖標(biāo)和文字會(huì)變大，但是精度會(huì)變差，就是同等單位里的像素?cái)?shù)量變少了，過(guò)度生硬了，所以圖片應(yīng)用中，我們也要盡可能去找同一單位像素?cái)?shù)量?jī)?nèi)分辨率更大的圖片。

在特意使用模糊一些的圖片的時(shí)候，很多人分辨不出模糊效果和低像素圖片，其實(shí)區(qū)分它們的最直觀方式是查看色塊連接處有沒(méi)有明顯的色彩溢出，模糊圖片色塊銜接處的過(guò)度效果均勻，沒(méi)有很明顯的溢出感，而低像素的圖片在兩個(gè)不同色系的連接處會(huì)有非常生硬的色彩溢出，過(guò)度非常生硬——第二個(gè)圖有明顯的深藍(lán)色溢出。

不過(guò)在實(shí)際圖片應(yīng)用中也會(huì)出現(xiàn)一些低像素但是確實(shí)好看的素材，使用這些圖片的時(shí)候我們要盡量使用原始尺寸或縮放尺寸，盡量不要放大應(yīng)用，尤其是在背景處理中，不要一根筋的非要全部都呈現(xiàn)，我們可以結(jié)合分割效果去應(yīng)用，或者做大數(shù)值的模糊處理配合一些壓暗或紋理疊加等效果使用。

二、合適性

選擇清晰的圖片，只是應(yīng)用好配圖的第一步，我們不能只滿足于尋找到了一個(gè)高清的圖片，還要去考慮這個(gè)圖片在畫(huà)面中的位置，大小，角度等合適性的問(wèn)題。

配圖比較常用到的擺放形式有兩種，中心擺放和非中心擺放。

1、中心擺放

中心擺放多適用于圖形展示、產(chǎn)品展示、對(duì)稱物展示等追求平衡性和規(guī)范性的畫(huà)面中，體現(xiàn)穩(wěn)重感。針對(duì)于左右、上下的空間距離有一定的約束。

2、非中心擺放

非中心擺放常借助九宮格形式或三等分線來(lái)完成，把主要的元素集中到三等分線的交界處，讓空間變的靈活，讓畫(huà)面不呆滯，有一定畫(huà)面的延展性。

三等分的應(yīng)用不要太過(guò)死板，要靈活對(duì)待，這種擺放形式針對(duì)于體現(xiàn)側(cè)面感、沖擊力、運(yùn)動(dòng)性等配圖有很好的視覺(jué)效果，是最為合適的表達(dá)形式。

非中心擺放中有兩種配圖形式是需要特別重視的，具有運(yùn)動(dòng)軌跡的配圖和具有明確視線方向的配圖。

首先是具有運(yùn)動(dòng)軌跡的配圖，從下方三張圖片去分析：

圖①的摩托車沒(méi)有完全進(jìn)入畫(huà)面，有明確的方向軌跡，讓畫(huà)面的延續(xù)性和故事性變的更好。

圖②摩托車全部都在畫(huà)面中，對(duì)于運(yùn)動(dòng)性畫(huà)面來(lái)說(shuō)缺少?zèng)_擊力，但是有相對(duì)的平穩(wěn)感；

圖③摩托車已經(jīng)沖出畫(huà)面，擁有絕對(duì)的速度感，但對(duì)于前方道路的未知感會(huì)增加一定的緊張氛圍。

所以對(duì)于運(yùn)動(dòng)中的配圖，選擇什么樣的位置去展示是需要針對(duì)要做的圖片主題去做思考的。

其次是視線方向，針對(duì)于具有明確視線方向的配圖，在應(yīng)用中要盡量讓視線所看到的方向多預(yù)留一些空間，這樣才能讓視線的延展和引導(dǎo)性得到更大的發(fā)揮，下圖為例：

圖①視線所看方向有大量空白，擁有足夠的引導(dǎo)空間，讓畫(huà)面有很好的延續(xù)性，最為合理。

圖②視線前方?jīng)]有空白，引導(dǎo)不足，視覺(jué)感受是一下斷掉的，穩(wěn)定性是有了，但是不夠舒展。

圖③以在眼睛前方直接阻斷畫(huà)面，是在配圖中最為禁忌的一種表現(xiàn)類型。

3、大面積場(chǎng)景的配圖

對(duì)于擁有大面積場(chǎng)景的配圖，在空間關(guān)系上還要注意表達(dá)的主題，是要表達(dá)環(huán)境為主、綜合為主還是主體為主，每一個(gè)不同大小的主體與環(huán)境關(guān)系，都會(huì)影響到觀者的視覺(jué)感官，是要做好判斷的,下圖為例：

圖①主要以環(huán)境展示為主，人物為輔，畫(huà)面的主導(dǎo)是環(huán)境，思考點(diǎn)以環(huán)境為主——這是什么地方。

圖②人物與環(huán)境融合展現(xiàn)，沒(méi)有特別的畫(huà)面主導(dǎo)，思考點(diǎn)以整體為主——他在這里做什么。

圖③主要以人物特寫(xiě)為主，環(huán)境為輔，畫(huà)面主導(dǎo)是人物，思考點(diǎn)以人物為主——他要干什么。

4、與產(chǎn)品相關(guān)的配圖

與產(chǎn)品相關(guān)的配圖應(yīng)用中，我們還要從要表達(dá)的主題方向去尋找配圖類別，不能盲目的只追求效果上的好看，而忽略了要表達(dá)的本質(zhì)，比如當(dāng)前圖片的目的是以展示產(chǎn)品外觀為主，就盡量選擇能夠清晰展示全貌的配圖，而不要使用太過(guò)細(xì)節(jié)或體現(xiàn)功能效果的圖片，那些圖片是比單一產(chǎn)品要好看，但并不是適合當(dāng)前需求的圖片。

另外在給已經(jīng)搭建好整體風(fēng)格的圖片做配圖時(shí)更要注意圖片在當(dāng)前風(fēng)格中是不是合適的，再美觀的配圖，如果跟整體畫(huà)面的風(fēng)格不搭調(diào)就會(huì)讓畫(huà)面變了性質(zhì)，感覺(jué)差不多就將就使用，這是很多設(shè)計(jì)師最不好的一種配圖習(xí)慣。

三、統(tǒng)一性

配圖的應(yīng)用一定要有明確的統(tǒng)一性，尤其是多個(gè)配圖排列擺放的時(shí)候，圖片搭配的不統(tǒng)一，會(huì)讓整個(gè)畫(huà)面的感覺(jué)非常隨意，沒(méi)有美感。

1、角度統(tǒng)一

如果有半數(shù)以上配圖的角度是統(tǒng)一的，就盡量讓其他配圖也是同一角度。

2、大小與高低統(tǒng)一

同一主體的多種展示或帶有明顯視線的圖片中，我們可以使用兩個(gè)參考線來(lái)約束兩個(gè)所有配圖都共有的位置，比如人物的眼睛部分和嘴巴部分分別在一條線上。

3、風(fēng)格統(tǒng)一

即便角度、大小、高低都符合要求，但是不一樣的風(fēng)格圖片也會(huì)讓搭配變的別扭。

4、顏色統(tǒng)一

如果應(yīng)用的配圖的顏色有太大的差異，要盡量把色調(diào)統(tǒng)一，如果不是很好統(tǒng)一，就都變?yōu)楹诎谆蛘邌紊珣?yīng)用。

5、整體與細(xì)節(jié)統(tǒng)一

如果要用到的配圖已經(jīng)固定，且其中有展示細(xì)節(jié)部分的圖片，哪怕只是一張，其他整體展示的圖片要盡量迎合著做細(xì)節(jié)展示，畢竟整體的圖可以放大展示細(xì)節(jié)，但是細(xì)節(jié)的圖沒(méi)辦法縮小去展示整體。

最后我們來(lái)總結(jié)一下，通過(guò)以上的學(xué)習(xí)，我們了解到了什么樣的圖片算是清晰的圖片，圖片的擺放技巧，選擇圖片的技巧以及如何做到配圖的整體統(tǒng)一。配圖和配色排版是一樣的，也需要多觀察多思考多練習(xí)。

最后的最后，我有一段話想送給一部分設(shè)計(jì)師，這部分設(shè)計(jì)師沒(méi)有很好的思維方式和設(shè)計(jì)能力，但是很喜歡追求效果，想把圖片做的高端大氣上檔次，但是大部分時(shí)候這是一種“自不量力”，我們高估了自己的水平，而這種高估會(huì)毀了整張圖片，甚至一個(gè)設(shè)計(jì)師的信心。我堅(jiān)信設(shè)計(jì)始終是要先會(huì)設(shè)計(jì)再會(huì)技法。希望大家在設(shè)計(jì)的過(guò)程中多去思考你做了這一步會(huì)給瀏覽者帶來(lái)什么影響，會(huì)不會(huì)讓人產(chǎn)生歧義等，多問(wèn)下自己這樣是否合理。有時(shí)候，盲目追求效果，不如先從最樸實(shí)的一些基礎(chǔ)思維和正確方法入手，讓自己的圖片“先不錯(cuò)、再不錯(cuò)”。