如何給作品配圖？

轉自：站酷海洛創意

很多設計師認為配圖只是隨便找個圖片搭配一下就好了，沒什麼難度，其實配圖是有很多講究的。毫不誇張的說，毫不誇張地說把配圖作為圖片設計中最核心的部分也不為過。

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

根據我平時工作和教學中遇到的一些問題，總結出了一些配圖過程中用到的一些小技巧和常犯的錯誤，下面我就從清晰度、合適性、統一性三個方面具體講一下配圖方面的知識。

一、清晰度

在配圖應用中有一個點更是很多設計師都會自動忽略的部分，那就是圖片的清晰度。不管素材清晰度的好壞就直接應用到畫面里，這種做法會讓圖片的整體檔次直接降低很多，即便你做的版式再好看，排版再合理，也都於事無補。所以平時應用素材的時候一定要滿足最基本的清晰條件。高清圖片搜集渠道當然是站酷的海洛創意，我們下面所用到的所有圖片均來自海洛創意。

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

清晰自然是清晰度較好的圖片，能夠看清圖片的細節內容；模糊是一種人為的圖片處理效果，是一種設計表現手段；而低像素是由於圖片解析度過低導致的過渡像素不豐富，是最不提倡使用的圖片形式。舉個例子：同樣是在1cm2的體積內表現黑白，如果只有兩個像素就是黑到白的直接過渡，而如果有十個像素則會是從黑色—深灰—灰—淺灰—白色的柔和過渡。

比起直接過渡，柔和過渡對圖片的表達會更飽滿，細節會更多，這也是為什麼我們要用儘可能大解析度圖片的原因，我們通常所說的圖片解析度其實就是指某一特定尺寸內所包含的像素數量的多少，拿顯示器常用的解析度1920X1080來說，1920指的是橫向尺寸內的像素數量，1080是指豎向尺寸內的像素數量，那麼整個顯示器所顯示的像素數量就是1920X1080個，所以當我們把顯示器解析度調到1280X720，桌面的圖標和文字會變大，但是精度會變差，就是同等單位里的像素數量變少了，過度生硬了，所以圖片應用中，我們也要儘可能去找同一單位像素數量內解析度更大的圖片。

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

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

二、合適性

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

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

1、中心擺放

中心擺放多適用於圖形展示、產品展示、對稱物展示等追求平衡性和規範性的畫面中，體現穩重感。針對於左右、上下的空間距離有一定的約束。

2、非中心擺放

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

三等分的應用不要太過死板，要靈活對待，這種擺放形式針對於體現側面感、衝擊力、運動性等配圖有很好的視覺效果，是最為合適的表達形式。

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

首先是具有運動軌跡的配圖，從下方三張圖片去分析：

圖的摩托車沒有完全進入畫面，有明確的方向軌跡，讓畫面的延續性和故事性變的更好。

圖摩托車全部都在畫面中，對於運動性畫面來說缺少衝擊力，但是有相對的平穩感；

圖摩托車已經衝出畫面，擁有絕對的速度感，但對於前方道路的未知感會增加一定的緊張氛圍。

所以對於運動中的配圖，選擇什麼樣的位置去展示是需要針對要做的圖片主題去做思考的。

其次是視線方向，針對於具有明確視線方向的配圖，在應用中要盡量讓視線所看到的方向多預留一些空間，這樣才能讓視線的延展和引導性得到更大的發揮，下圖為例：

圖視線所看方向有大量空白，擁有足夠的引導空間，讓畫面有很好的延續性，最為合理。

圖視線前方沒有空白，引導不足，視覺感受是一下斷掉的，穩定性是有了，但是不夠舒展。

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

3、大面積場景的配圖

對於擁有大面積場景的配圖，在空間關係上還要注意表達的主題，是要表達環境為主、綜合為主還是主體為主，每一個不同大小的主體與環境關係，都會影響到觀者的視覺感官，是要做好判斷的,下圖為例：

圖主要以環境展示為主，人物為輔，畫面的主導是環境，思考點以環境為主——這是什麼地方。

圖人物與環境融合展現，沒有特別的畫面主導，思考點以整體為主——他在這裡做什麼。

圖主要以人物特寫為主，環境為輔，畫面主導是人物，思考點以人物為主——他要幹什麼。

4、與產品相關的配圖

與產品相關的配圖應用中，我們還要從要表達的主題方向去尋找配圖類別，不能盲目的只追求效果上的好看，而忽略了要表達的本質，比如當前圖片的目的是以展示產品外觀為主，就盡量選擇能夠清晰展示全貌的配圖，而不要使用太過細節或體現功能效果的圖片，那些圖片是比單一產品要好看，但並不是適合當前需求的圖片。

另外在給已經搭建好整體風格的圖片做配圖時更要注意圖片在當前風格中是不是合適的，再美觀的配圖，如果跟整體畫面的風格不搭調就會讓畫面變了性質，感覺差不多就將就使用，這是很多設計師最不好的一種配圖習慣。

三、統一性

配圖的應用一定要有明確的統一性，尤其是多個配圖排列擺放的時候，圖片搭配的不統一，會讓整個畫面的感覺非常隨意，沒有美感。

1、角度統一

如果有半數以上配圖的角度是統一的，就盡量讓其他配圖也是同一角度。

2、大小與高低統一

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

3、風格統一

即便角度、大小、高低都符合要求，但是不一樣的風格圖片也會讓搭配變的彆扭。

4、顏色統一

如果應用的配圖的顏色有太大的差異，要盡量把色調統一，如果不是很好統一，就都變為黑白或者單色應用。

5、整體與細節統一

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

最後我們來總結一下，通過以上的學習，我們了解到了什麼樣的圖片算是清晰的圖片，圖片的擺放技巧，選擇圖片的技巧以及如何做到配圖的整體統一。配圖和配色排版是一樣的，也需要多觀察多思考多練習。

最後的最後，我有一段話想送給一部分設計師，這部分設計師沒有很好的思維方式和設計能力，但是很喜歡追求效果，想把圖片做的高端大氣上檔次，但是大部分時候這是一種「自不量力」，我們高估了自己的水平，而這種高估會毀了整張圖片，甚至一個設計師的信心。我堅信設計始終是要先會設計再會技法。希望大家在設計的過程中多去思考你做了這一步會給瀏覽者帶來什麼影響，會不會讓人產生歧義等，多問下自己這樣是否合理。有時候，盲目追求效果，不如先從最樸實的一些基礎思維和正確方法入手，讓自己的圖片「先不錯、再不錯」。、

-----圖片來源於網路

查看上一期文章：【PS給明星外景照片調出室外陽光效果圖】

小冊子教程 關注微信號 ibooklet

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！