讓人看了就想買的設計,是怎樣用對圖片的?

      作者:研習設K先生
      分類: 觀點/經驗
      2019-01-30
      12643

      今天給大家分享的是和設計師的工作息息相關的一個內容——在這個信息高速發展的今天,生活節奏加快,每個人都匆匆忙忙,慌慌張張

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

      1.jpg

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

      2.jpg

      這兩個女鞋的網頁banner,你又如何做選擇?

      3.jpg

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

      好的商業照片具有哪些優點?

      4.jpg

      商業照片的角度特點

      ? 1. 自然視角

      5.jpg

      6.jpg

      7.jpg

      這個角度不是絕對的平視,也不是絕對的俯視,所以我們稱為自然視角,也就是消費者看一眼就能知道是什么。這個角度有穩重、安定的性質,算最常用的?度,通過這個?度可以展現商品無瑕疵,美觀的外形,并且可以表明商品具有較強的實用性。

      ? 2. 正面視角

      8.jpg

      9.jpg

      10.jpg

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

      ? 3. 45°視角

      11.jpg

      12.jpg

      13.jpg

      14.jpg

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

      ? 4. 側面視角

      15.jpg

      16.jpg

      17.jpg

      人們在拍照的時候,側面的視角,可以展現出不被人們日常所留意的一面,從側面?度來拍攝產品,也是可以將商品外觀美的自信強化到最大,比如這里車子側面流線型的外觀。

      ? 5. 俯視視角

      18.jpg

      19.jpg

      20.jpg

      這算是一個特殊視?,這個視?具有較強的視覺沖擊力和變化性,讓消費者對產品有新鮮感,在食物攝影方面應用的比較多。

      ? 6. 使用者視角

      21.jpg

      22.jpg

      23.jpg

      站在實際使用時的視?來拍攝產品,營造親身使用,身臨其境的感覺,突出展現產品的功能,和消費者產生互動性。

      ? 7. 產品內部實物視角

      24.jpg

      25.jpg

      26.jpg

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

      ? 8. 局部特寫視角

      27.jpg

      28.jpg

      29.jpg

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

      商業照片的表現形式

      ? 1. 去底照片

      30.jpg

      31.jpg

      32.jpg

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

      ? 2. 去底后加背景

      33.jpg

      34.jpg

      35.jpg

      去底加背景,這個背景可以是色塊,圖形,文字,或者是肌理等等,一般加產品的同類色,作為背景,強調風格的一致性,視覺沖擊力會更強。

      ? 3. 產品使用環境

      36.jpg

      37.jpg

      38.jpg

      展現商品使用時外在環境的畫面,會覺得使用產品的這種代入感更加具體形象,商品與消費者之間的距離更近了一步,消費者感覺能即時的體驗到商品的優質性能。比如衣服穿起來,包包拿手上,食材放在碗中,這都屬于使用時的環境。

      ? 4. 逆光加深色背景

      39.jpg

      40.jpg

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

      ? 5. 正在使用時

      41.jpg

      42.jpg

      43.jpg

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

      ? 6. 添加人物

      44.jpg

      45.jpg

      46.jpg

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

      ? 7. 展現象征意義

      47.jpg

      48.jpg

      49.jpg

      這種表現手法比較難,屬于創意表達,畫面中不一定會出現產品實體,或者 logo 非常小放在角落,要設計出與產品調性相符合的場景畫面,如果這個畫面氣質傳達的不夠明確的話,很容易使消費者對商品產生懷疑。

      ? 8. 照片組合

      50.jpg

      51.jpg

      52.jpg

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

      多張商品照片編排注意事項

      ? 1. 統一圖片大小與位置

      53.jpg

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

      54.jpg

      55.jpg

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

      56.gif

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

      57.jpg

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

      ? 2. 注意圖片色調與方向

      58.jpg

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

      59.jpg

      60.jpg

      好,我們把朝向轉過來,統一圖片內人物大小,再看色調,阿部雅世是偏明色調,原研哉是暗色調,不妨給他們統一為黑白色調,這樣整體畫面就更加統一協調了。

      ? 3. 表現時間的流動或對比

      61.jpg

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

      62.gif

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

      63.jpg

      拿個?案例來說,這是被打亂的編發步驟。

      64.gif

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

      用多張照片進行排版時,需要根據作品的用途和目的,將照片分為「主」和「次」等層級,對其提示的信息進行調整,要強調關聯性的時候可以就近擺放,要弱化時則遠離擺放,這樣明確顯示出信息的不同。

      65.jpg

      這里我們以日本四張旅游景點照片為素材,做一頁畫冊設計。

      66.jpg

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

      67.jpg

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

      68.jpg

      想表現建筑特色和特別著名的旅游景點時,選擇它放大。

      70.jpg

      如果突出?態環境呢,就放大動物的自然環境的圖片。

      70.jpg

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

      71.jpg

      第一,類似內容或類似色調要靠近放置,這里左邊兩張是街道圖片,放在一起,右邊是關于風景的圖片,同樣放在一起,色調相近也可以靠近擺放,左邊是暖色調,右邊是冷色調。

      72.jpg

      73.jpg

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

      案例演示

      設計一個網頁。

      74.jpg

      用這些大小不一、?度不同、色調不一致的圖片,設計一個宜家的網頁。

      75.jpg

      這個網頁我們來一屏一屏的設計,首先就是頭圖,頭圖我們選擇一個場景圖也就是前面我們講過的,產品使用場景圖,使用產品的這種代入感更加具體形象,以它作為背景,加入文字與網頁組件以及logo。

      76.jpg

      這部分我們想放跳往二級目錄的指引,分三個部分,熱搜產品、限量發售、暢銷推薦,以三個角度不同的去底照片來展示,區分各項的類別。

      77.jpg

      中間可以穿插一個視頻作為過度。

      78.jpg

      這一屏是座椅,因為圖片本身大小不一,所以我們劃分六個相同的色塊,統一大小,展示三個不同?度的照片,然后有兩個局部特寫,讓消費者有個直觀的感受,增加消費者對產品的信賴。

      79.jpg

      下一屏我們來展現兒童的玩具,在此之前,需要一個主圖,作為過渡,小孩抱著玩偶屬于使用時的照片,有種真實性和親切感。然后我們配以手寫的英文字體,來呼應畫面傳遞的氣質。

      80.jpg

      展示玩偶商品,調整成同樣的?度,大小一致,放入產品信息。

      81.jpg

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

      82.jpg

      底部規范一下文字信息。

      83.gif

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


      19
      21
      分享到:

      0

      喜歡他,就推薦他上首頁吧^_^

      推薦閱讀

      ×

      賽事服務聯系方式

      0371-86068866

      4008887269

      cndesign@163.com

      好的,我知道了

      官方微信

      聯系我們

      • QQ:33143335 QQ:1904200230
      • 電話:18569912460
      • 投稿:cndesign@163.com
      • 地址:鄭州市國家大學科技園東區9號樓2層

      版權信息

        移動 Android 版 豫 ICP 備16038122號-2 豫公網安備 41019702002261號

      主站蜘蛛池模板: 乱精品一区字幕二区| 精品无码成人片一区二区98| 人妻天天爽夜夜爽一区二区| 99热门精品一区二区三区无码| 国产成人一区二区动漫精品| 一区二区三区四区在线视频| 曰韩人妻无码一区二区三区综合部| 区三区激情福利综合中文字幕在线一区亚洲视频1 | 久久99国产精一区二区三区| 在线精品日韩一区二区三区| 国内精品一区二区三区东京| 亚洲国产一区国产亚洲 | 亚洲AV一区二区三区四区| 国产suv精品一区二区33| 中文字幕在线视频一区| 午夜精品一区二区三区在线视 | 视频一区二区中文字幕| 欧美激情一区二区三区成人| 精品无人区一区二区三区| 另类免费视频一区二区在线观看| 四虎永久在线精品免费一区二区| 亚洲AV网一区二区三区| 成人区人妻精品一区二区三区 | 国产伦精品一区二区三区| 国精产品一区一区三区免费视频 | 中文字幕亚洲综合精品一区| 日本一区二区三区精品中文字幕| 一区二区高清在线| 一区二区三区福利视频| 精品中文字幕一区在线| 小泽玛丽无码视频一区| 精品一区二区三区影院在线午夜 | 精品日韩在线视频一区二区三区| 四虎一区二区成人免费影院网址| 国产乱码精品一区二区三区四川| av一区二区三区人妻少妇| 国产福利一区二区| 国产福利电影一区二区三区,日韩伦理电影在线福 | A国产一区二区免费入口| 日韩精品在线一区二区| 日韩免费一区二区三区在线播放|