上周，我們更新了一些學員的電商設(shè)計練習作品。

在結(jié)尾征集大家意見，希望看到哪一張作品的詳細講解。

最終，這張讓人眼前一亮的小清新作品受到大家的一致好評：

在征詢作者本人的意見和想法后，今天，我們從創(chuàng)意構(gòu)思和策劃的角度，把他的作品剝繭抽絲，跟大家聊聊創(chuàng)作背后的邏輯與原理。

大神都這么隨和的嗎，愛了愛了。

閑話少說，進入正題，這次設(shè)計的主角：

一款定價在300元左右的中高端貓砂盆。

要給貓砂盆設(shè)計一款海報，很多設(shè)計師第一反應(yīng)肯定是借助受大眾寵愛的貓咪形象。

一個溫馨的小窩，可愛的貓咪在產(chǎn)品旁打盹兒，想想那個畫面至少是一張合格的貓砂盆設(shè)計。

但是，這樣的構(gòu)思有一個嚴重的BUG。

同樣的場景，我換一個貓砂盆，甚至換一個貓糧投喂機，照樣行得通。

這就是現(xiàn)在不少朋友吐槽電商設(shè)計越來越華而不實的原因。

很多設(shè)計師把一腔熱血都灌注于畫面的雕刻上，專注于每一個細節(jié)的材質(zhì)表現(xiàn)，每一處光影的邏輯與美感。

不是說這樣不好，美感是一個設(shè)計師應(yīng)該追求的本質(zhì)。

但作為商業(yè)設(shè)計師，風格、材質(zhì)、色彩、光影都只是我們用來展現(xiàn)產(chǎn)品，提升轉(zhuǎn)化率的手段。

產(chǎn)品是我們絕對的主角，我們的一切設(shè)計都應(yīng)該建立在與產(chǎn)品產(chǎn)生獨一無二的關(guān)聯(lián)度上。

所以，在前期策劃時，我們索性可以忽略產(chǎn)品和同類競品的共同點，劍走偏鋒，差異化才是這個時代的主基調(diào)。

像我們這位學員，他沒有從最容易想到的使用場景入手，而是進一步深挖，從產(chǎn)品的設(shè)計理念：喵星飛船入手。

產(chǎn)品本身將貓砂盆設(shè)計成一艘宇宙飛船的形象，希望將貓砂盆的整體外形趣味化，讓貓咪在里面上廁所的時候像乘坐宇宙飛船一樣。

我們可以從這個點出發(fā)，將飛船的概念具象化，既從視覺角度傳遞了產(chǎn)品的設(shè)計理念，又成功地和競品形成了差異化。

不過，場景我們可以參考科幻大片的外太空和空間站，但是也要考慮到產(chǎn)品本身依然只是一款貓咪使用的貓砂盆。

因此，在質(zhì)感參考上還是要向可愛系靠攏。

前期的策劃有了一個大的框架，現(xiàn)在就可以進入到畫面的實操了。

第一個問題，透視。

找產(chǎn)品透視是很多新人設(shè)計師最頭疼的點，方形產(chǎn)品的透視還好說，延伸產(chǎn)品邊緣就能找到消失點。

但像這樣的弧形產(chǎn)品如何找視平線和消失點？

給大家分享一個簡單的方法。

我們用橢圓選區(qū)工具框選出產(chǎn)品不同區(qū)域的弧形邊緣：

Ctrl+T打開自由變換，按住alt鍵，將中心點移至一個大概的視平線位置，

再次按住alt鍵向上拉伸下方弧形，如果下方弧形能和上分弧形重合，則說明中心點所在水平線就是我們所找的視平線。

如果沒有重合，經(jīng)過適當?shù)奈⒄{(diào)也能找到視平線的位置。

視平線找到了，接下來就是尋找消失點。

這樣規(guī)律的弧形產(chǎn)品可以有很多種透視建立方式，但我們觀察，產(chǎn)品的窗口是朝右打開，會對消費者的視覺起到一種引導作用。

因此，我們順應(yīng)這種視覺習慣，用成角透視的構(gòu)圖，將右側(cè)的消失點設(shè)置的盡可能離畫面遠一點。

透視線的繪制還需要再溫習一遍嗎？多邊形工具，選擇星形，邊數(shù)設(shè)置為99，縮進邊依據(jù)選擇99%。

透視線設(shè)置完畢后，我們先對空間進行一個基本搭建。

如果大家對空間搭建還不是特別熟，建議最開始統(tǒng)一先用矩形立方體搭建，更容易區(qū)分空間體塊的頂立側(cè)面。

我們以產(chǎn)品為中心開始搭臺子，先給產(chǎn)品搭上展臺。

繼續(xù)圍繞產(chǎn)品展開搭建，注意調(diào)整空間的高低起伏，讓視覺中心始終保持在產(chǎn)品身上。

大致完成后，我們可以通過模塊的刪減和添加來破形塑造出呼吸感。

但到這個階段，我們只是將空間大致劃分開了，并沒有根據(jù)產(chǎn)品做什么設(shè)計。

如何讓我們設(shè)計的場景和產(chǎn)品產(chǎn)生呼應(yīng)？

在這里我們用一個最簡單有效的方式：

提取產(chǎn)品輪廓。

弧形為主的產(chǎn)品用硬朗的立方體搭建空間難免有些奇怪，所以，我們可以柔化直角邊，甚至把一些立方體改成圓柱體，增加畫面的柔和感。

草圖修改繪制的過程就不一一展示了，只需要在立方體空間搭建的基礎(chǔ)上進行修改即可，中途還可以加一些層次和裝飾性元素。

草圖繪制好以后，我們可以不同色塊將整個場景搭好，方便后續(xù)的調(diào)色與質(zhì)感處理。

在配色選擇上，我們通?？紤]兩點：產(chǎn)品和情緒。

從產(chǎn)品考慮，提取產(chǎn)品本身的固有色作為周圍場景的配色既能讓場景和產(chǎn)品形成呼應(yīng)，同時也能節(jié)省很多時間，是一種安全的配色法則。

從情緒上考慮，即使整個場景設(shè)計成了宇宙飛船，但貓砂盆的實際應(yīng)用場景依然給人的是一種溫馨可愛的感受，因此，我們在點綴色上可以選擇充滿少女感的粉色系。

除了色相，在飽和度和明度上同樣要注意，為了營造一種清新的視覺感受，我們盡量將顏色飽和度控制在一個低數(shù)值的范疇。

低飽和的色彩不會給人一種溢出眼眶的熱烈感，會留有更多的空間，缺少視覺侵占性，但卻更適合慢慢品味。

色彩調(diào)配后，我們就要開始針對畫面進行精細化的處理了。

精致、清新與可愛這樣的氛圍關(guān)鍵詞，我們自然不能用大面積的金屬或石塊來加劇場景的重力感，我們可以用一些鏡面反射的光滑材質(zhì)來傳遞一種順滑舒暢的心理感受。

再加一點半透明材質(zhì)的元素，諸如玻璃罩，毛玻璃這樣的素材強化畫面的通透感。

為了進一步強調(diào)畫面的溫馨感，我們可以添加一點木紋材質(zhì)的元素，木材的紋理可以給人一種溫暖的質(zhì)感，可以很好地中和掉太空給人的陰冷的印象。

最后，用一些金屬感來強化畫面中線元素的占比，同時增加畫面的質(zhì)感表現(xiàn)。

再添加上特效和一些呼應(yīng)主題的點綴性元素，一張海報就基本完成了~

要強調(diào)一點的是，我們添加特效的目的，不是為了炫技，不論電商海報還是影視海報，特效的設(shè)計往往是這兩個目的：

1、拉開產(chǎn)品與背景層次，強化主角視覺焦點；

2、營造畫面氛圍，延伸配色情緒。

所以，特效不是越多越好，這就像唱歌一樣，不是越炫技的歌手越厲害，只有真正把歌曲感情唱出來的才會為人稱贊。

最后加上文案，一張凸顯產(chǎn)品特質(zhì)的專屬海報就完成了~

很多時候我們要知其然，也要知其所以然，有朋友在之前的帖子下方留言說自己每次臨摹都能臨摹個大概，但輪到自己原創(chuàng)就什么都做不出來了。

這就是缺乏設(shè)計思維的鍛煉，拿到一個產(chǎn)品如何提煉關(guān)鍵字，如何找到畫面中心主題，如何根據(jù)這個主題進一步延伸整個畫面，如何打造一款產(chǎn)品專屬無法套版的頁面...

對設(shè)計思維的學習比設(shè)計技法的學習更加困難，需要我們付諸的時間與精力也更多。

但也同樣值得我們?nèi)ジ冻觥?/p>

今天的教程主要是分享整個設(shè)計的創(chuàng)意思路，關(guān)于材質(zhì)處理的具體技法，明天會為大家把此前的材質(zhì)技法做一個具體的總結(jié)分享。

如果圖文教程不夠詳細的部分大家也可以提出來，我會另找時間做一期材質(zhì)教程或者安排我們帥氣的課推官們在公開課上直播講解~