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

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

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

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

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

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

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

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

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

• 優(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á)。一般來說在ps當(dāng)中用剪切蒙版來操作，當(dāng)然也有其它方式可操作。是典型的一種1+1=3的案例形式，即用一個(gè)圖片加另一種輪廓形式，創(chuàng)造圖片形狀。

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

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

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

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

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

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

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

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

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

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

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

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

效果圖展示

福利互動(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)容