圖片處理是許多同學的困惑,我們平時做設(shè)計無非是和圖片圖形文字顏色打交道,圖片往往占了一個很大的比重。這次文章我們從常用的圖片分類來幫助你更清晰的理解圖片的多種形式應用,希望對于你日常拿到一張圖茫然不知所措的狀況有所改善。
我們先來看圖片的應用分類,我這里分了五種,嚴格來說是四種,因為矩形圖片要歸類到幾何圖片中,這里故意分成了五類是因為矩形圖片基本上是我們平時用到得最多的一種圖片應用類型,所以我單獨區(qū)分出來,讓它自成一類。
先來看矩形圖片的常用應用方式。矩形圖片是最常見的一些方式,因為設(shè)計師日常拿到的圖片形式就是矩形圖,也就是未經(jīng)裁切和設(shè)計的圖片形式。
第二個大類是輪廓圖,也就是我們需要摳圖才能得到的圖片形式。和矩形圖片一樣,它的應用也是最普遍的一種。
第三種是半輪廓圖。很容易理解,也就是沒摳完的圖,這不是偷懶,相反,哪里應該摳,哪里應該留,是需要根據(jù)畫面去分析得到。
第四個類別是幾何圖片。也就是幾何形狀的圖片形式,可以是圓形,橢圓形,多邊形,平行四邊形等。
第五種是不規(guī)則圖片,圖片的輪廓往往形式多樣,涉及創(chuàng)意表達。一般來說在ps當中用剪切蒙版來操作,當然也有其它方式可操作。是典型的一種1+1=3的案例形式,即用一個圖片加另一種輪廓形式,創(chuàng)造圖片形狀。
那么上面我們介紹了這五大類別的圖片應用形式,大家現(xiàn)在應該已經(jīng)有了一個較為全面的影響。但是在實際操作當中,圖片往往也可能結(jié)合文字信息,結(jié)合圖形來處理,結(jié)合顏色來進行處理。我將它統(tǒng)稱為圖片排版樣式。
在平時欣賞設(shè)計作品的時候,大家可以按照這種思路進行樣式收集,那么在真正的設(shè)計工作當中,就會有一個圖片形式處理素材庫,可進行快速借鑒,快速處理圖片。幫助是非常大的。
下面我們有一個案例簡單示范一下。做一張手機端淘寶店鋪頁面。
那么拿到圖片和信息文字之后,首先就是要合理分布設(shè)計板塊,按照重要層級依次排列。我首先規(guī)劃了一個三欄的區(qū)域劃分。
整理好了對應和區(qū)域版塊和文案之后,我們開始來放置圖片和文案。
這一步我們也要開始進行設(shè)計,包括顏色搭配和文字選擇,或一些小元素的點綴。先來看衣服分類版塊專區(qū)。這里一定要注意,圖片的占比要絕對統(tǒng)一,形成絕對的秩序感,清晰直觀。
下來我們設(shè)計首圖,這一板塊主要傳達文案和基礎(chǔ)調(diào)性。如果是重要的文案信息,就盡量讓它清晰直觀一些,快速傳達有效信息。
下來是優(yōu)惠券版塊,注意重要信息放大,次要信息縮小。配色與形式點綴貫徹到底,不要來回變化,會顯得版面混亂。
然后是獎品區(qū)域。注意整個版面我就這里出現(xiàn)了一次摳圖。剩下得都是矩形排版。圖片越多的地方,越是要秩序排列。
那么剩下的都是模特衣服展示圖片和價格。我們按照提前劃分好的區(qū)域依次放置即可。一個小技巧,為了讓圖片的節(jié)奏不那么呆板,我這里的圖片選擇了重復一個半。
那么每個板塊都完成之后,下來我們看一下最終的整體效果展示。
效果圖展示
為答謝客官閱讀完此文支持,特準備設(shè)計新人整套課程贈送領(lǐng)取
下方是領(lǐng)取方式
1,右上角關(guān)注小編哥哥頭條號~
2,評論文章,不限字數(shù),一個字都行
3,私信小編:免費課程
下方是課程內(nèi)容