這二個(gè)月電商設(shè)計(jì)師們的日子可不怎么好過。

雙11剛大擼完，又碰上雙12；還沒怎么來得及思考“狗生”（單身狗）圣誕節(jié)又來了。

虐狗、虐心也就罷了，該擼的圖一個(gè)都不能少。

緊接著還有元旦節(jié)、年貨節(jié)、春節(jié)……

餓滴個(gè)媽呀……

那么問題來了？

專題活動(dòng)該如何擼？

圣誕專題又該怎么擼？

以下是我手機(jī)端圣誕首頁模板 的設(shè)計(jì)制作過程；分享出來，希望對做電商設(shè)計(jì)、美工的您有所幫助。（總用時(shí)1天，找素材大概花了半天時(shí)間，擼圖花去5、6個(gè)鐘左右，由于是手機(jī)端，合成做的比較用心）廢話不多說，先上圖。中間重復(fù)性模塊略作刪減，具體文案、結(jié)構(gòu)以上線為準(zhǔn)。

以下是設(shè)計(jì)思路分享過程（干貨在后面，別走開）

—————————————————————  設(shè)計(jì)思路  ———————————————————

制作方向：

1/手機(jī)端首頁

受限于手機(jī)屏顯，版式分割不宜太活潑，保證消費(fèi)者購物刷屏?xí)r，每一屏信息傳達(dá)準(zhǔn)確、無誤、明晰；

2/圣誕節(jié)專題

紅、綠、白經(jīng)典配色深入人心，雖說有點(diǎn)俗氣，但活動(dòng)氛圍濃烈，具體表現(xiàn)要看設(shè)計(jì)師功底。

收集案例/素材：

這是一個(gè)找靈感的過程，一邊收集一邊去思考。

優(yōu)秀的案例是如何在視覺層面上去表現(xiàn)產(chǎn)品？自家產(chǎn)品可否這樣表達(dá)？二個(gè)或是多個(gè)案例可否融合在一起？

收集于專題相關(guān)的素材，素材必須是清晰的、高圖質(zhì)的，拒絕使用模糊素材（除非是設(shè)計(jì)需要）。

每做一個(gè)項(xiàng)目，每做一個(gè)設(shè)計(jì)，好的素材都要收集起來，形成自己的素材庫，分類整理好。

何為之優(yōu)秀的案例與素材？這個(gè)關(guān)乎設(shè)計(jì)師個(gè)人審美。審美如何提升？多看。多看。多看。重要的事說三遍。

收集是比較花時(shí)間的，思考確實(shí)是比較痛苦的過程，這是每個(gè)設(shè)計(jì)都會(huì)經(jīng)歷的階段（別著急！以下有捷徑）。

坦率的講：電商設(shè)計(jì)的素材需求 花瓣網(wǎng)均可以滿足。鏈接地址：http://huaban.com/

以下推薦幾個(gè)好用的國外素材網(wǎng)（素材均可免費(fèi)商用、不需翻墻、加載速度快）

01/Pexels

鏈接地址：http://pexels.com/

02／Designers Pics

鏈接地址：www.designerspics.com

03／Unsplash

鏈接地址：https://unsplash.com

04／Foodie's Feed

鏈接地址：foodiesfeed.com

05／Pixabay

鏈接地址：https://pixabay.com/

開始設(shè)計(jì)制作：

1/首先分析第一屏的制作思路，先看作品及素材（左邊為作品，右邊為素材/案例截圖，下同）

在前期收集案例、素材的時(shí)候。通過各種對比，腦海中下意識(shí)浮現(xiàn)大致的場景及 設(shè)計(jì)需要運(yùn)用到的元素。比如：一般圣誕專題多數(shù)會(huì)用到暗色調(diào)、圣誕老人、彩燈等；這種表現(xiàn)手法幾乎被用到爛，很難從視覺上跳出來。收集案例過程中，一些 非 常規(guī)表現(xiàn)手法的案例、素材就會(huì)引起你的注意，從而主觀上收集更多類似元素。如這次專題設(shè)計(jì)，我更多的是想通過雪地的場景來表達(dá)產(chǎn)品。

第一屏運(yùn)用的是合成技巧。合成是比較考驗(yàn)設(shè)計(jì)師功底的活，網(wǎng)上有很多相關(guān)教程，這里不再復(fù)述?？梢躁P(guān)注下杰克sean老師及致設(shè)計(jì)網(wǎng)等等。

2/干貨來了。

作為多數(shù)電商設(shè)計(jì)、美工來說，首先要承認(rèn)這樣的事實(shí)：我們沒有太多的話語權(quán)、運(yùn)營節(jié)奏快、設(shè)計(jì)周期短、沒有文案等一系列問題。

多數(shù)情況是這樣：運(yùn)營只是跟你口頭溝通一下，沒有具體結(jié)構(gòu)，更別奢求文案、需求文檔之類的東東了。設(shè)定交稿時(shí)間（通常是極期短的期限），之后的事就全丟給你這邊了。美工與運(yùn)營鬧矛盾多半是因?yàn)檫@。

假如讓你一天完成一個(gè)首頁制作，你會(huì)用什么方法？大量的找參考然后開始設(shè)計(jì)制作，還是擺脫不了加班加點(diǎn)、通宵達(dá)旦的擼圖。我相信你的內(nèi)心一定是拒絕的，且要開始罵娘了。

怎樣快速高效出圖？

請您先看看以下作品及所運(yùn)用的素材。上圖

不知道你有沒有看明白，沒錯(cuò)！我是用比較討巧的方法：

直接取用優(yōu)秀案例里的素材，融入產(chǎn)品，完成設(shè)計(jì)制作。

這樣做的好處是顯而易見的，案例中的素材都是相對優(yōu)質(zhì)，且經(jīng)過之前設(shè)計(jì)師反復(fù)考量斟酌。在相同場景里，這些素材的相關(guān)性及其高，省去你再設(shè)計(jì)時(shí)的思考時(shí)間。畢竟要擼得一手好圖，也是很花時(shí)間的好嗎？

作品中的雪地素材，類似這樣相對難找的素材，就自己動(dòng)手畫出來。（什么，不會(huì)？請自行百度）關(guān)系到效率問題，能動(dòng)手自己制作的，千萬不要去滿世界找，網(wǎng)速好還OK，網(wǎng)速差那就更要命了。

以上案例分享完畢。

————————————————————  我是分割線  ———————————————————

這樣的做法，估計(jì)又有人會(huì)開噴了！設(shè)計(jì)無所謂好與壞，每個(gè)人都有自己的一套方法。相互模仿與借鑒是每個(gè)菜鳥通往高手的必經(jīng)之路；再說了，能把別人家的素材運(yùn)用好，擼得一手好圖，這本身也是一種牛逼能力。有能力者會(huì)有更多的追求，會(huì)做出更好的設(shè)計(jì)。

但話又說回來，如何每次作圖都還停留在需要大量找參考、借鑒的話，自己應(yīng)該很清楚自己缺少哪些知識(shí)，需要惡補(bǔ)回來。這個(gè)階段不需要想太多，只要多做多練多看，自然會(huì)有靈感。

給自己定個(gè)小目標(biāo)吧：收集100種不同網(wǎng)頁版式；收集100個(gè)創(chuàng)意合成；收集100款配色方案。收集完成后繼續(xù)下一個(gè)小目標(biāo)，練習(xí)100種不同網(wǎng)頁版式；練習(xí)100個(gè)創(chuàng)意合成；練習(xí)100款配色方案。假以時(shí)日，當(dāng)你拿出這300款作品的時(shí)候，你已經(jīng)是眾人膜拜的超神了。

說了這么多，其實(shí)就是想告訴你：能擼圖就別瞎BB，趕緊給我擼圖去……