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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

效果圖展示

福利互動

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

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

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

2，評論文章，不限字?jǐn)?shù)，一個字都行

3，私信小編：免費課程

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