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

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

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

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

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

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

一款中高端的貓砂盆。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

第一個(gè)問題，透視。

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

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

給大家分享一個(gè)簡單的方法：

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

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

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

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

視平線找到了，接下來就是尋找消失點(diǎn)。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

在配色選擇上，我們通常考慮兩點(diǎn)：產(chǎn)品和情緒。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

今天的教程主要是分享整個(gè)設(shè)計(jì)的創(chuàng)意思路，路過的童鞋點(diǎn)個(gè)贊吧~