前言
在版式設計中，圖片作為畫面中重要的元素起到了舉足輕重的作用。一個好的攝影圖會為畫面增色許多。同樣的版式佈局，你離高手的距離也許只差一張好圖。本期我們就來探討一下如何選圖，如何將圖片素材運用到好處。
& 好的圖片都有其基本標準，這三個要素屬於好圖的基本標準，當然還有其他的標準，這裡重點講這三點。更多的期待我們一起探討。
——
上圖的美女圖本身是一張優質的攝影圖，時尚美麗。當我們把清晰度降低之後，特別是到馬賽克階段的時候，質量可謂大打折扣，當然放在設計畫面中也是很不適合的。
邊距
左圖中獅子的鼻子已經挨著邊緣，這樣也是不完整的圖片，會造成左邊空間的擁擠。如果一個圖片有明確指向的話，所指方向的空間都要相對大一些，呼吸感會更好，而且更有故事性。
頭頸肩
上圖中乍一看沒有毛病，其實學過素描知識的朋友都知道畫頭像或者半身像的時候，頭頸肩關係是至關重要的。萬萬不可省略，會給人事物不完整的感覺，形成視覺上的不適感。
圖片主體
對比後發現上圖主體的殘缺造成了畫面的不完整性。包括對一個完整圖片裁切的時候也要切忌主體的完整性。
畫面的平衡性決定了畫面最終呈現的效果。這裡著重探討圖片本身的平衡性與平衡性在版式設計中的重要作用。
色彩 >>
圖中冷色與暖色的對比，用低明度的藍色與低明度的膚色形成了一個平衡的畫面。色彩飽和度偏低，四角壓暗的部分有一種電影的視角。
色彩/空間 >>
高明度的色彩對比，畫面平衡和諧。傳達出清新文藝的氣息。遠近的對比，遠景模糊與近景清晰，符合現實的視覺感受，拉開了畫面的空間感。
角度/方向 >>
圖中採用了俯視的視覺去羅列五穀雜糧。這樣的視角與常規視角形成很好的對比，趣味性十足，物品的擺放方向也是形成了對比性與一致性，具備很好的平衡性。
單色相 >>
一輪血紅的圓月懸掛天際，漆黑的環境，營造了一種特殊的效果，感覺如狼人變身，如吸血鬼來臨等等。這種但色相的對比往往用於突出某個主體，在版式設計中也往往能出不錯的視覺效果。
剪影 >>
遠處的天空與近處人物的剪影形成了一個很好的對比。這種對比手法常用作青春系列，懷舊系列。主要用作追憶的情景，引發人的共鳴，或忘事，或青春，或愛戀。
圖片的種類有很多種，優質的圖片也是不計其數。當我們接到一個項目的時候應該選擇什麼樣的圖片比較合適？
答：符合項目調性的圖片。
下面我根據一個實例探討一下如何根據圖片變換版式。如何用逆向思維根據圖片本身的氣質去佈局版式設計。
接到一個項目，先要仔細分析文案信息。提煉出信息中的關鍵詞：紅酒/葡萄/南澳/品質等。（我個人經常在攝圖網上去找圖，此處不是廣告。）
篩選出這幾種圖片，有深色系，淺色系，統一的色調與對比的色調。接下來就是對圖片進行巧妙的運用。看看不同的圖片對我們的版式設計會有什麼樣的視覺感受。
單色相
——
上圖在氣質上偏向於復古與歷史感。如標題所述的含義比較一致。設計手法上可以傾向於單色相對比的手法去展開設計。
主標題
上帝創造世界的時候，他第一句話說的其實是“要有西拉子”
( 襯線體氣質偏向於文化，古典類，這裡就選用了華文中宋）
( 主信息被分成了三行，“要有西拉子”作為一級主體所佔比例最大。但是這樣仍然有一些生硬。接下來讓其再次對比變化）
( “要有西拉子”運用錯位的方式增加主體靈活度，另複製一個與其產生虛實與大小對比，更好的拉開空間，既能很好的彌補錯位後空間的失衡，又能深化主題。）
( 這一步用顏色對比的方式深化層級，選用酒紅色不言而喻。紅酒嘛，對應主題。）
圖片位置關係
——
圖片在版面中所佔比例為1.618:1（黃金比例），當然也可以採用其他數學比例。這是不限定的，根據版面而定。
網格系統規範
——
運用網格系統進一步規範確定各層級負空間的比例關係（一般比例關係為整數倍最佳）。
完善裝飾元素
——
把裝飾類的元素，如logo，小圖標等放在相應的位置並用網格系統規範好比例。
去色
——
在開頭我們就講到了這個圖片本身傳達的氣質，選擇用偏單色相的方式去設計。主標題的酒紅色與圖片形成很好的對比性。
嵌入圖片
——
把圖片按照合適的方式裁切，放置在畫面中，裁切的時候儘量保證主體明確，圖片中層級明確一些，如此張圖，不要裁切的都是小桶或者都是大桶。拉不開空間，好圖也會裁切成普通的素材。
色彩搭配
——
最後一步，用明度稍低的土黃色去深化整個畫面的氣質。“要有西拉子”虛字部分調整為亮白色。
色彩
——
上圖的整體色調偏暗色系，明暗對比，色彩的互補對比都相得益彰。畫面調性為典雅，沉穩。設計的色彩搭配可與圖片本身保持一致。
圖片位置比例
——
圖片在上下位置上正好在九宮格的視覺重心與黃金分割點，確定了圖片的位置空間。
網格系統規範
——
運用網格系統進一步規範確定各層級的位置佈局。
色彩搭配
——
採用事先從圖片上提取的色彩搭配背景與字體的色彩，色調上統一和諧。原來紅色小字 ”要有西拉子“ 根據需要去除，更為簡約。
角度
——
圖1圖2都是特殊視角的圖片，諸如此類圖往往會傳達出趣味與新鮮性，給人耳目一新的感覺。兩個都比較合適，暫且選擇圖1展開設計。
圖片位置比例
——
圖片在上下位置上正好在九宮格的視覺重心，圖片橫向所佔比例為2:1，確定了圖片的位置空間。
網格系統規範
——
運用網格系統進一步規範確定各層級的位置佈局。
延展元素置入
——
延展的圖形分別放置在相應的位置，可以加強元素之間的聯繫性。
色彩搭配
——
由於圖片本身的顏色比較柔和，吸取圖片上的過渡色作為背景色，主體字用統一的色系就行（雖然這個方法有點老套，但是卻是比較實用，特別對於新手設計師而言，方向不會跑偏）。
總結
本章節分享圖片本身的氣質在版式設計中的具體運用。當我們沒有思路時是否可以逆向思維，巧妙運用圖片去“破局”呢。希望本次分享能給到朋友們多一條思路。
閱讀更多 詩人聊設計 的文章
