- 相關(guān)推薦
淘寶美工構圖教程
今天我們就一起來(lái)理清一下我們的思路，告訴你如何快速走進(jìn)設計之路——從模仿別人的設計開(kāi)始自己的設計生涯——這就是你入行電商設計的一個(gè)捷徑。下面我們就一起來(lái)分析一下。
為什么我會(huì )說(shuō)從模仿別人的設計開(kāi)始自己的設計生涯呢?我們先從一個(gè)好的設計是如何構成的，去分析我們入這一行需要走的路有哪些。如下圖。
So nice!看到上圖的時(shí)候，你的感觀(guān)是不是觸動(dòng)了，就像是看到了一個(gè)黑長(cháng)直的美女一樣，叫你忍不住的想多看一眼!那么，美女美在哪里你應該知道吧?如果你不知道，那只能說(shuō)你真的瞎了，雖然每個(gè)的眼光都不一樣，但是共同的美的感觀(guān)肯定還是存在的，那么我們就一起來(lái)分析一下吧，上圖如此高大上是怎么做到的!
通過(guò)上圖我們可以看到的一個(gè)設計可以分為幾個(gè)元素組成：
❶ 產(chǎn)品，就是你要圍繞著(zhù)它為主題來(lái)設計的東西，是整個(gè)設計的主心骨(當然這個(gè)不一定，主次關(guān)系，可能因為不同的需求來(lái)把控，但是我們首先把它定位在第一位先)。
❷ 背景，背景就是為了襯托出產(chǎn)品的價(jià)值，以為整個(gè)設計的氛圍的一個(gè)元素，它是整個(gè)設計中好像最不顯眼卻最重要的一個(gè)元素，也是讓人非常頭疼的一個(gè)東西，但是你記住，它終究是配角，不能讓它占了主人的位置。
❸ 顏色，在電商設計中，顏色可以說(shuō)是重中之重，它是體現一個(gè)設計水平的重要條件，因為顏色帶有感情，能影響人的情緒，所以如何用色，如何布局顏色也是一個(gè)重要的課程。
❹ 排版，一個(gè)好的排版，能讓人的視覺(jué)得到舒緩，不易疲勞，且看起來(lái)很舒服，所以一個(gè)好的排版也是構成一個(gè)好設計的重要元素之一
❺ 感情，這個(gè)概念有點(diǎn)模糊，上面我們也說(shuō)了，顏色可以影響我們的情感，但是我為何要分開(kāi)這一部分來(lái)說(shuō)呢?因為感情除了顏色外還有另外一層的意思，下面我們就會(huì )講到。
現在我們來(lái)總結一下如何去入行電商設計：
首先實(shí)操就是必不可少的，其次就是理解設計的一個(gè)思路，(今天我們會(huì )把模仿構圖講完，請大家耐心看完)，然后我們必須要掌握的設計基礎技能(有很多人說(shuō)，技能那么多，我應該從何學(xué)起，那么你平時(shí)練習就必不可少了，不知道從何學(xué)起，就從模仿人的設計開(kāi)始，哪個(gè)效果不會(huì )就在網(wǎng)上找教程，及時(shí)練習即時(shí)學(xué)就是提升最快的一種方式，平時(shí)多交流，分享自己的心得，有助于你提高自己的能力)，必須要掌握色彩理論，還有構圖的技巧。
然后把課程表排下來(lái)就簡(jiǎn)單多了：首先每天多看好的設計，理解一個(gè)好設計好在哪里，做好筆記!然后多練習，多學(xué)習各種不同的效果的制作方法，提升自己的工具設計能力，學(xué)習色彩理論，理解顏色的情感，顏色與顏色之間的關(guān)系，把握設計動(dòng)向，現在的設計往哪個(gè)方向走，現在流行的元素有哪些?
總之一句話(huà)，如果你真的不知道應該怎么辦，那就先去模仿別人的設計，什么不會(huì )就現學(xué)什么?現在網(wǎng)絡(luò )傳播如此強大，基本上想學(xué)的東西都應有盡有，放開(kāi)你的心來(lái)去做吧，別怕自己設計的東西不好，都需要一個(gè)過(guò)程，慢慢就會(huì )好了。
下面我們就來(lái)分析一下，如何時(shí)去模仿一個(gè)好的設計，我們還是拿上圖來(lái)分析一下：
首先我們要正確理解一下，我們說(shuō)的模仿不是讓你抄，其實(shí)是讓你理解，其實(shí)我們抄的只是作者的想法，用色關(guān)系和布局，而不是叫你完全的把它抄下來(lái)，我們一起來(lái)再看一下下圖：
首先整個(gè)圖的設計，我們先來(lái)大概的分析一下，是一件夏天穿的圓點(diǎn)連衣裙，主題是波爾卡圓，輕松感，那么我們很快就可以發(fā)現作者需要突出的一個(gè)氛圍就是輕松感。我們來(lái)通過(guò)上圖來(lái)大膽猜測一下設計師的設計思路如下：
由于是現在是夏季，所以藍天白云打造的氛圍是最好不過(guò)的一個(gè)輕松氛圍了，于是剛好黃色與藍色成對比色，這樣黃色就容易突出了，產(chǎn)品的視覺(jué)點(diǎn)也就有了，于是背景用藍色，但是我們來(lái)看看，如果大面積的使用藍色的話(huà)，肯定會(huì )造成一個(gè)視覺(jué)疲勞，太刺眼了，我們想像一個(gè)藍天白云是什么樣子的?
當我們想到藍天的時(shí)候，白云總是不可缺少的一個(gè)元素之一，如果單單只有藍色，肯定會(huì )造成的我們的視覺(jué)疲勞，所以我們用白色來(lái)輔助一下的話(huà)就會(huì )達到更好的效果，而且還能營(yíng)造出靜謐輕松的感覺(jué)來(lái)，所以我們看到上圖作者使用了比較大面積的白色來(lái)襯托藍色。
我們再來(lái)理清一下作者的配色思路，因為產(chǎn)品(這里我要把產(chǎn)品看作是坐在椅子上的模特)本身橙色與黃色占的面積較大，所以取了藍色大面積來(lái)壓制一下，同時(shí)作到一個(gè)突出的效果。由于藍色太刺眼，而且我們需要營(yíng)造一種輕松的氣氛，所以通過(guò)藍天白云的構想，使用白色(略帶點(diǎn)粉)玫瑰來(lái)點(diǎn)綴背景，使藍色與白色結色營(yíng)造出輕松的氣氛。
所以我們在配色的時(shí)候，我們也可以通過(guò)這一種思路來(lái)進(jìn)行配色，首先取我們首要突出的顏色，然后對其進(jìn)行分析，得出我們需要用到的其它顏色。
接下來(lái)我們來(lái)看設計的布局，通過(guò)上面的布局，我們可以畫(huà)出一個(gè)作者的布局圖來(lái)：
上圖我把作者的布局用數字標示出來(lái)，也是方便大家理解作者的布局思路，主次突出的順序分別從1-3，所以我們來(lái)看一下，產(chǎn)品在頁(yè)面占的位置大概是占了整個(gè)頁(yè)面的3分，(以黃金分割比例來(lái)說(shuō)，我們大概把內容的主次分成3/7，也就是說(shuō)重點(diǎn)和非重點(diǎn)之間的一個(gè)關(guān)系，)我們用一個(gè)比較直觀(guān)的圖來(lái)分析一下，其實(shí)這個(gè)圖的布局相對也是非常簡(jiǎn)單的：
我們在模仿設計的時(shí)候，也可以這樣把內容分開(kāi)一下，容易理解一個(gè)設計的布局是怎樣形成的，同時(shí)我們平時(shí)有時(shí)間的時(shí)候，也可以把一些好的設計拿出來(lái)分析一下布局，并存好檔，這樣當我們在需要設計的時(shí)候，就可以通過(guò)平時(shí)的積累來(lái)豐富我們的設計，例：
我們再來(lái)看一下作者的文案排版，由于作者需要突出的產(chǎn)品元素是圓點(diǎn)，那么為了突出這一個(gè)元素，他把圓這個(gè)元素融入到了文字當中，通過(guò)文字更直面的表達出這個(gè)元素，于是作者字體改用準圓體并把文字的圓的的正四方改成了一個(gè)加圓，同時(shí)用一個(gè)曲線(xiàn)來(lái)勾勒其形狀，達到一個(gè)優(yōu)雅的效果(產(chǎn)品本身的效果就是優(yōu)雅，高貴)，所以當我們在使用字體的時(shí)候，要注意與產(chǎn)品的情感結合在一起，而不是盲目的使用自己喜歡的字體。
剛才我們也說(shuō)了，這個(gè)設計出發(fā)點(diǎn)是突出夏天的靜謐氣氛，但同時(shí)我們也不能忽略了產(chǎn)品本身的氣質(zhì)，在選取配色的時(shí)候，我們選用了藍天白云的這個(gè)概念，但是產(chǎn)品是優(yōu)雅高貴系列的，如果我們用白云的話(huà)，就略顯調皮了，所以作者用了一朵玫瑰花來(lái)代替白云，白中帶點(diǎn)淡淡的粉色，襯托出優(yōu)雅高貴的氣質(zhì)，并用了陰影色來(lái)點(diǎn)綴玫瑰花，增加了對比與靜謐的感覺(jué)，這里就是我之前所提到的感情元素，我們可以從平時(shí)的很多設計中看到，例：
上圖中的綠葉，這樣的一種動(dòng)感效果，帶給我們一種春天的氣息一樣的感覺(jué)，代表了一種純凈美感。
上圖中的玫瑰花，帶給我們不一樣的視覺(jué)感受，同時(shí)也影響了我們的情感，這其實(shí)就是一種視覺(jué)情感，由靜到動(dòng)的一種引導。
聊到這里，我們大概也理清了作者的思路，其實(shí)本文我們講得很長(cháng)，實(shí)際我們總結出來(lái)，也不過(guò)就是一兩句話(huà)的事情，重要的還是學(xué)會(huì )從哪些方面去分析一個(gè)好的設計，下面我們來(lái)總結一下：
產(chǎn)品：顏色黑白橙黃(這里我們把椅子也當成是產(chǎn)品的一部分)要突出夏天的靜謐的感覺(jué)→于是我們得出顏色(采用夏天的天空)藍色為背景主色，用白色來(lái)輔助→產(chǎn)品亮點(diǎn)是波爾卡圓點(diǎn)，于是我們把字體定位成準圓體，并對其進(jìn)行修飾，突出圓點(diǎn)這個(gè)概念元素→產(chǎn)品本身是優(yōu)雅高貴的氣質(zhì)，于是我們摒棄了白云這個(gè)元素，改用玫瑰花來(lái)點(diǎn)綴(白色帶點(diǎn)淡粉色的玫瑰花本身就有高貴靜謐的感覺(jué)，再加上陰影的襯托，對比感覺(jué)使得這個(gè)元素帶來(lái)的感覺(jué)更加直觀(guān))→注意留白，來(lái)大家足夠的思維空間來(lái)創(chuàng )造他需要賦予這個(gè)設計的情感，別總是把設計堆得滿(mǎn)滿(mǎn)的，讓人的眼睛都不知道往哪里放，在看官看到一個(gè)元素后，要給他足夠的空間去思考，創(chuàng )造他自己的情感，千萬(wàn)不能讓他情緒急躁了。
【淘寶美工構圖教程】相關(guān)文章：
20種淘寶美工小技巧教程03-14
傳統美工與淘寶美工的區別03-18
淘寶模特拍攝教程01-09
淘寶客推廣教程03-09
什么是淘寶美工03-18
如何做好電商美工構圖03-13
淘寶模特服裝拍攝教程03-17
淘寶美工的排版技巧03-14