<progress id="rb7v6"></progress>
<div id="rb7v6"></div>

    <div id="rb7v6"></div>
    <dl id="rb7v6"></dl>

      <dl id="rb7v6"></dl>
      <div id="rb7v6"></div>

            <dl id="rb7v6"></dl>

              <progress id="rb7v6"></progress>

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

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

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

                @研習設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點內容,還有多張照片在一起編排時候,需要注意哪些事項。當然,這些照片在做設計時,很多是攝影師提供給你的,不一定是設計師親自參與,所以為了避免出現后期多次反復改稿的情況,還是需要大家在拍攝之前和攝影師進行溝通,盡量拿出一些實例來給攝影師看,這樣才會更有效率更好的完成工作,所以,設計師需要學習的東西非常多,我們經常說,設計師要是個雜家,你的知識儲備越豐富,你在設計時越會得心應手,設計這條路走到最后拼的就是知識的廣度。


                最新推薦

                ×

                賽事服務聯系方式

                0371-86068866

                4008887269

                [email protected]

                好的,我知道了

                官方微信

                聯系我們

                • QQ:
                • 電話:0371-86068866
                • 投稿:[email protected]
                • 地址:鄭州市國家大學科技園東區9號樓2層

                版權信息

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

                福建十一选五现场