如何做好淘寶美工構(gòu)圖？

很多新手在開始轉(zhuǎn)入電商設(shè)計(jì)這一行業(yè)的時(shí)候，總是苦惱如何開始自己的設(shè)計(jì)生涯，不知從何下手，是先學(xué)技術(shù)，理論還是直接實(shí)操，反正從哪一方面都覺得自己無從下手，想成為一個(gè)好的美工，好的設(shè)計(jì)師，有這個(gè)決心就被一道無形的墻堵住了自己的前路。

別擔(dān)心，今天我們就一起來理清一下我們的思路，告訴你如何快速走進(jìn)設(shè)計(jì)之路——從模仿別人的設(shè)計(jì)開始自己的設(shè)計(jì)生涯——這就是你入行電商設(shè)計(jì)的一個(gè)捷徑。

下面我們就一起來分析一下。

為什什么我會(huì)說從模仿別人的設(shè)計(jì)開始自己的設(shè)計(jì)生涯呢？我們先從一個(gè)好的設(shè)計(jì)是如何構(gòu)成的，去分析我們?nèi)脒@一行需要走的路有哪些。

如下圖。

So nice！看到上圖的時(shí)候，你的感觀是不是觸動(dòng)了，就像是看到了一個(gè)黑長(zhǎng)直的美女一樣，叫你忍不住的想多看一眼！那么，美女美在哪里你應(yīng)該知道吧？如果你不知道，那只能說你真的瞎了，雖然每個(gè)的眼光都不一樣，但是共同的美的感觀肯定還是存在的，那么我們就一起來分析一下吧，上圖如此高大上是怎么做到的！ 通過上圖我們可以看到的一個(gè)設(shè)計(jì)可以分為幾個(gè)元素組成： ? 產(chǎn)品，就是你要圍繞著它為主題來設(shè)計(jì)的東西，是整個(gè)設(shè)計(jì)的主心骨（當(dāng)然這個(gè)不一定，主次關(guān)系，可能因?yàn)椴煌男枨髞戆芽兀俏覀兪紫劝阉ㄎ辉诘谝晃幌龋?/p>

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

? 顏色，在電商設(shè)計(jì)中，顏色可以說是重中之重，它是體現(xiàn)一個(gè)設(shè)計(jì)水平的重要條件，因?yàn)轭伾珟в懈星?，能影響人的情緒，所以如何用色，如何布局顏色也是一個(gè)重要的課程。

? 排版，一個(gè)好的排版，能讓人的視覺得到舒緩，不易疲勞，且看起來很舒服，所以一個(gè)好的排版也是構(gòu)成一個(gè)好設(shè)計(jì)的重要元素之一 ? 感情，這個(gè)概念有點(diǎn)模糊，上面我們也說了，顏色可以影響我們的情感，但是我為何要分開這一部分來說呢？因?yàn)楦星槌祟伾膺€有另外一層的意思，下面我們就會(huì)講到。

現(xiàn)在我們來總結(jié)一下如何去入行電商設(shè)計(jì)： 首先實(shí)操就是必不可少的，其次就是理解設(shè)計(jì)的一個(gè)思路，（今天我們會(huì)把模仿構(gòu)圖講完，請(qǐng)大家耐心看完），然后我們必須要掌握的設(shè)計(jì)基礎(chǔ)技能（有很多人說，技能那么多，我應(yīng)該從何學(xué)起，那么你平時(shí)練習(xí)就必不可少了，不知道從何學(xué)起，就從模仿人的設(shè)計(jì)開始，哪個(gè)效果不會(huì)就在網(wǎng)上找教程，及時(shí)練習(xí)即時(shí)學(xué)就是提升最快的一種方式，平時(shí)多交流，分享自己的心得，有助于你提高自己的能力），必須要掌握色彩理論，還有構(gòu)圖的技巧。

然后把課程表排下來就簡(jiǎn)單多了：首先每天多看好的設(shè)計(jì)，理解一個(gè)好設(shè)計(jì)好在哪里，做好筆記！然后多練習(xí)，多學(xué)習(xí)各種不同的效果的制作方法，提升自己的工具設(shè)計(jì)能力，學(xué)習(xí)色彩理論，理解顏色的情感，顏色與顏色之間的關(guān)系，把握設(shè)計(jì)動(dòng)向，現(xiàn)在的設(shè)計(jì)往哪個(gè)方向走，現(xiàn)在流行的元素有哪些？ 總之一句話，如果你真的不知道應(yīng)該怎么辦，那就先去模仿別人的設(shè)計(jì)，什么不會(huì)就現(xiàn)學(xué)什么？現(xiàn)在網(wǎng)絡(luò)傳播如此強(qiáng)大，基本上想學(xué)的東西都應(yīng)有盡有，放開你的心來去做吧，別怕自己設(shè)計(jì)的東西不好，都需要一個(gè)過程，慢慢就會(huì)好了。

下面我們就來分析一下，如何時(shí)去模仿一個(gè)好的設(shè)計(jì)，我們還是拿上圖來分析一下： 首先我們要正確理解一下，我們說的模仿不是讓你抄，其實(shí)是讓你理解，其實(shí)我們抄的只是作者的想法，用色關(guān)系和布局，而不是叫你完全的把它抄下來，我們一起來再看一下下圖： 首先整個(gè)圖的設(shè)計(jì)，我們先來大概的分析一下，是一件夏天穿的圓點(diǎn)連衣裙，主題是波爾卡圓，輕松感，那么我們很快就可以發(fā)現(xiàn)作者需要突出的一個(gè)氛圍就是輕松感。

我們來通過上圖來大膽猜測(cè)一下設(shè)計(jì)師的設(shè)計(jì)思路如下： 由于是現(xiàn)在是夏季，所以藍(lán)天白云打造的氛圍是最好不過的一個(gè)輕松氛圍了，于是剛好黃色與藍(lán)色成對(duì)比色，這樣黃色就容易突出了，產(chǎn)品的視覺點(diǎn)也就有了，于是背景用藍(lán)色，但是我們來看看，如果大面積的使用藍(lán)色的話，肯定會(huì)造成一個(gè)視覺疲勞，太刺眼了，我們想像一個(gè)藍(lán)天白云是什么樣子的？當(dāng)我們想到藍(lán)天的時(shí)候，白云總是不可缺少的一個(gè)元素之一，如果單單只有藍(lán)色，肯定會(huì)造成的我們的視覺疲勞，所以我們用白色來輔助一下的話就會(huì)達(dá)到更好的效果，而且還能營(yíng)造出靜謐輕松的感覺來，所以我們看到上圖作者使用了比較大面積的白色來襯托藍(lán)色。

我們?cè)賮砝砬逡幌伦髡叩呐渖悸罚驗(yàn)楫a(chǎn)品（這里我要把產(chǎn)品看作是坐在椅子上的模特）本身橙色與黃色占的面積較大，所以取了藍(lán)色大面積來壓制一下，同時(shí)作到一個(gè)突出的效果。

由于藍(lán)色太刺眼，而且我們需要營(yíng)造一種輕松的氣氛，所以通過藍(lán)天白云的構(gòu)想，使用白色(略帶點(diǎn)粉)玫瑰來點(diǎn)綴背景，使藍(lán)色與白色結(jié)色營(yíng)造出輕松的氣氛。

所以我們?cè)谂渖臅r(shí)候，我們也可以通過這一種思路來進(jìn)行配色，首先取我們首要突出的顏色，然后對(duì)其進(jìn)行分析，得出我們需要用到的其它顏色。

接下來我們來看設(shè)計(jì)的布局，通過上面的布局，我們可以畫出一個(gè)作者的布局圖來： 上圖我把作者的布局用數(shù)字標(biāo)示出來，也是方便大家理解作者的布局思路，主次突出的順序分別從1-3，所以我們來看一下，產(chǎn)品在頁面占的位置大概是占了整個(gè)頁面的3分，（以黃金分割比例來說，我們大概把內(nèi)容的主次分成3/7，也就是說重點(diǎn)和非重點(diǎn)之間的一個(gè)關(guān)系，）我們用一個(gè)比較直觀的圖來分析一下，其實(shí)這個(gè)圖的布局相對(duì)也是非常簡(jiǎn)單的： 我們?cè)谀７略O(shè)計(jì)的時(shí)候，也可以這樣把內(nèi)容分開一下，容易理解一個(gè)設(shè)計(jì)的布局是怎樣形成的，同時(shí)我們平時(shí)有時(shí)間的時(shí)候，也可以把一些好的設(shè)計(jì)拿出來分析一下布局，并存好檔，這樣當(dāng)我們?cè)谛枰O(shè)計(jì)的時(shí)候，就可以通過平時(shí)的積累來豐富我們的設(shè)計(jì)，例： 我們?cè)賮砜匆幌伦髡叩奈陌概虐妫捎谧髡咝枰怀龅漠a(chǎn)品元素是圓點(diǎn)，那么為了突出這一個(gè)元素，他把圓這個(gè)元素融入到了文字當(dāng)中，通過文字更直面的表達(dá)出這個(gè)元素，于是作者字體改用準(zhǔn)圓體并把文字的圓的的正四方改成了一個(gè)加圓，同時(shí)用一個(gè)曲線來勾勒其形狀，達(dá)到一個(gè)優(yōu)雅的效果（產(chǎn)品本身的效果就是優(yōu)雅，高貴），所以當(dāng)我們?cè)谑褂米煮w的時(shí)候，要注意與產(chǎn)品的情感結(jié)合在一起，而不是盲目的使用自己喜歡的字體。

剛才我們也說了，這個(gè)設(shè)計(jì)出發(fā)點(diǎn)是突出夏天的靜謐氣氛，但同時(shí)我們也不能忽略了產(chǎn)品本身的氣質(zhì)，在選取配色的時(shí)候，我們選用了藍(lán)天白云的這個(gè)概念，但是產(chǎn)品是優(yōu)雅高貴系列的，如果我們用白云的話，就略顯調(diào)皮了，所以作者用了一朵玫瑰花來代替白云，白中帶點(diǎn)淡淡的粉色，襯托出優(yōu)雅高貴的氣質(zhì)，并用了陰影色來點(diǎn)綴玫瑰花，增加了對(duì)比與靜謐的感覺，這里就是我之前所提到的感情元素，我們可以從平時(shí)的很多設(shè)計(jì)中看到，例：上圖中的綠葉，這樣的一種動(dòng)感效果，帶給我們一種春天的氣息一樣的感覺，代表了一種純凈美感。

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

聊到這里，我們大概也理清了作者的思路，其實(shí)本文我們講得很長(zhǎng)，實(shí)際我們總結(jié)出來，也不過就是一兩句話的事情，重要的還是學(xué)會(huì)從哪些方面去分析一個(gè)好的設(shè)計(jì)，下面我們來總結(jié)一下： 產(chǎn)品：顏色黑白橙黃（這里我們把椅子也當(dāng)成是產(chǎn)品的一部分）要突出夏天的靜謐的感覺→于是我們得出顏色（采用夏天的天空）藍(lán)色為背景主色，用白色來輔助→產(chǎn)品亮點(diǎn)是波爾卡圓點(diǎn)，于是我們把字體定位成準(zhǔn)圓體，并對(duì)其進(jìn)行修飾，突出圓點(diǎn)這個(gè)概念元素→產(chǎn)品本身是優(yōu)雅高貴的氣質(zhì)，于是我們摒棄了白云這個(gè)元素，改用玫瑰花來點(diǎn)綴(白色帶點(diǎn)淡粉色的玫瑰花本身就有高貴靜謐的感覺，再加上陰影的襯托，對(duì)比感覺使得這個(gè)元素帶來的感覺更加直觀)→注意留白，來大家足夠的思維空間來創(chuàng)造他需要賦予這個(gè)設(shè)計(jì)的情感，別總是把設(shè)計(jì)堆得滿滿的，讓人的眼睛都不知道往哪里放，在看官看到一個(gè)元素后，要給他足夠的空間去思考，創(chuàng)造他自己的情感，千萬不能讓他情緒急躁了。

關(guān)于構(gòu)圖這一塊，想說的東西太多了，說上來有些長(zhǎng)篇大論的感覺，也感覺有點(diǎn)急躁了，可能會(huì)有一些講得不到位的地方，大家看完后，麻煩把自己的感想告訴我一下吧，我看看還有什么要補(bǔ)充和改進(jìn)的，請(qǐng)多多與我交流，我希望大家能我一起共同交流成長(zhǎng)，共同創(chuàng)造出我們行業(yè)的價(jià)值。

這個(gè)問題還有疑問的話，可以加幕.思.城火星老師免費(fèi)咨詢，微V.信X號(hào)是為: msc496。