海洛創(chuàng)意：圖片的味道

圖片在版面中的優(yōu)先級(jí)相當(dāng)高，相對(duì)于文字信息來(lái)說(shuō)，

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

所以篩選優(yōu)質(zhì)的圖片素材對(duì)于設(shè)計(jì)師來(lái)說(shuō)是一項(xiàng)必須具備的技能。

好的圖片素材，能夠激發(fā)人們購(gòu)買商品的欲望。

不同的照片所傳遞出的味道各不相同，我們需要根據(jù)項(xiàng)目的實(shí)際需求，

選擇正確的符合項(xiàng)目氣質(zhì)的圖片素材，那么該如何理解圖片所傳遞出的味道呢，

我們可以從以下四個(gè)方面去分析照片的氣質(zhì)。

下面我們通過(guò)為項(xiàng)目定位關(guān)鍵詞的方式，進(jìn)而篩選符合項(xiàng)目需求的圖片信息。

同時(shí)也可以根據(jù)項(xiàng)目的氣質(zhì)調(diào)性選擇與之搭配的字體。

這里我們僅以心理學(xué)中人們對(duì)不同色彩與線條的不同感受和人們對(duì)照片的共同印象來(lái)分析照片所傳遞出的情感與味道。在解說(shuō)中會(huì)盡量使用客觀的固有情感關(guān)鍵詞。如“雅致”“年輕”“成熟”它們是人們?cè)谝欢ǔ潭壬系墓餐杏X(jué)，而避免出現(xiàn)主觀情感的詞匯。但不管怎么說(shuō)，每個(gè)人隨著年齡，宗教和成長(zhǎng)環(huán)境的不同，所理解的感覺(jué)也可能會(huì)略有偏差。

因?yàn)閳D片信息在版面中面積的大小與形狀都會(huì)影響到畫(huà)面的整體氣質(zhì)，這里為了排除這些影響，以下案例部分，均采用出血型構(gòu)圖（在圖片上添加文字的版面）。

在圖庫(kù)網(wǎng)站中分別搜索我們定位的關(guān)鍵詞，通過(guò)瀏覽粗略的選擇美觀度與畫(huà)面氣質(zhì)均符合要求的幾組照片。接下來(lái)我們將收集好的照片羅列在下方，繼續(xù)篩選分析出一個(gè)與項(xiàng)目氣質(zhì)調(diào)性相符合的照片素材作為主畫(huà)面。

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

2、這張照片運(yùn)用了黑色調(diào)的氛圍與人物的側(cè)身剪影，傳達(dá)出的格調(diào)感很強(qiáng)。但是缺少紳士的氣質(zhì)。

3、這張照片中的老人給人感覺(jué)是穩(wěn)重的，成熟中又含有紳士氣質(zhì)，符合我們的定位要求。

4、這張照片的男人同樣屬于成熟的感覺(jué)，但是從色彩和氣質(zhì)上卻給人偏向時(shí)尚的味道。

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

人物臉部占據(jù)畫(huà)面的比例叫面孔率，面孔率高的照片會(huì)更加給人信任和理智的印象，反之，面孔率底的照片，會(huì)更加凸顯模特的身體特征。對(duì)于想傳遞成熟穩(wěn)重印象的版面來(lái)說(shuō)，選擇面孔率高的畫(huà)面更加適合。分析畫(huà)面的構(gòu)圖得知，這張畫(huà)面的構(gòu)圖是正三角形的結(jié)構(gòu)，這種構(gòu)圖解構(gòu)也會(huì)給人穩(wěn)定的心理感受。

對(duì)于照片來(lái)說(shuō)，不光是拍攝的內(nèi)容會(huì)影響到畫(huà)面?zhèn)鬟f出的氣質(zhì)調(diào)性，畫(huà)面中的色彩同樣會(huì)影響一張照片的味道。我們選擇的這張照片屬于黑白影調(diào)，明暗對(duì)比強(qiáng)烈，低明度的色彩會(huì)給人有格調(diào)有品質(zhì)的印象。

Garamond是一款非常經(jīng)典的襯線字體，也是文藝復(fù)興襯線字體的代表，字體優(yōu)美清晰，雅致莊重、筆畫(huà)寬度有著細(xì)微的差別，纖細(xì)的字腳和頭發(fā)似的細(xì)線構(gòu)成了明快暢亮的調(diào)子，圓弧形襯線過(guò)渡流暢自然。

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

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

http://www.hellorf.com/image/184520954

1、這張照片整體散發(fā)出時(shí)尚的味道，也給人具有格調(diào)的感覺(jué)，但潮流與奢華的氣質(zhì)欠佳。

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

3、這張照片有些過(guò)于時(shí)尚了，雖然藝術(shù)效果強(qiáng)烈，但由于太過(guò)超前，與潮流疏遠(yuǎn)，和我們的定位不符。

4、這張照片同樣給人時(shí)尚的感覺(jué)，但是偏向年輕與活力，與我們的關(guān)鍵詞不符。

我們選擇編號(hào)2的這張照片作為項(xiàng)目的主形象畫(huà)面，這張照片中，男女模特以居中的布局出現(xiàn)在畫(huà)面當(dāng)中，具有時(shí)尚、經(jīng)典與潮流的印象。黑色的背景與灰色調(diào)的膚色共同烘托了畫(huà)面的高端氛圍。

左圖的畫(huà)面中男女模特頭部的面積占據(jù)了畫(huà)面三分之二，運(yùn)用了九宮格的構(gòu)圖方式，這里因?yàn)橹黧w占據(jù)面積過(guò)大，沒(méi)有為文字預(yù)留足夠的空間，右圖，我們修改畫(huà)面的比例以適應(yīng)版面。

色彩方面，畫(huà)面整體色彩簡(jiǎn)約直觀，黑色占據(jù)著大面積的背景區(qū)域，棕色的出現(xiàn)讓人聯(lián)想到歷史和有格調(diào)的印象。

Caslon是一款非常經(jīng)典的巴洛克襯線體，巴洛克風(fēng)格講究的是極強(qiáng)的雕刻裝飾性與奢華浮夸的風(fēng)格，Caslon字體的筆畫(huà)清晰、優(yōu)雅，具有較大的X高度，升部與降部比較短，作為主標(biāo)題來(lái)表現(xiàn)在識(shí)別性與大氣程度上都會(huì)有非常出色的效果。

添加Caslon會(huì)是什么樣呢？ 畫(huà)面中添加Caslon字體后，畫(huà)面的整體氣質(zhì)統(tǒng)一，時(shí)尚潮流的屬性得到了進(jìn)一步的提升。

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

http://www.hellorf.com/image/256720282

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

2、這張照片給人的印象是有格調(diào)的，但是這個(gè)格調(diào)更加偏向時(shí)尚的屬性，缺少雅致感。

3、這張照片同樣具有格調(diào)的印象，同時(shí)也具有復(fù)古風(fēng)格與戲劇性的傾向。與關(guān)鍵詞不符合。

4、畫(huà)面中人物以特殊視角呈現(xiàn)，灰色的色調(diào)與畫(huà)面中簡(jiǎn)練的線條，都傳遞出了有格調(diào)的印象。

我們選擇上述提到的編號(hào)4，這張照片中的色調(diào)偏暗，整體傳遞出時(shí)尚、前衛(wèi)的氣質(zhì)。畫(huà)面中男模特著裝休閑自然，以側(cè)身的角度拍攝，背景干凈間接，非常具有格調(diào)。與我們之前的氣質(zhì)定位相符合。

左圖，原照片的型材略微瘦長(zhǎng)，我們?yōu)榱诉m應(yīng)版面要求，通過(guò)裁剪的形式改變照片素材的比例關(guān)系，通過(guò)縮小人物再畫(huà)面中的位置，為文字的添加預(yù)留足夠的空間。畫(huà)面中人物的高度規(guī)范再畫(huà)面1：4的位置。頭部的高度與頂部留白的面積相等，人物臉部占據(jù)了整個(gè)畫(huà)面的1：1.414的位置。

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

DIN字體最早應(yīng)用于德國(guó)的高速公路，是幾何形無(wú)襯線字體，豎向筆畫(huà)偏直，因此加大了文字之間的間隔，使得在小字號(hào)下具有很高的視覺(jué)辨識(shí)性。工業(yè)風(fēng)格造型與簡(jiǎn)潔的線條給人理性和現(xiàn)代的感覺(jué)，沒(méi)有明顯個(gè)性，是適合各個(gè)領(lǐng)域的通用型字體。

根據(jù)以上分析，我們添加DIN字體與畫(huà)面相搭配，作為幾何化無(wú)襯線體，簡(jiǎn)約的線條與中性的造型，與畫(huà)面結(jié)合并不會(huì)影響原有的氣質(zhì)屬性。

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

http://www.hellorf.com/image/97034888

1、這個(gè)畫(huà)面中，模特留著胡須雖然會(huì)給人成熟的印象，但是畫(huà)面整體卻傳遞出的是年輕與活力。

2、這個(gè)畫(huà)面，模特給人成熟的感覺(jué)，衣裝得體，又不失時(shí)尚的味道。暗色調(diào)的背景給人沉穩(wěn)的意向。

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

4、這張照片中，商業(yè)的味道大于成熟與穩(wěn)重，并且缺少時(shí)髦的氣質(zhì)。與我們定位的關(guān)鍵詞不符合。

選擇編號(hào)2作為項(xiàng)目的主體畫(huà)面，照片中展現(xiàn)的是一位深沉的男性，給人成熟穩(wěn)重的印象，偏暗的色調(diào)更加深了畫(huà)面的品質(zhì)感與沉穩(wěn)的氣質(zhì)。

左圖中人物的位置占據(jù)了畫(huà)面的大部分面積，人物的面孔率偏低，展示的是模特的動(dòng)作與身體特征。右圖，為了給文字提供添加的空間，這里將人物頭部向右移動(dòng)至四分之三的位置。

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

漢儀旗黑屬于現(xiàn)代型黑體，相當(dāng)于西文中的無(wú)襯線體。具有諸多字體家族，豐富的字重有助于在設(shè)計(jì)時(shí)保證視覺(jué)均衡。字體采用類似西文字體的理論，假設(shè)讀者以文字內(nèi)白為識(shí)別依據(jù)，將內(nèi)部中宮框大處理。以達(dá)到更高的識(shí)別效果。

西文字體的氣質(zhì)與中文是相通的。我們搭配與之氣質(zhì)相符合的現(xiàn)代風(fēng)格黑體，使畫(huà)面味道達(dá)到了統(tǒng)一。

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

http://www.hellorf.com/image/526574191

1、這張照片中，模特整體氣質(zhì)給人偏向時(shí)尚文藝的感覺(jué)。與關(guān)鍵詞中的精致、雅致不符合。

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

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

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

我們選擇編號(hào)3的這張照片作為項(xiàng)目的主形象畫(huà)面，畫(huà)面中，女模特的整體氣質(zhì)給人雅致的氛圍，以及簡(jiǎn)約現(xiàn)代的格調(diào)。主體人物以側(cè)身的的姿勢(shì)回望，使得畫(huà)面不會(huì)太過(guò)呆板，四周寬闊簡(jiǎn)單的留白，為畫(huà)面帶來(lái)了呼吸的空間。

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

灰色占據(jù)畫(huà)面中的大面積區(qū)域，是整個(gè)畫(huà)面的主色調(diào)?；疑{(diào)會(huì)給人雅致、憂郁、高檔、田園等意像。非常符合我們定位的關(guān)鍵詞。

思源宋體是 Adobe 聯(lián)合 Google 共同研發(fā)的開(kāi)源字體，屬于現(xiàn)代宋體字形。與西文的襯線體類似，具有從極細(xì)到粗黒的不同字重。標(biāo)題與正文均可適用。相對(duì)于傳統(tǒng)宋體來(lái)說(shuō)，現(xiàn)代類型宋體中宮較大，筆畫(huà)輪廓簡(jiǎn)潔銳利，在小字號(hào)下具有更好的識(shí)別性。

我們搭配同樣氣質(zhì)的現(xiàn)代型宋體后，在傳遞信息的同時(shí)，畫(huà)面的原有氣質(zhì)并沒(méi)有遭到破壞，而是與字體的氣質(zhì)和諧統(tǒng)一。

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

http://www.hellorf.com/image/529286533

人們?cè)陂喿x時(shí)，圖片、字體和色彩等信息也會(huì)一同被眼睛所接收。

而這些模糊的印象會(huì)下意識(shí)的形成不同的心理感受。

作為設(shè)計(jì)師，我們需要主動(dòng)控制畫(huà)面所傳遞出的氣質(zhì)，看完了本期的內(nèi)容，

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

也希望大家在今后的設(shè)計(jì)過(guò)程中多去體會(huì)與注意。