分享，設計中關於圖片的運用

圖片在版面中的優先順序相當高，相對於文字信息來說，

人們的視線會首先被圖片信息所吸引。

所以篩選優質的圖片素材對於設計師來說是一項必須具備的技能。

好的圖片素材，能夠激發人們購買商品的慾望。

不同的照片所傳遞出的味道各不相同，我們需要根據項目的實際需求，

選擇正確的符合項目氣質的圖片素材，那麼該如何理解圖片所傳遞出的味道呢，

我們可以從以下四個方面去分析照片的氣質。

下面我們通過為項目定位關鍵詞的方式，進而篩選符合項目需求的圖片信息。

同時也可以根據項目的氣質調性選擇與之搭配的字體。

這裡我們僅以心理學中人們對不同色彩與線條的不同感受和人們對照片的共同印象來分析照片所傳遞出的情感與味道。在解說中會盡量使用客觀的固有情感關鍵詞。如「雅緻」「年輕」「成熟」它們是人們在一定程度上的共同感覺，而避免出現主觀情感的辭彙。但不管怎麼說，每個人隨著年齡，宗教和成長環境的不同，所理解的感覺也可能會略有偏差。

因為圖片信息在版面中面積的大小與形狀都會影響到畫面的整體氣質，這裡為了排除這些影響，以下案例部分，均採用出血型構圖（在圖片上添加文字的版面）。

在圖庫網站中分別搜索我們定位的關鍵詞，通過瀏覽粗略的選擇美觀度與畫面氣質均符合要求的幾組照片。接下來我們將收集好的照片羅列在下方，繼續篩選分析出一個與項目氣質調性相符合的照片素材作為主畫面。

1、這張照片具有男性的穩重與深沉，但是偏年輕化和商務的氣質，與我們的定位還不夠符合。

2、這張照片運用了黑色調的氛圍與人物的側身剪影，傳達出的格調感很強。但是缺少紳士的氣質。

3、這張照片中的老人給人感覺是穩重的，成熟中又含有紳士氣質，符合我們的定位要求。

4、這張照片的男人同樣屬於成熟的感覺，但是從色彩和氣質上卻給人偏向時尚的味道。

根據以上分析，我們篩選出了這張照片作為畫面的主體，這張照片里的老人有一種穩重、成熟、深沉等紳士的味道，包括整體人物的裝扮與整體的氣質，加上黑色調的氛圍，這些就格外增添了整體的高級感。

人物臉部佔據畫面的比例叫面孔率，面孔率高的照片會更加給人信任和理智的印象，反之，面孔率底的照片，會更加凸顯模特的身體特徵。對於想傳遞成熟穩重印象的版面來說，選擇面孔率高的畫面更加適合。分析畫面的構圖得知，這張畫面的構圖是正三角形的結構，這種構圖解構也會給人穩定的心理感受。

對於照片來說，不光是拍攝的內容會影響到畫面傳遞出的氣質調性，畫面中的色彩同樣會影響一張照片的味道。我們選擇的這張照片屬於黑白影調，明暗對比強烈，低明度的色彩會給人有格調有品質的印象。

Garamond是一款非常經典的襯線字體，也是文藝復興襯線字體的代表，字體優美清晰，雅緻莊重、筆畫寬度有著細微的差別，纖細的字腳和頭髮似的細線構成了明快暢亮的調子，圓弧形襯線過渡流暢自然。

如果畫面要搭配拉丁字母的話，我們就可以選用文化與格調屬性的Garamond字體。這樣圖片的味道與字體的味道就完全吻合，會出現1+1＞2的效果。

如果喜歡這張照片，可以在這裡下載圖片小樣

1、這張照片整體散發出時尚的味道，也給人具有格調的感覺，但潮流與奢華的氣質欠佳。

2、這張照片給人偏潮流的時尚印象，同時，黑色的背景也為主體添加了奢華昂貴與高格調的氛圍。

3、這張照片有些過於時尚了，雖然藝術效果強烈，但由於太過超前，與潮流疏遠，和我們的定位不符。

4、這張照片同樣給人時尚的感覺，但是偏向年輕與活力，與我們的關鍵詞不符。

我們選擇編號2的這張照片作為項目的主形象畫面，這張照片中，男女模特以居中的布局出現在畫面當中，具有時尚、經典與潮流的印象。黑色的背景與灰色調的膚色共同烘託了畫面的高端氛圍。

左圖的畫面中男女模特頭部的面積佔據了畫面三分之二，運用了九宮格的構圖方式，這裡因為主體佔據面積過大，沒有為文字預留足夠的空間，右圖，我們修改畫面的比例以適應版面。

色彩方面，畫面整體色彩簡約直觀，黑色佔據著大面積的背景區域，棕色的出現讓人聯想到歷史和有格調的印象。

Caslon是一款非常經典的巴洛克襯線體，巴洛克風格講究的是極強的雕刻裝飾性與奢華浮誇的風格，Caslon字體的筆畫清晰、優雅，具有較大的X高度，升部與降部比較短，作為主標題來表現在識別性與大氣程度上都會有非常出色的效果。

添加Caslon會是什麼樣呢？ 畫面中添加Caslon字體後，畫面的整體氣質統一，時尚潮流的屬性得到了進一步的提升。

如果喜歡這張照片，可以在這裡下載圖片小樣

1、這張照片中，男模特穿著得體，儀錶端莊，具有簡約的印象，但是不夠休閑。

2、這張照片給人的印象是有格調的，但是這個格調更加偏向時尚的屬性，缺少雅緻感。

3、這張照片同樣具有格調的印象，同時也具有復古風格與戲劇性的傾向。與關鍵詞不符合。

4、畫面中人物以特殊視角呈現，灰色的色調與畫面中簡練的線條，都傳遞出了有格調的印象。

我們選擇上述提到的編號4，這張照片中的色調偏暗，整體傳遞出時尚、前衛的氣質。畫面中男模特著裝休閑自然，以側身的角度拍攝，背景乾淨間接，非常具有格調。與我們之前的氣質定位相符合。

左圖，原照片的型材略微瘦長，我們為了適應版面要求，通過裁剪的形式改變照片素材的比例關係，通過縮小人物再畫面中的位置，為文字的添加預留足夠的空間。畫面中人物的高度規範再畫面1：4的位置。頭部的高度與頂部留白的面積相等，人物臉部佔據了整個畫面的1：1.414的位置。

無彩色系會給人冷靜，具有格調的印象，畫面整體以暗色為主要色調，給人神秘不可接近的距離感與高端氣質。

DIN字體最早應用於德國的高速公路，是幾何形無襯線字體，豎向筆畫偏直，因此加大了文字之間的間隔，使得在小字型大小下具有很高的視覺辨識性。工業風格造型與簡潔的線條給人理性和現代的感覺，沒有明顯個性，是適合各個領域的通用型字體。

根據以上分析，我們添加DIN字體與畫面相搭配，作為幾何化無襯線體，簡約的線條與中性的造型，與畫面結合并不會影響原有的氣質屬性。

如果喜歡這張照片，可以在這裡下載圖片小樣

1、這個畫面中，模特留著鬍鬚雖然會給人成熟的印象，但是畫面整體卻傳遞出的是年輕與活力。

2、這個畫面，模特給人成熟的感覺，衣裝得體，又不失時尚的味道。暗色調的背景給人沉穩的意向。

3、這張照片中，模特以正視的視角拍攝，雖然會有成熟的印象，但是與其他照片相比多少有些呆板。

4、這張照片中，商業的味道大於成熟與穩重，並且缺少時髦的氣質。與我們定位的關鍵詞不符合。

選擇編號2作為項目的主體畫面，照片中展現的是一位深沉的男性，給人成熟穩重的印象，偏暗的色調更加深了畫面的品質感與沉穩的氣質。

左圖中人物的位置佔據了畫面的大部分面積，人物的面孔率偏低，展示的是模特的動作與身體特徵。右圖，為了給文字提供添加的空間，這裡將人物頭部向右移動至四分之三的位置。

這張照片的色彩偏暗，襯托出了人物自然的膚色和衣服的色彩。厚重富有魅力，給人高級、沉穩、厚重的心裡感受。

漢儀旗黑屬於現代型黑體，相當於西文中的無襯線體。具有諸多字體家族，豐富的字重有助於在設計時保證視覺均衡。字體採用類似西文字體的理論，假設讀者以文字內白為識別依據，將內部中宮框大處理。以達到更高的識別效果。

西文字體的氣質與中文是相通的。我們搭配與之氣質相符合的現代風格黑體，使畫面味道達到了統一。

如果喜歡這張照片，可以在這裡下載圖片小樣

1、這張照片中，模特整體氣質給人偏向時尚文藝的感覺。與關鍵詞中的精緻、雅緻不符合。

2、這張照片中，女模特以正視的角度拍攝。人物造型優雅明快，但是格調感稍微欠佳。

3、這張照片整體給人雅緻的文藝范氣息，灰色的背景氛圍烘托出了雅緻與有格調的印象。

4、畫面中人物整體給人文藝的氣質，但更加偏向男性粗獷印象。缺少精緻感與雅緻的氛圍。

我們選擇編號3的這張照片作為項目的主形象畫面，畫面中，女模特的整體氣質給人雅緻的氛圍，以及簡約現代的格調。主體人物以側身的的姿勢回望，使得畫面不會太過呆板，四周寬闊簡單的留白，為畫面帶來了呼吸的空間。

左圖人物線條清晰鮮明，佔據畫面中的面積稍大，為了預留足夠的空間放置文字信息，右圖縮小畫面的主體，頭部與畫面留白比為2:1的位置。

灰色佔據畫面中的大面積區域，是整個畫面的主色調。灰色調會給人雅緻、憂鬱、高檔、田園等意像。非常符合我們定位的關鍵詞。

思源宋體是 Adobe 聯合 Google 共同研發的開源字體，屬於現代宋體字形。與西文的襯線體類似，具有從極細到粗黒的不同字重。標題與正文均可適用。相對於傳統宋體來說，現代類型宋體中宮較大，筆畫輪廓簡潔銳利，在小字型大小下具有更好的識別性。

我們搭配同樣氣質的現代型宋體後，在傳遞信息的同時，畫面的原有氣質並沒有遭到破壞，而是與字體的氣質和諧統一。

如果喜歡這張照片，可以在這裡下載圖片小樣

人們在閱讀時，圖片、字體和色彩等信息也會一同被眼睛所接收。

而這些模糊的印象會下意識的形成不同的心理感受。

作為設計師，我們需要主動控制畫面所傳遞出的氣質，看完了本期的內容，

相信大家一定已經了解了圖片的味道在版面中的重要性，

也希望大家在今後的設計過程中多去體會與注意。

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