超多案例！從3個(gè)方面幫你學(xué)會(huì)運(yùn)用圖片素材（附案例實(shí)操）

前言

如果說(shuō)設(shè)計(jì)師有一項(xiàng)技能是必須要學(xué)會(huì)的，那么對(duì)于圖像的處理一定是一個(gè)離不開(kāi)的話題。很多小伙伴私下找我聊天的時(shí)候都提到不知道如何使用圖片，不知道如何認(rèn)識(shí)和發(fā)揮出這個(gè)圖片的自身優(yōu)勢(shì)。

這樣的結(jié)果很容易造成圖片和我們自己選擇的元素不搭，更嚴(yán)重可能會(huì)造成自己設(shè)計(jì)的素材和圖片互相干擾，從而整個(gè)畫(huà)面陷入失衡的狀態(tài)。

今天董掌柜準(zhǔn)備用一篇文章來(lái)跟大家詳細(xì)討論，一張圖到手后我們?cè)撊绾芜M(jìn)行分析，以及如何針對(duì)圖像信息的特點(diǎn)做出適合的操作。當(dāng)然本文也會(huì)談到關(guān)于解析圖像問(wèn)題的思路和應(yīng)對(duì)方式。

更多視覺(jué)干貨：

剛才說(shuō)完了定位，那么預(yù)設(shè)是什么呢？預(yù)設(shè)指的是我們做好定位后，針對(duì)其參考圖片進(jìn)行的特征分析，分析出來(lái)的特征結(jié)果是我們?cè)谧鲈O(shè)計(jì)的時(shí)候要參考使用的。

例如我們剛才提到的紀(jì)實(shí)陳述風(fēng)格，通過(guò)觀察我發(fā)現(xiàn)他可能有以下特征，第一文字都相對(duì)簡(jiǎn)單簡(jiǎn)約，字形偏細(xì)，這意味著此種風(fēng)格要以圖片本身的內(nèi)容為主，文字只是做說(shuō)明作用和輔助作用。

第二可以采用上下分割的形式讓圖文分離，避免文字干擾圖片。

第三，圖片本身不適合有過(guò)于強(qiáng)烈的沖擊力，相對(duì)柔和自然的圖片會(huì)更適合此風(fēng)格。

這個(gè)時(shí)候難點(diǎn)就來(lái)了，面對(duì)這種特別相近的風(fēng)格我們應(yīng)該如何做出分析處理？首先我們要把設(shè)計(jì)分成四點(diǎn)，第一是文字維度，顯然他的文字處理要比紀(jì)實(shí)風(fēng)格復(fù)雜但是又沒(méi)有促銷(xiāo)那么復(fù)雜，所以第一條就可以確定下來(lái)了，文字的復(fù)雜程度適中，文字的粗細(xì)偏細(xì)。

第二就是主圖的內(nèi)容，可以看到安靜清新的風(fēng)格更多表現(xiàn)的是整體清新安靜的氣質(zhì)而非圖片里的內(nèi)容，圖片只是作為加強(qiáng)調(diào)性的一個(gè)元素，如果僅僅從預(yù)設(shè)定位上考慮，圖片就是用來(lái)加強(qiáng)清新安靜的視覺(jué)印象。

第三就是最明顯的特征，不管是標(biāo)題還是輔助元素都會(huì)出現(xiàn)大量的手繪素材，用來(lái)拉近與觀者的距離。

第四則是畫(huà)面會(huì)留有足夠的留白空間不會(huì)堆積的特別慢，標(biāo)題和主體不會(huì)形成強(qiáng)烈的對(duì)沖，這些就是我個(gè)人分析的過(guò)程。當(dāng)獲取到這些信息后，我們自己的設(shè)計(jì)就會(huì)輕松很多。

如果做復(fù)古感的設(shè)計(jì)，我們依舊是從這幾個(gè)角度考慮，第一文字肯定是要選用相對(duì)老一些的字體，當(dāng)然我們那個(gè)圖片不適合用上面這個(gè)圖作為參考，例如這里的字體就類(lèi)似招牌體，如果是換成我們的圖片，可能會(huì)選用明朝體搭配古羅馬體。

第二圖片內(nèi)容不存在過(guò)于明顯的現(xiàn)代元素即可。

第三最明顯的特征就是整體的飽和度不會(huì)特別的高，尤其是歐式的復(fù)古飽和度會(huì)更加的低。

第四要使用復(fù)古對(duì)應(yīng)時(shí)代的特殊元素來(lái)強(qiáng)化復(fù)古的視覺(jué)印象。

視覺(jué)對(duì)比度其實(shí)就是項(xiàng)目調(diào)性的設(shè)計(jì)大方向，視覺(jué)對(duì)比度會(huì)隨著項(xiàng)目展現(xiàn)欲望的增強(qiáng)而同時(shí)增強(qiáng)反之亦然。再簡(jiǎn)單點(diǎn)來(lái)說(shuō)就是你想讓人第一眼就注意到你還是想讓人沉浸式觀察你的作品。

一眼注意的顯然更符合大部分的商業(yè)目的，他的傳播力是相對(duì)比較強(qiáng)的，像是常規(guī)的促銷(xiāo)打折，電商活動(dòng)等等都采用高視覺(jué)對(duì)比度的設(shè)計(jì)。

沉浸式觀察更適合應(yīng)用在場(chǎng)景中，比如咖啡店桌子旁的一張海報(bào)，又或者是展會(huì)中的一個(gè)視覺(jué)作品。當(dāng)然并不是說(shuō)沉浸式的只能用在場(chǎng)景里，可以是針對(duì)某一類(lèi)小眾人群的也是可以，因?yàn)槠湓O(shè)計(jì)中出現(xiàn)的元素可能就會(huì)讓對(duì)應(yīng)的人群停留下來(lái)細(xì)細(xì)觀看。

所謂形式形態(tài)其實(shí)決定的就是畫(huà)面元素的主要造型傾向。傾向分為直，曲，斜三種。直對(duì)應(yīng)的情緒是正式、平穩(wěn)、安靜、和諧這類(lèi)項(xiàng)目調(diào)性。曲對(duì)應(yīng)的是流暢、自然、自由、靈動(dòng)、柔軟、可愛(ài)等項(xiàng)目調(diào)性。斜則對(duì)應(yīng)的則是動(dòng)感、速度、對(duì)抗、不穩(wěn)定感等調(diào)性的項(xiàng)目。

形式形態(tài)在畫(huà)面中的影響包括一下幾個(gè)部分，第一是我們剛才提到的造型控制，第二是字形的選擇，第三還包括信息的編排形式。

造型的控制因素有很多，主體的形態(tài)，項(xiàng)目的調(diào)性，特殊風(fēng)格甚至是信息的多少都可以成為造型的主要依據(jù)。還要提到的一點(diǎn)就是這幾種可能會(huì)同時(shí)存在，并不是互相排斥的關(guān)系。光說(shuō)可能大家沒(méi)有這個(gè)概念，下面我給大家找一些具體的設(shè)計(jì)圖一看就能理解了。

字形方面就更好理解了，根據(jù)項(xiàng)目的調(diào)性確定字形的選用，字形的特征可以粗略的分為這幾種，圓、方、斜、飛白、曲等。我們可以根據(jù)主體的形式形態(tài)去選擇字體。

結(jié)合上面的知識(shí)我們來(lái)做一下案例實(shí)操，看設(shè)計(jì)如何從無(wú)到有一步步的進(jìn)行演變，還有對(duì)項(xiàng)目調(diào)性，文案內(nèi)容的分析，尤其是針對(duì)圖片的處理過(guò)程大家一定要盡可能的上手嘗試一下。

這里我刻意選擇了非水墨的國(guó)風(fēng)設(shè)計(jì)風(fēng)格，水墨的大家肯定都會(huì)用了，這里我就做一個(gè)不依賴(lài)水墨素材的設(shè)計(jì)了。

同樣也可以走傳統(tǒng)大氣的感覺(jué)以圖為主文字為輔，拉大文字和圖片的大小差但是又不提升視覺(jué)的對(duì)比度，方法就是讓標(biāo)題別那么搶眼，讓主體足夠清晰，標(biāo)題適當(dāng)縮小拉高調(diào)性。

這里大家可能會(huì)看蒙了，怎么比例差越大還越弱對(duì)比了。我們可以留心觀察一下下面這組圖，促銷(xiāo)欲望越強(qiáng)的標(biāo)題和主圖大小就越接近給人一種叫賣(mài)的感覺(jué)因?yàn)榈教幎荚诜糯蠼o人視覺(jué)以膨脹感。

而調(diào)性高級(jí)的設(shè)計(jì)往往標(biāo)題都不會(huì)太大，即使標(biāo)題面積大，其中的內(nèi)白也會(huì)非常大，總之不會(huì)像促銷(xiāo)性的設(shè)計(jì)標(biāo)題一放在那，就感覺(jué)是一大片，這樣才能給人告知的感覺(jué)，不會(huì)讓人覺(jué)得很緊迫或者挑動(dòng)你消費(fèi)的欲望特別強(qiáng)。

因?yàn)槠湫螒B(tài)更加類(lèi)似長(zhǎng)方形，我們的空間形態(tài)也是長(zhǎng)方形，一個(gè)是橫向的一個(gè)是縱向的，所以一定要先進(jìn)行旋轉(zhuǎn)，才能讓主體最大限度的發(fā)揮作用，而不是因?yàn)槠浔忾L(zhǎng)的趨勢(shì)造成畫(huà)面的負(fù)空間，很多設(shè)計(jì)師都是第一步就已經(jīng)在給自己找麻煩了，就是因?yàn)闆](méi)有這種分析。

喲~全看完了，真不戳給你點(diǎn)個(gè)贊~

歡迎關(guān)注作者微信公眾號(hào)：「視研設(shè)」