商業(yè)照片在設(shè)計(jì)中如何應(yīng)用

2019-02-12 1687 0

今天給大家分享的是和設(shè)計(jì)師的工作息息相關(guān)的一個(gè)內(nèi)容——在這個(gè)信息高速發(fā)展的今天,生活節(jié)奏加快,每個(gè)人都匆匆忙忙,慌慌張張

@研習(xí)設(shè)K先生 :今天給大家分享的是和設(shè)計(jì)師的工作息息相關(guān)的一個(gè)內(nèi)容——在這個(gè)信息高速發(fā)展的今天,生活節(jié)奏加快,每個(gè)人都匆匆忙忙,慌慌張張,就連視頻大家都喜歡看短視頻,每個(gè)人好像都在爭分奪秒地去生活,所以在一秒鐘能抓住消費(fèi)者的視線,是商家吸引顧客的第一步,這就延伸到我們今天所講的主題了,相對于文字而言,圖片是最直觀傳遞信息的載體,一頁DM,一本畫冊,或是一個(gè)電商詳情頁,我們第一眼看的一定是圖片,而這一瞬間的注視,就能決定消費(fèi)者是否購買你的商品,所以說,今天我就帶大家來了解商業(yè)照片在設(shè)計(jì)中如何應(yīng)用。

1.jpg

你逛商場時(shí),商家為了促銷,會發(fā)各種DM,我們會通過DM當(dāng)中產(chǎn)品的「誘人」程度而做出選擇,比如這兩張面館的DM,你會選擇去哪家吃飯呢?

2.jpg

這兩個(gè)女鞋的網(wǎng)頁banner,你又如何做選擇?

3.jpg

這兩個(gè)畫冊內(nèi)頁呢,是不是顯而易見,讓我們知道沒有對比就沒有傷害。

好的商業(yè)照片具有哪些優(yōu)點(diǎn)?

4.jpg

商業(yè)照片的角度特點(diǎn)

  1. 自然視角

5.jpg

6.jpg

7.jpg

這個(gè)角度不是絕對的平視,也不是絕對的俯視,所以我們稱為自然視角,也就是消費(fèi)者看一眼就能知道是什么。這個(gè)角度有穩(wěn)重、安定的性質(zhì),算最常用的?度,通過這個(gè)?度可以展現(xiàn)商品無瑕疵,美觀的外形,并且可以表明商品具有較強(qiáng)的實(shí)用性。

  2. 正面視角

8.jpg

9.jpg

10.jpg

這個(gè)角度就像一個(gè)人拍照,他敢把正面給你,證明他很自信一樣,從正面展示商品,可以彰顯出品牌的自信,傳遞出品質(zhì)感。

  3. 45°視角

11.jpg

12.jpg

13.jpg

14.jpg

這個(gè)角度想必是大家拍照的常用?度,顯臉小,又很漂亮,在商品照片的展現(xiàn)上,也是一樣道理,它更具變化性,會給消費(fèi)者留下較深的印象,傳遞出現(xiàn)代感、時(shí)尚感。

  4. 側(cè)面視角

15.jpg

16.jpg

17.jpg

人們在拍照的時(shí)候,側(cè)面的視角,可以展現(xiàn)出不被人們?nèi)粘K粢獾囊幻?,從?cè)面?度來拍攝產(chǎn)品,也是可以將商品外觀美的自信強(qiáng)化到最大,比如這里車子側(cè)面流線型的外觀。

  5. 俯視視角

18.jpg

19.jpg

20.jpg

這算是一個(gè)特殊視?,這個(gè)視?具有較強(qiáng)的視覺沖擊力和變化性,讓消費(fèi)者對產(chǎn)品有新鮮感,在食物攝影方面應(yīng)用的比較多。

  6. 使用者視角

21.jpg

22.jpg

23.jpg

站在實(shí)際使用時(shí)的視?來拍攝產(chǎn)品,營造親身使用,身臨其境的感覺,突出展現(xiàn)產(chǎn)品的功能,和消費(fèi)者產(chǎn)生互動性。

  7. 產(chǎn)品內(nèi)部實(shí)物視角

24.jpg

25.jpg

26.jpg

這個(gè)視?會給人安心的感覺,比如我們現(xiàn)在去餐廳吃飯,你會發(fā)現(xiàn)很多餐廳的廚房都是透明的,廚房很干凈整潔,工作人員的穿著也很干凈,并且可以直接觀看到做菜的過程,那這頓飯你吃的會很安心。針對于產(chǎn)品圖片而言也是同樣道理,切開月餅,看到里面的餡,讓消費(fèi)者放心購買,這種表現(xiàn)方法特別適用于食品。

  8. 局部特寫視角

27.jpg

28.jpg

29.jpg

展現(xiàn)商品局部特寫,會流露出一種凝聚感和壓迫感,拉近消費(fèi)者和產(chǎn)品之間的距離,暗示出商品整體的高級感,增強(qiáng)消費(fèi)者對商品質(zhì)量的信賴。將商品細(xì)節(jié)部分的照片加以放大,比如看到圍巾上針織的紋理,汽車上的一顆螺絲,這體現(xiàn)了商家對商品精益求精的態(tài)度,以及商品本身的高度專業(yè)性。

商業(yè)照片的表現(xiàn)形式

  1. 去底照片

30.jpg

31.jpg

32.jpg

去底照片就是摳下畫中的產(chǎn)品放到一個(gè)背景中,這類型照片會給人舒暢、理性的感覺,表現(xiàn)出很強(qiáng)的實(shí)用感,當(dāng)然,也是商家對產(chǎn)品的充分自信。這種照片的表現(xiàn)形式,適合的是哪類人群呢?他不是憑感性來選擇商品,是通過仔細(xì)地觀察,仔細(xì)地研究后而購買的理性思考的人。

  2. 去底后加背景

33.jpg

34.jpg

35.jpg

去底加背景,這個(gè)背景可以是色塊,圖形,文字,或者是肌理等等,一般加產(chǎn)品的同類色,作為背景,強(qiáng)調(diào)風(fēng)格的一致性,視覺沖擊力會更強(qiáng)。

  3. 產(chǎn)品使用環(huán)境

36.jpg

37.jpg

38.jpg

展現(xiàn)商品使用時(shí)外在環(huán)境的畫面,會覺得使用產(chǎn)品的這種代入感更加具體形象,商品與消費(fèi)者之間的距離更近了一步,消費(fèi)者感覺能即時(shí)的體驗(yàn)到商品的優(yōu)質(zhì)性能。比如衣服穿起來,包包拿手上,食材放在碗中,這都屬于使用時(shí)的環(huán)境。

  4. 逆光加深色背景

39.jpg

40.jpg

營造出整體畫面的神秘感,逆光拍攝只有一些輪廓光,像即將登場的演員,這種表現(xiàn)手法很適合大牌的產(chǎn)品拍攝。比如蘋果產(chǎn)品,大牌的香水化妝品等。

  5. 正在使用時(shí)

41.jpg

42.jpg

43.jpg

展示人物在使用商品時(shí)候的照片可以體現(xiàn)現(xiàn)實(shí)感,親切感,增強(qiáng)真實(shí)性,容易引起共鳴,表現(xiàn)了商品賣點(diǎn)(風(fēng)筒的風(fēng)力大,吸塵器操作方便等),就像消費(fèi)者親身在體驗(yàn)一樣。

  6. 添加人物

44.jpg

45.jpg

46.jpg

常用到的就是偶像明星和商品一起出現(xiàn)在畫面中,對于粉絲來說,喜歡的愛豆代言的產(chǎn)品也屬于愛豆的一部分,但是這種手法會讓消費(fèi)者把目光集中在明星身上,容易忽略產(chǎn)品本身傳遞的信息。 還有一種,普通人出現(xiàn)在畫面中,會拉近消費(fèi)者和產(chǎn)品的距離。

  7. 展現(xiàn)象征意義

47.jpg

48.jpg

49.jpg

這種表現(xiàn)手法比較難,屬于創(chuàng)意表達(dá),畫面中不一定會出現(xiàn)產(chǎn)品實(shí)體,或者 logo 非常小放在角落,要設(shè)計(jì)出與產(chǎn)品調(diào)性相符合的場景畫面,如果這個(gè)畫面氣質(zhì)傳達(dá)的不夠明確的話,很容易使消費(fèi)者對商品產(chǎn)生懷疑。

  8. 照片組合

50.jpg

51.jpg

52.jpg

這也是電商和DM當(dāng)中最常用到的手法,將同一品牌或同一產(chǎn)品的照片以多種角度、多種形式排列,全方位展現(xiàn)商品的信息,如果說單一產(chǎn)品所呈現(xiàn)的是有格調(diào),高品質(zhì)的感覺,那多張產(chǎn)品會有節(jié)奏變化,會讓人感覺很有親切感,這種手法會讓消費(fèi)者覺得產(chǎn)品就在身邊一樣,會更加放心的購買。

多張商品照片編排注意事項(xiàng)

  1. 統(tǒng)一圖片大小與位置

53.jpg

如果有一些同類圖片,這里以這組美食圖片為例,把它們編排到版面中:

54.jpg

55.jpg

首先把圖片規(guī)劃一下放置圖片的區(qū)域,然后把圖片置入同等大小的色塊當(dāng)中,把文字編排進(jìn)去,這樣完成之后有什么問題?照片在色塊中的大小沒有統(tǒng)一,并且位置也沒有統(tǒng)一,造成我們在看的時(shí)候視線的流動不順暢。

56.gif

統(tǒng)?它們的??,外輪廓統(tǒng)?成均等的尺寸,再置?版?,這樣視線才是流暢的。

57.jpg

兩張單頁放?起對比一下,不難看出哪個(gè)更好。

  2. 注意圖片色調(diào)與方向

58.jpg

這里我們以原研哉與阿部雅世的對話為例,當(dāng)要使用的照片具有方向性時(shí),要根據(jù)內(nèi)容和照片主?的角度來擺放,兩位設(shè)計(jì)師面部的朝向都是向外,這樣就不符合對話的這種形式了。

59.jpg

60.jpg

好,我們把朝向轉(zhuǎn)過來,統(tǒng)一圖片內(nèi)人物大小,再看色調(diào),阿部雅世是偏明色調(diào),原研哉是暗色調(diào),不妨給他們統(tǒng)一為黑白色調(diào),這樣整體畫面就更加統(tǒng)一協(xié)調(diào)了。

  3. 表現(xiàn)時(shí)間的流動或?qū)Ρ?/p>

61.jpg

如果給你看一個(gè)這樣的繪畫流程圖,想必你會很迷茫,這是個(gè)高手,完全不按套路畫,我要把序號標(biāo)注上你就知道步驟的順序是怎樣的了,可是這樣視線會非常跳躍,影響信息的接收。

62.gif

步驟流程從左至右依次排列,這樣就不亂了,也就是說,多張圖片按照時(shí)間流程排列,能突出照片關(guān)聯(lián)性,可以表現(xiàn)時(shí)間流動或者對比。

63.jpg

拿個(gè)?案例來說,這是被打亂的編發(fā)步驟。

64.gif

首先給它規(guī)劃時(shí)間順序,讓人一目了然,這樣再編排到版面中,就很清晰了。

用多張照片進(jìn)行排版時(shí),需要根據(jù)作品的用途和目的,將照片分為「主」和「次」等層級,對其提示的信息進(jìn)行調(diào)整,要強(qiáng)調(diào)關(guān)聯(lián)性的時(shí)候可以就近擺放,要弱化時(shí)則遠(yuǎn)離擺放,這樣明確顯示出信息的不同。

65.jpg

這里我們以日本四張旅游景點(diǎn)照片為素材,做一頁畫冊設(shè)計(jì)。

66.jpg

當(dāng)我想突出日本人文情懷時(shí),就把與之相關(guān)的照片放大,其他照片縮小,這樣圖片的對比就能更準(zhǔn)確的傳遞信息(文字為模擬)。

67.jpg

如果我想表現(xiàn)都市繁華的感覺,放大這張照片,其他照片縮小為同等比例。

68.jpg

想表現(xiàn)建筑特色和特別著名的旅游景點(diǎn)時(shí),選擇它放大。

70.jpg

如果突出?態(tài)環(huán)境呢,就放大動物的自然環(huán)境的圖片。

70.jpg

如果把所有照片按照同樣大小、同樣距離擺放,所有信息會均等的傳遞給受眾,使整體氛圍很平淡。但是同樣有兩點(diǎn)需要注意。

71.jpg

第一,類似內(nèi)容或類似色調(diào)要靠近放置,這里左邊兩張是街道圖片,放在一起,右邊是關(guān)于風(fēng)景的圖片,同樣放在一起,色調(diào)相近也可以靠近擺放,左邊是暖色調(diào),右邊是冷色調(diào)。

72.jpg

73.jpg

第二,放置圖片時(shí)要意識到視線移動,視線在橫排時(shí)候是從左至右Z字形移動,豎排時(shí)是從右上到左下N字形移動,要意識到這種移動規(guī)則,人的閱讀習(xí)慣來誘導(dǎo)視線,才能做出更好的版面。

案例演示

設(shè)計(jì)一個(gè)網(wǎng)頁。

74.jpg

用這些大小不一、?度不同、色調(diào)不一致的圖片,設(shè)計(jì)一個(gè)宜家的網(wǎng)頁。

75.jpg

這個(gè)網(wǎng)頁我們來一屏一屏的設(shè)計(jì),首先就是頭圖,頭圖我們選擇一個(gè)場景圖也就是前面我們講過的,產(chǎn)品使用場景圖,使用產(chǎn)品的這種代入感更加具體形象,以它作為背景,加入文字與網(wǎng)頁組件以及l(fā)ogo。

76.jpg

這部分我們想放跳往二級目錄的指引,分三個(gè)部分,熱搜產(chǎn)品、限量發(fā)售、暢銷推薦,以三個(gè)角度不同的去底照片來展示,區(qū)分各項(xiàng)的類別。

77.jpg

中間可以穿插一個(gè)視頻作為過度。

78.jpg

這一屏是座椅,因?yàn)閳D片本身大小不一,所以我們劃分六個(gè)相同的色塊,統(tǒng)一大小,展示三個(gè)不同?度的照片,然后有兩個(gè)局部特寫,讓消費(fèi)者有個(gè)直觀的感受,增加消費(fèi)者對產(chǎn)品的信賴。

79.jpg

下一屏我們來展現(xiàn)兒童的玩具,在此之前,需要一個(gè)主圖,作為過渡,小孩抱著玩偶屬于使用時(shí)的照片,有種真實(shí)性和親切感。然后我們配以手寫的英文字體,來呼應(yīng)畫面?zhèn)鬟f的氣質(zhì)。

80.jpg

展示玩偶商品,調(diào)整成同樣的?度,大小一致,放入產(chǎn)品信息。

81.jpg

這一屏是家居使用場景圖,色調(diào)一致,看來不需要做任何調(diào)整了,但是我們在上面加文字就很難突顯出來,所以,加個(gè)暗色調(diào),做透明的處理,再加入相關(guān)的文字。

82.jpg

底部規(guī)范一下文字信息。

83.gif

本篇教程到這里就結(jié)束了,我們來回顧一下這節(jié)課所講的知識點(diǎn)。第一,我們從各個(gè)角度來分析了照片,每個(gè)角度會傳遞出不同的心理感受;第二,我們從照片表現(xiàn)形式出發(fā),包含了8點(diǎn)內(nèi)容,還有多張照片在一起編排時(shí)候,需要注意哪些事項(xiàng)。當(dāng)然,這些照片在做設(shè)計(jì)時(shí),很多是攝影師提供給你的,不一定是設(shè)計(jì)師親自參與,所以為了避免出現(xiàn)后期多次反復(fù)改稿的情況,還是需要大家在拍攝之前和攝影師進(jìn)行溝通,盡量拿出一些實(shí)例來給攝影師看,這樣才會更有效率更好的完成工作,所以,設(shè)計(jì)師需要學(xué)習(xí)的東西非常多,我們經(jīng)常說,設(shè)計(jì)師要是個(gè)雜家,你的知識儲備越豐富,你在設(shè)計(jì)時(shí)越會得心應(yīng)手,設(shè)計(jì)這條路走到最后拼的就是知識的廣度。


 


30
評論區(qū)(0)
正在加載評論...