海洛創(chuàng)意:圖片的味道
圖片在版面中的優(yōu)先級相當(dāng)高,相對于文字信息來說,
人們的視線會首先被圖片信息所吸引。
所以篩選優(yōu)質(zhì)的圖片素材對于設(shè)計師來說是一項必須具備的技能。
好的圖片素材,能夠激發(fā)人們購買商品的欲望。
不同的照片所傳遞出的味道各不相同,我們需要根據(jù)項目的實際需求,
選擇正確的符合項目氣質(zhì)的圖片素材,那么該如何理解圖片所傳遞出的味道呢,
我們可以從以下四個方面去分析照片的氣質(zhì)。
下面我們通過為項目定位關(guān)鍵詞的方式,進而篩選符合項目需求的圖片信息。
同時也可以根據(jù)項目的氣質(zhì)調(diào)性選擇與之搭配的字體。
這里我們僅以心理學(xué)中人們對不同色彩與線條的不同感受和人們對照片的共同印象來分析照片所傳遞出的情感與味道。在解說中會盡量使用客觀的固有情感關(guān)鍵詞。如“雅致”“年輕”“成熟”它們是人們在一定程度上的共同感覺,而避免出現(xiàn)主觀情感的詞匯。但不管怎么說,每個人隨著年齡,宗教和成長環(huán)境的不同,所理解的感覺也可能會略有偏差。
因為圖片信息在版面中面積的大小與形狀都會影響到畫面的整體氣質(zhì),這里為了排除這些影響,以下案例部分,均采用出血型構(gòu)圖(在圖片上添加文字的版面)。
在圖庫網(wǎng)站中分別搜索我們定位的關(guān)鍵詞,通過瀏覽粗略的選擇美觀度與畫面氣質(zhì)均符合要求的幾組照片。接下來我們將收集好的照片羅列在下方,繼續(xù)篩選分析出一個與項目氣質(zhì)調(diào)性相符合的照片素材作為主畫面。
1、這張照片具有男性的穩(wěn)重與深沉,但是偏年輕化和商務(wù)的氣質(zhì),與我們的定位還不夠符合。
2、這張照片運用了黑色調(diào)的氛圍與人物的側(cè)身剪影,傳達出的格調(diào)感很強。但是缺少紳士的氣質(zhì)。
3、這張照片中的老人給人感覺是穩(wěn)重的,成熟中又含有紳士氣質(zhì),符合我們的定位要求。
4、這張照片的男人同樣屬于成熟的感覺,但是從色彩和氣質(zhì)上卻給人偏向時尚的味道。
根據(jù)以上分析,我們篩選出了這張照片作為畫面的主體,這張照片里的老人有一種穩(wěn)重、成熟、深沉等紳士的味道,包括整體人物的裝扮與整體的氣質(zhì),加上黑色調(diào)的氛圍,這些就格外增添了整體的高級感。
人物臉部占據(jù)畫面的比例叫面孔率,面孔率高的照片會更加給人信任和理智的印象,反之,面孔率底的照片,會更加凸顯模特的身體特征。對于想傳遞成熟穩(wěn)重印象的版面來說,選擇面孔率高的畫面更加適合。分析畫面的構(gòu)圖得知,這張畫面的構(gòu)圖是正三角形的結(jié)構(gòu),這種構(gòu)圖解構(gòu)也會給人穩(wěn)定的心理感受。
對于照片來說,不光是拍攝的內(nèi)容會影響到畫面?zhèn)鬟f出的氣質(zhì)調(diào)性,畫面中的色彩同樣會影響一張照片的味道。我們選擇的這張照片屬于黑白影調(diào),明暗對比強烈,低明度的色彩會給人有格調(diào)有品質(zhì)的印象。
Garamond是一款非常經(jīng)典的襯線字體,也是文藝復(fù)興襯線字體的代表,字體優(yōu)美清晰,雅致莊重、筆畫寬度有著細微的差別,纖細的字腳和頭發(fā)似的細線構(gòu)成了明快暢亮的調(diào)子,圓弧形襯線過渡流暢自然。
如果畫面要搭配拉丁字母的話,我們就可以選用文化與格調(diào)屬性的Garamond字體。這樣圖片的味道與字體的味道就完全吻合,會出現(xiàn)1+1>2的效果。
如果喜歡這張照片,可以在這里下載圖片小樣
http://www.hellorf.com/image/184520954
1、這張照片整體散發(fā)出時尚的味道,也給人具有格調(diào)的感覺,但潮流與奢華的氣質(zhì)欠佳。
2、這張照片給人偏潮流的時尚印象,同時,黑色的背景也為主體添加了奢華昂貴與高格調(diào)的氛圍。
3、這張照片有些過于時尚了,雖然藝術(shù)效果強烈,但由于太過超前,與潮流疏遠,和我們的定位不符。
4、這張照片同樣給人時尚的感覺,但是偏向年輕與活力,與我們的關(guān)鍵詞不符。
我們選擇編號2的這張照片作為項目的主形象畫面,這張照片中,男女模特以居中的布局出現(xiàn)在畫面當(dāng)中,具有時尚、經(jīng)典與潮流的印象。黑色的背景與灰色調(diào)的膚色共同烘托了畫面的高端氛圍。
左圖的畫面中男女模特頭部的面積占據(jù)了畫面三分之二,運用了九宮格的構(gòu)圖方式,這里因為主體占據(jù)面積過大,沒有為文字預(yù)留足夠的空間,右圖,我們修改畫面的比例以適應(yīng)版面。
色彩方面,畫面整體色彩簡約直觀,黑色占據(jù)著大面積的背景區(qū)域,棕色的出現(xiàn)讓人聯(lián)想到歷史和有格調(diào)的印象。
Caslon是一款非常經(jīng)典的巴洛克襯線體,巴洛克風(fēng)格講究的是極強的雕刻裝飾性與奢華浮夸的風(fēng)格,Caslon字體的筆畫清晰、優(yōu)雅,具有較大的X高度,升部與降部比較短,作為主標(biāo)題來表現(xiàn)在識別性與大氣程度上都會有非常出色的效果。
添加Caslon會是什么樣呢? 畫面中添加Caslon字體后,畫面的整體氣質(zhì)統(tǒng)一,時尚潮流的屬性得到了進一步的提升。
如果喜歡這張照片,可以在這里下載圖片小樣
http://www.hellorf.com/image/256720282
1、這張照片中,男模特穿著得體,儀表端莊,具有簡約的印象,但是不夠休閑。
2、這張照片給人的印象是有格調(diào)的,但是這個格調(diào)更加偏向時尚的屬性,缺少雅致感。
3、這張照片同樣具有格調(diào)的印象,同時也具有復(fù)古風(fēng)格與戲劇性的傾向。與關(guān)鍵詞不符合。
4、畫面中人物以特殊視角呈現(xiàn),灰色的色調(diào)與畫面中簡練的線條,都傳遞出了有格調(diào)的印象。
我們選擇上述提到的編號4,這張照片中的色調(diào)偏暗,整體傳遞出時尚、前衛(wèi)的氣質(zhì)。畫面中男模特著裝休閑自然,以側(cè)身的角度拍攝,背景干凈間接,非常具有格調(diào)。與我們之前的氣質(zhì)定位相符合。
左圖,原照片的型材略微瘦長,我們?yōu)榱诉m應(yīng)版面要求,通過裁剪的形式改變照片素材的比例關(guān)系,通過縮小人物再畫面中的位置,為文字的添加預(yù)留足夠的空間。畫面中人物的高度規(guī)范再畫面1:4的位置。頭部的高度與頂部留白的面積相等,人物臉部占據(jù)了整個畫面的1:1.414的位置。
無彩色系會給人冷靜,具有格調(diào)的印象,畫面整體以暗色為主要色調(diào),給人神秘不可接近的距離感與高端氣質(zhì)。
DIN字體最早應(yīng)用于德國的高速公路,是幾何形無襯線字體,豎向筆畫偏直,因此加大了文字之間的間隔,使得在小字號下具有很高的視覺辨識性。工業(yè)風(fēng)格造型與簡潔的線條給人理性和現(xiàn)代的感覺,沒有明顯個性,是適合各個領(lǐng)域的通用型字體。
根據(jù)以上分析,我們添加DIN字體與畫面相搭配,作為幾何化無襯線體,簡約的線條與中性的造型,與畫面結(jié)合并不會影響原有的氣質(zhì)屬性。
如果喜歡這張照片,可以在這里下載圖片小樣
http://www.hellorf.com/image/97034888
1、這個畫面中,模特留著胡須雖然會給人成熟的印象,但是畫面整體卻傳遞出的是年輕與活力。
2、這個畫面,模特給人成熟的感覺,衣裝得體,又不失時尚的味道。暗色調(diào)的背景給人沉穩(wěn)的意向。
3、這張照片中,模特以正視的視角拍攝,雖然會有成熟的印象,但是與其他照片相比多少有些呆板。
4、這張照片中,商業(yè)的味道大于成熟與穩(wěn)重,并且缺少時髦的氣質(zhì)。與我們定位的關(guān)鍵詞不符合。
選擇編號2作為項目的主體畫面,照片中展現(xiàn)的是一位深沉的男性,給人成熟穩(wěn)重的印象,偏暗的色調(diào)更加深了畫面的品質(zhì)感與沉穩(wěn)的氣質(zhì)。
左圖中人物的位置占據(jù)了畫面的大部分面積,人物的面孔率偏低,展示的是模特的動作與身體特征。右圖,為了給文字提供添加的空間,這里將人物頭部向右移動至四分之三的位置。
這張照片的色彩偏暗,襯托出了人物自然的膚色和衣服的色彩。厚重富有魅力,給人高級、沉穩(wěn)、厚重的心里感受。
漢儀旗黑屬于現(xiàn)代型黑體,相當(dāng)于西文中的無襯線體。具有諸多字體家族,豐富的字重有助于在設(shè)計時保證視覺均衡。字體采用類似西文字體的理論,假設(shè)讀者以文字內(nèi)白為識別依據(jù),將內(nèi)部中宮框大處理。以達到更高的識別效果。
西文字體的氣質(zhì)與中文是相通的。我們搭配與之氣質(zhì)相符合的現(xiàn)代風(fēng)格黑體,使畫面味道達到了統(tǒng)一。
如果喜歡這張照片,可以在這里下載圖片小樣
http://www.hellorf.com/image/526574191
1、這張照片中,模特整體氣質(zhì)給人偏向時尚文藝的感覺。與關(guān)鍵詞中的精致、雅致不符合。
2、這張照片中,女模特以正視的角度拍攝。人物造型優(yōu)雅明快,但是格調(diào)感稍微欠佳。
3、這張照片整體給人雅致的文藝范氣息,灰色的背景氛圍烘托出了雅致與有格調(diào)的印象。
4、畫面中人物整體給人文藝的氣質(zhì),但更加偏向男性粗獷印象。缺少精致感與雅致的氛圍。
我們選擇編號3的這張照片作為項目的主形象畫面,畫面中,女模特的整體氣質(zhì)給人雅致的氛圍,以及簡約現(xiàn)代的格調(diào)。主體人物以側(cè)身的的姿勢回望,使得畫面不會太過呆板,四周寬闊簡單的留白,為畫面帶來了呼吸的空間。
左圖人物線條清晰鮮明,占據(jù)畫面中的面積稍大,為了預(yù)留足夠的空間放置文字信息,右圖縮小畫面的主體,頭部與畫面留白比為2:1的位置。
灰色占據(jù)畫面中的大面積區(qū)域,是整個畫面的主色調(diào)?;疑{(diào)會給人雅致、憂郁、高檔、田園等意像。非常符合我們定位的關(guān)鍵詞。
思源宋體是 Adobe 聯(lián)合 Google 共同研發(fā)的開源字體,屬于現(xiàn)代宋體字形。與西文的襯線體類似,具有從極細到粗黒的不同字重。標(biāo)題與正文均可適用。相對于傳統(tǒng)宋體來說,現(xiàn)代類型宋體中宮較大,筆畫輪廓簡潔銳利,在小字號下具有更好的識別性。
我們搭配同樣氣質(zhì)的現(xiàn)代型宋體后,在傳遞信息的同時,畫面的原有氣質(zhì)并沒有遭到破壞,而是與字體的氣質(zhì)和諧統(tǒng)一。
如果喜歡這張照片,可以在這里下載圖片小樣
http://www.hellorf.com/image/529286533
人們在閱讀時,圖片、字體和色彩等信息也會一同被眼睛所接收。
而這些模糊的印象會下意識的形成不同的心理感受。
作為設(shè)計師,我們需要主動控制畫面所傳遞出的氣質(zhì),看完了本期的內(nèi)容,
相信大家一定已經(jīng)了解了圖片的味道在版面中的重要性,
也希望大家在今后的設(shè)計過程中多去體會與注意。
本文地址:http://likemindfilms.com/tutorial/di3570.html