圖片處理是許多同學(xué)的困惑，我們平時(shí)做設(shè)計(jì)無(wú)非是和圖片圖形文字顏色打交道，圖片往往占了一個(gè)很大的比重。這次文章我們從常用的圖片分類(lèi)來(lái)幫助你更清晰的理解圖片的多種形式應(yīng)用，希望對(duì)于你日常拿到一張圖茫然不知所措的狀況有所改善。

我們先來(lái)看圖片的應(yīng)用分類(lèi)，我這里分了五種，嚴(yán)格來(lái)說(shuō)是四種，因?yàn)榫匦螆D片要?dú)w類(lèi)到幾何圖片中，這里故意分成了五類(lèi)是因?yàn)榫匦螆D片基本上是我們平時(shí)用到得最多的一種圖片應(yīng)用類(lèi)型，所以我單獨(dú)區(qū)分出來(lái)，讓它自成一類(lèi)。

先來(lái)看矩形圖片的常用應(yīng)用方式。矩形圖片是最常見(jiàn)的一些方式，因?yàn)樵O(shè)計(jì)師日常拿到的圖片形式就是矩形圖，也就是未經(jīng)裁切和設(shè)計(jì)的圖片形式。

• 優(yōu)點(diǎn)是易于排版，整齊秩序。
• 缺點(diǎn)是靈活度較低，形式感不足。

第二個(gè)大類(lèi)是輪廓圖，也就是我們需要摳圖才能得到的圖片形式。和矩形圖片一樣，它的應(yīng)用也是最普遍的一種。

• 優(yōu)點(diǎn)是能背景干凈，重點(diǎn)突出。
• 缺點(diǎn)是面積感不夠強(qiáng)烈，排版時(shí)需注意整體的秩序，很容易導(dǎo)致畫(huà)面散亂。

第三種是半輪廓圖。很容易理解，也就是沒(méi)摳完的圖，這不是偷懶，相反，哪里應(yīng)該摳，哪里應(yīng)該留，是需要根據(jù)畫(huà)面去分析得到。

• 優(yōu)點(diǎn)是可以創(chuàng)造空間上的層次感或是形式感。
• 缺點(diǎn)是這類(lèi)圖的形式趣味性更強(qiáng)一些，不是所有的項(xiàng)目都適用。

第四個(gè)類(lèi)別是幾何圖片。也就是幾何形狀的圖片形式，可以是圓形，橢圓形，多邊形，平行四邊形等。

• 優(yōu)點(diǎn)是趣味性和形式感十分強(qiáng)烈，可以創(chuàng)造較為豐富的版面結(jié)構(gòu)。
• 缺點(diǎn)是排版難度較大，因?yàn)閳D片形式越是復(fù)雜，在版面當(dāng)中與其它的圖形文字就越是難以配合，考驗(yàn)功底。

第五種是不規(guī)則圖片，圖片的輪廓往往形式多樣，涉及創(chuàng)意表達(dá)。一般來(lái)說(shuō)在ps當(dāng)中用剪切蒙版來(lái)操作，當(dāng)然也有其它方式可操作。是典型的一種1+1=3的案例形式，即用一個(gè)圖片加另一種輪廓形式，創(chuàng)造圖片形狀。

• 優(yōu)點(diǎn)是可發(fā)揮性較強(qiáng)，考驗(yàn)?zāi)X洞及聯(lián)想能力。
• 缺點(diǎn)是操作難度高，畫(huà)面排版難以把控。

那么上面我們介紹了這五大類(lèi)別的圖片應(yīng)用形式，大家現(xiàn)在應(yīng)該已經(jīng)有了一個(gè)較為全面的影響。但是在實(shí)際操作當(dāng)中，圖片往往也可能結(jié)合文字信息，結(jié)合圖形來(lái)處理，結(jié)合顏色來(lái)進(jìn)行處理。我將它統(tǒng)稱為圖片排版樣式。

在平時(shí)欣賞設(shè)計(jì)作品的時(shí)候，大家可以按照這種思路進(jìn)行樣式收集，那么在真正的設(shè)計(jì)工作當(dāng)中，就會(huì)有一個(gè)圖片形式處理素材庫(kù)，可進(jìn)行快速借鑒，快速處理圖片。幫助是非常大的。

下面我們有一個(gè)案例簡(jiǎn)單示范一下。做一張手機(jī)端淘寶店鋪?lái)?yè)面。

那么拿到圖片和信息文字之后，首先就是要合理分布設(shè)計(jì)板塊，按照重要層級(jí)依次排列。我首先規(guī)劃了一個(gè)三欄的區(qū)域劃分。

整理好了對(duì)應(yīng)和區(qū)域版塊和文案之后，我們開(kāi)始來(lái)放置圖片和文案。

這一步我們也要開(kāi)始進(jìn)行設(shè)計(jì)，包括顏色搭配和文字選擇，或一些小元素的點(diǎn)綴。先來(lái)看衣服分類(lèi)版塊專區(qū)。這里一定要注意，圖片的占比要絕對(duì)統(tǒng)一，形成絕對(duì)的秩序感，清晰直觀。

下來(lái)我們?cè)O(shè)計(jì)首圖，這一板塊主要傳達(dá)文案和基礎(chǔ)調(diào)性。如果是重要的文案信息，就盡量讓它清晰直觀一些，快速傳達(dá)有效信息。

下來(lái)是優(yōu)惠券版塊，注意重要信息放大，次要信息縮小。配色與形式點(diǎn)綴貫徹到底，不要來(lái)回變化，會(huì)顯得版面混亂。

然后是獎(jiǎng)品區(qū)域。注意整個(gè)版面我就這里出現(xiàn)了一次摳圖。剩下得都是矩形排版。圖片越多的地方，越是要秩序排列。

那么剩下的都是模特衣服展示圖片和價(jià)格。我們按照提前劃分好的區(qū)域依次放置即可。一個(gè)小技巧，為了讓圖片的節(jié)奏不那么呆板，我這里的圖片選擇了重復(fù)一個(gè)半。

那么每個(gè)板塊都完成之后，下來(lái)我們看一下最終的整體效果展示。

效果圖展示

福利互動(dòng)

為答謝客官閱讀完此文支持，特準(zhǔn)備設(shè)計(jì)新人整套課程贈(zèng)送領(lǐng)取

下方是領(lǐng)取方式

1，右上角關(guān)注小編哥哥頭條號(hào)~

2，評(píng)論文章，不限字?jǐn)?shù)，一個(gè)字都行

3，私信小編：免費(fèi)課程

下方是課程內(nèi)容