淘寶美工構圖教程

　　今天我們就一起來理清一下我們的思路，告訴你如何快速走進設計之路——從模仿別人的設計開始自己的設計生涯——這就是你入行電商設計的一個捷徑。下面我們就一起來分析一下。

　　為什么我會說從模仿別人的設計開始自己的設計生涯呢?我們先從一個好的設計是如何構成的，去分析我們入這一行需要走的路有哪些。如下圖。

　　So nice!看到上圖的時候，你的感觀是不是觸動了，就像是看到了一個黑長直的美女一樣，叫你忍不住的想多看一眼!那么，美女美在哪里你應該知道吧?如果你不知道，那只能說你真的瞎了，雖然每個的眼光都不一樣，但是共同的美的感觀肯定還是存在的，那么我們就一起來分析一下吧，上圖如此高大上是怎么做到的!

　　通過上圖我們可以看到的一個設計可以分為幾個元素組成：

　　❶　產品，就是你要圍繞著它為主題來設計的東西，是整個設計的主心骨(當然這個不一定，主次關系，可能因為不同的需求來把控，但是我們首先把它定位在第一位先)。

　　❷　背景，背景就是為了襯托出產品的價值，以為整個設計的氛圍的一個元素，它是整個設計中好像最不顯眼卻最重要的一個元素，也是讓人非常頭疼的一個東西，但是你記住，它終究是配角，不能讓它占了主人的位置。

　　❸　顏色，在電商設計中，顏色可以說是重中之重，它是體現一個設計水平的重要條件，因為顏色帶有感情，能影響人的情緒，所以如何用色，如何布局顏色也是一個重要的課程。

　　❹　排版，一個好的排版，能讓人的視覺得到舒緩，不易疲勞，且看起來很舒服，所以一個好的排版也是構成一個好設計的重要元素之一

　　❺　感情，這個概念有點模糊，上面我們也說了，顏色可以影響我們的情感，但是我為何要分開這一部分來說呢?因為感情除了顏色外還有另外一層的意思，下面我們就會講到。

　　現在我們來總結一下如何去入行電商設計：

　　首先實操就是必不可少的，其次就是理解設計的一個思路，(今天我們會把模仿構圖講完，請大家耐心看完)，然后我們必須要掌握的設計基礎技能(有很多人說，技能那么多，我應該從何學起，那么你平時練習就必不可少了，不知道從何學起，就從模仿人的設計開始，哪個效果不會就在網上找教程，及時練習即時學就是提升最快的一種方式，平時多交流，分享自己的心得，有助于你提高自己的能力)，必須要掌握色彩理論，還有構圖的技巧。

　　然后把課程表排下來就簡單多了：首先每天多看好的設計，理解一個好設計好在哪里，做好筆記!然后多練習，多學習各種不同的效果的制作方法，提升自己的工具設計能力，學習色彩理論，理解顏色的情感，顏色與顏色之間的關系，把握設計動向，現在的設計往哪個方向走，現在流行的元素有哪些?

　　總之一句話，如果你真的不知道應該怎么辦，那就先去模仿別人的設計，什么不會就現學什么?現在網絡傳播如此強大，基本上想學的東西都應有盡有，放開你的心來去做吧，別怕自己設計的東西不好，都需要一個過程，慢慢就會好了。

　　下面我們就來分析一下，如何時去模仿一個好的設計，我們還是拿上圖來分析一下：

　　首先我們要正確理解一下，我們說的模仿不是讓你抄，其實是讓你理解，其實我們抄的只是作者的想法，用色關系和布局，而不是叫你完全的把它抄下來，我們一起來再看一下下圖：

　　首先整個圖的設計，我們先來大概的分析一下，是一件夏天穿的圓點連衣裙，主題是波爾卡圓，輕松感，那么我們很快就可以發現作者需要突出的一個氛圍就是輕松感。我們來通過上圖來大膽猜測一下設計師的設計思路如下：

　　由于是現在是夏季，所以藍天白云打造的氛圍是最好不過的一個輕松氛圍了，于是剛好黃色與藍色成對比色，這樣黃色就容易突出了，產品的視覺點也就有了，于是背景用藍色，但是我們來看看，如果大面積的使用藍色的話，肯定會造成一個視覺疲勞，太刺眼了，我們想像一個藍天白云是什么樣子的?

　　當我們想到藍天的時候，白云總是不可缺少的一個元素之一，如果單單只有藍色，肯定會造成的我們的視覺疲勞，所以我們用白色來輔助一下的話就會達到更好的效果，而且還能營造出靜謐輕松的感覺來，所以我們看到上圖作者使用了比較大面積的白色來襯托藍色。

　　我們再來理清一下作者的配色思路，因為產品(這里我要把產品看作是坐在椅子上的模特)本身橙色與黃色占的面積較大，所以取了藍色大面積來壓制一下，同時作到一個突出的效果。由于藍色太刺眼，而且我們需要營造一種輕松的氣氛，所以通過藍天白云的構想，使用白色(略帶點粉)玫瑰來點綴背景，使藍色與白色結色營造出輕松的氣氛。

　　所以我們在配色的時候，我們也可以通過這一種思路來進行配色，首先取我們首要突出的顏色，然后對其進行分析，得出我們需要用到的其它顏色。

　　接下來我們來看設計的布局，通過上面的布局，我們可以畫出一個作者的布局圖來：

　　上圖我把作者的布局用數字標示出來，也是方便大家理解作者的布局思路，主次突出的順序分別從1-3，所以我們來看一下，產品在頁面占的位置大概是占了整個頁面的3分，(以黃金分割比例來說，我們大概把內容的主次分成3/7，也就是說重點和非重點之間的一個關系，)我們用一個比較直觀的圖來分析一下，其實這個圖的布局相對也是非常簡單的：

　　我們在模仿設計的時候，也可以這樣把內容分開一下，容易理解一個設計的布局是怎樣形成的，同時我們平時有時間的時候，也可以把一些好的設計拿出來分析一下布局，并存好檔，這樣當我們在需要設計的時候，就可以通過平時的積累來豐富我們的設計，例：

　　我們再來看一下作者的文案排版，由于作者需要突出的產品元素是圓點，那么為了突出這一個元素，他把圓這個元素融入到了文字當中，通過文字更直面的表達出這個元素，于是作者字體改用準圓體并把文字的圓的的正四方改成了一個加圓，同時用一個曲線來勾勒其形狀，達到一個優雅的效果(產品本身的效果就是優雅，高貴)，所以當我們在使用字體的時候，要注意與產品的情感結合在一起，而不是盲目的使用自己喜歡的字體。

　　剛才我們也說了，這個設計出發點是突出夏天的靜謐氣氛，但同時我們也不能忽略了產品本身的氣質，在選取配色的時候，我們選用了藍天白云的這個概念，但是產品是優雅高貴系列的，如果我們用白云的話，就略顯調皮了，所以作者用了一朵玫瑰花來代替白云，白中帶點淡淡的粉色，襯托出優雅高貴的氣質，并用了陰影色來點綴玫瑰花，增加了對比與靜謐的感覺，這里就是我之前所提到的感情元素，我們可以從平時的很多設計中看到，例：

　　上圖中的綠葉，這樣的一種動感效果，帶給我們一種春天的氣息一樣的感覺，代表了一種純凈美感。

　　上圖中的玫瑰花，帶給我們不一樣的視覺感受，同時也影響了我們的情感，這其實就是一種視覺情感，由靜到動的一種引導。

　　聊到這里，我們大概也理清了作者的思路，其實本文我們講得很長，實際我們總結出來，也不過就是一兩句話的事情，重要的還是學會從哪些方面去分析一個好的設計，下面我們來總結一下：

　　產品：顏色黑白橙黃(這里我們把椅子也當成是產品的一部分)要突出夏天的靜謐的感覺→于是我們得出顏色(采用夏天的天空)藍色為背景主色，用白色來輔助→產品亮點是波爾卡圓點，于是我們把字體定位成準圓體，并對其進行修飾，突出圓點這個概念元素→產品本身是優雅高貴的氣質，于是我們摒棄了白云這個元素，改用玫瑰花來點綴(白色帶點淡粉色的玫瑰花本身就有高貴靜謐的感覺，再加上陰影的襯托，對比感覺使得這個元素帶來的感覺更加直觀)→注意留白，來大家足夠的思維空間來創造他需要賦予這個設計的情感，別總是把設計堆得滿滿的，讓人的眼睛都不知道往哪里放，在看官看到一個元素后，要給他足夠的空間去思考，創造他自己的情感，千萬不能讓他情緒急躁了。

【淘寶美工構圖教程】相關文章：

美工設計構圖原則05-25

淘寶模特拍攝教程06-01

美工設計顏色運用教程05-30

淘寶直通車推廣教程08-17

淘寶服裝模特拍攝教程06-01

淘寶美工和網頁美工的區別是什么?11-19

淘寶美工需要做什么05-26

淘寶美工設計都需要做什么06-01

淘寶美工設計都需要做什么06-01