本文作者將給大家分析幾個電商設計作品，並且會從排版、配色、用戶體驗、定位、用戶心理等各個角度給大家講解分析指出問題所在，enjoy~
這些年找我點評作品的人不少，但我發現一個現象，很多人做的設計也許從視覺上看是挺好的，但是卻很難有讓人過目不忘的感覺，總感覺缺少一些靈魂，所以假設用戶看到這些設計的時候呢？那麼他們是無法在最短的時間內明白你這個設計要表達什麼的。
尤其是電商設計，是一定不能夠僅僅以視覺層面，比如排版/配色啊好不好看的為主要設計方向的，而是要通過合理的設計手段把老闆或運營要展現給用戶的訴求表達清楚才最重要的，要權衡他們之間的訴求。
所以接下來我繼續給大家分析幾個電商設計作品，並且會從排版、配色、用戶體驗、定位、用戶心理等各個角度給大家講解分析指出問題所在，這樣大家可以有針對性地去學習。
嗯，下面我們就開始進入正式的點評環節好了，以下所有的作品都是由我的麵粉們提供的，感謝。
點評一：Banner圖
麵條點評：上面這張Banner圖大家看第一眼，嗯，整體綠色系配色很舒服，給人清新自然的感覺；再看第二眼，整體左右排版的形式也還行，周圍的氛圍點綴也不突兀，左邊一點右邊一點相呼應；再看第三眼，文案特地用顏色和背景色塊區分，強調了“母乳”，嗯，沒毛病。
但是回頭一想，總感覺這張Banner缺少眼前一亮過目不忘的感覺，那麼問題出在哪呢？我想問題就出在這個Banner設計的定位錯了。
之前我就給大家講過一個設計的順序：策劃活動的目的決定了文案要怎麼去寫，而文案的內容又決定了設計的畫面應該怎麼去把握，這個是一環扣一環的才對，順序別搞反了。
所以一般我們通過文案就最容易明白這個活動的目的是什麼了，並且通過文案就可以去檢驗這個設計合不合適。
那我們看一下這個Banner的文案“母乳般溼潤呵護”，母乳般意味著安心、健康、天然、柔滑之類的，溼潤呵護意味著保溼滋潤呵護寶寶的肌膚，總而言之就是要表達這款沐浴露用了可以給寶寶安全舒適感，媽媽買了放心。
這是一種情緒上的感受，你得通過設計去傳達出來才對，但是這個Banner設計除了顏色是綠色可以給人健康純天然的感覺以外，其他情緒是完全感受不到的，是乾癟癟的，就像一些缺少氣質或內涵的美女，好看是好看，但就是讓人愛不起來。
並且如果我將這裡產品替換成任何其他東西，只要顏色類似，好像都是可以的，你會發現它就像個模版一樣的存在。
我給大家舉幾個例子，看看什麼叫通過設計畫面一眼就可以讓人感受到那種情緒和靈魂，足以波動用戶的心絃～
比如在畫面加入模特笑容：因為任何人都抵抗不了迷人的笑容的吸引力的，你針對的是什麼人群的用戶，你就用那個人群的迷人笑容，我這裡找的圖只是給大家舉例哈～
天喏，這笑起來，我作為妹子都完全把把持不住啊。。。。（其實很多母嬰產品喜歡用媽媽或寶寶的笑容，不是沒有道理的，非常有感染力）
比如構建一個有趣的或者讓人快樂舒適的場景：一般都是在畫面融入一些手繪元素是比較省事的做法。
可以是全手繪～
可以是半手繪～
比如讓產品噴灑出來活躍下氣氛：這裡一般也會加入一些手繪和合成的手法，不管你的產品是液態、固態還是粉末煙霧，其實都是適用的。
啊，如果我們在裡面融入一些小小的手繪元素，那就更打動人了，感覺特別無害系列～寶寶產品、生活百貨品類都適用～
其實我之前設計的幾張手機照片海報系列作品，也是同樣的道理啊，這樣的設計很容易打動人，總可以給人會心一笑的感覺：
那麼，我們再回頭看看這張Banner，你可以跟上面那些富有情感的有親和力的設計對比一下，哪個讓你更有購買的慾望？
因為這個定位的方向本就應該是親和力＋安全方向的，所以對於這種路線的Banner設計來說，我想大部分人都應該會被那種可以讓人會心一笑的設計而打動而吸引吧。
做合適的設計，而不要侷限於只是玩玩排版就夠啊同志們。
點評二：海報
麵條點評：我們分析作品之前，可以先有個大概的概念，確立他是什麼風格的，然後再對比看看他的文案，就可以知道這是不是一個合適的設計了。
在這裡我們可以看到，這個海報的文案是“潮流X強調”，嗯這個海報要走潮流個性有情調的路線，那麼大家看，這個設計合適嘛？
我的感覺是，這裡模特是合適的，設計師要走的設計方向也是合適的，但就是設計師的思維有點侷限，然後執行起來有點不到位罷了，主要是排版、配色、細節方面的問題，比如配色和那些字體陰影和浮雕都感覺有點髒，右上角的模特切割的位置不合適，模特完全可以破出這個框架的等問題。
那麼針對這種情況和設計問題，當然就是應該多看多練習啊，我也是可以給大家一些參考方向，你可以看看人家的表現形式和排版配色等等，總之就是到潮、high、帶感就對了～
說到潮這方面，有貨yoho和淘寶可都是一把好手～
比如有貨潮流新品節的潮：
我給大家總結了一下，大家抓住這些規律：
英文要夠瀟灑，
顏色要夠亮瞎，
文字要夠大大….大，
大小粗細對比都用起來，
粗糙的黑色描邊是潮流設計師最愛，
看他模特誇張或玩世不恭的表情，
再整點復古玩意兒做裝飾品，
什麼拼接風或達達主義一樣都來點兒，
有什麼不敢造的呢？
就怕你玩的不夠嗨啊！～
好了，我總結完了，大家嗨了嗎？
再比如2018年淘寶新勢力的潮：
不過關於這個新勢力周的設計分析我之前寫過了，我就不繼續分析了，想看的請點擊這篇：搞定頁面視覺風格統一性，看這篇文章就夠了！～
當然了，在我看來潮並不是一個固定的設計形式，因為每個人對於潮的理解不一樣，但潮的人一定是都是敢於表現真我，願意展現自己的那一類人，並且不喜歡一些條條框框束縛住自己，所以你的設計如果想要潮起來，就最好是能打破常規，千萬不要呆板小氣吧啦的～
啊，就寫這麼多吧～
點評三：中秋海報
麵條點評：這2張海報如果非要讓我選的話，我肯定會選第一張，至少畫面看起來乾淨一點，構圖也還行，但是也可以看出來設計師的執行力差了點，比如中間的月球處理的比較粗糙，居然使用了木質紋理代替月球表面的紋理細節，但因為空出那麼大一塊，這些粗糙的質感就會特別顯眼，然後旁邊的月餅感覺懸浮了，其他元素之間也感覺銜接的不是很自然，這都是細節問題執行力方面的問題。
執行方面的問題反應的都是基本功不紮實和練習太少看的太少的問題，自己私下需要多花時間去提升，沒有別的法子，這裡我就不做過多解釋了。
另外，我們既然提到了中秋節，中秋節也馬上就來了，我們乾脆就講一講中秋節主題的設計可以怎麼去玩。
關於中秋節相關的設計，目前大家最常用的方法就是聯想法，所聯想法就是發散思維，去想與中秋相關的關鍵詞，比如中秋節我們會想到：玉兔、月球、月亮、嫦娥等等，然後中秋按習俗我們一般會吃月餅，並且這時候很多人會選擇送禮，送螃蟹等等。
那麼關於中秋節的設計其實跟平時的設計沒啥大的差別，唯一就是要體現這是中秋節相關的設計，所以需要通過中秋相關的配色、中秋相關的元素、中秋相關的場景搭建等形式，來營造中秋的感覺。
大家可以自己去花瓣搜索“中秋節海報”找參考咯～
點評四：開學季專題頁
麵條解答：這個開學季的頁面細節非常豐富，可以看得出來是花了些心思的，但同時也存在著一些問題，我給大家捋一捋這些問題分別在哪裡。
我們從上往下看，首先是頭圖部分：
因為是開學季主題的頁面，所以設計師打造了一個教師的場景，其實是可以的，但是整個教室的比例和構圖卻感覺不太合適，因為感覺是站在很遠的地方去看一樣，距離太遠了，所有的商品、文案全都堆積在了一起，小小的，這就給人的感覺不太好了。
你說我買個東西，還要隔那麼遠去買？望成莫及的感覺，我難受啊。
所以這裡的視線距離和商品比例肯定是需要調整的，我找了個構圖和比例更合適的設計參考給大家看看：
這裡參考頁面有樓層作前景、中間商品作中景，後面黑板報做遠景，信息層級分明用戶看著就不累，商品和文案都很顯眼，然後整個教室場景很真實的感覺，再加點手繪人物和元素做氛圍點綴，整體的反映出來的氣質是適合開學季這個主題的的。
再往下看，看樓層部分：這裡設計師將每個標題部分加入了尺子元素，但是這裡太擬物化了，你會發現尺子作為點綴元素居然比樓層標題和要售賣的商品還要突出顯眼，這個重要順序是不合理的，標題應該是主角才對，所以要麼弱化尺子，要麼突出標題文字。
當然尺子最好也不要擬物化的手繪形式，統一用簡筆畫的手繪形式更合適。
這個頁面其他方面的問題倒還好，不過多看幾眼會感覺頁面細節過多了，頁面略空，思維侷限了，其實有很多其他形式的開學季啊，大家可以看看。
比如視角可以是俯視不一定是正視：
比如配色也可以多彩一些啊：
比如可以完全拋棄黑板報這種元素和教室這種場景啊：
好了，時間不早了，就點評到這裡吧。
另外，我第一眼看這個頁面就感覺有我工作第2年的影子，然後和這位設計師聊了一下，發現其實他是半路轉行的，做設計果然已經是2年了，巧了，這說明大家其實都是這樣過來的。
下面這個頁面就是我在2012年的時候設計的，那時候是我剛剛從UI設計轉型做了電商設計，是我工作的第2個年頭，那會兒我也是喜歡用這種手繪簡筆畫＋虛線做背景氛圍點綴……現在看這種虛線的運用其實是感覺有點過時了。
寫在最後
因為我經常回答大家的問題，經常點評設計的緣故，所以當我看到一個人的設計稿我就差不多可以看出ta的性格、工作時長、基礎扎不紮實了，比如上面那位麵粉，我可以看出她思維比較侷限，然後果然她性格也是這樣的，做很多事情都是畏畏縮縮的，不敢放開步子大膽去幹。
所以如果你也感覺自己的設計遇到瓶頸了，沒有想法了，或者做出來的設計總感覺特別小家子氣，那很有可能你是需要改變一下自己的內心了，放開一點，大膽去嘗試新鮮的事物（非違法的就行），你可能會有意想不到的收穫。
因為有趣的人做出來的設計往往也會是有趣的，但你很難讓一個無趣的人做出有趣的設計，因為它很可能理解不了什麼叫有趣啊。
作家一般為了寫作需要會去體驗很多種生活尋找靈感，設計師何嘗不是呢？多出去走走看看，不要侷限了自己啊。
高不高於生活我不知道，反正我是深深地感受到設計是來源於生活的。
#專欄作家#
做設計的麵條，公眾號：做設計的麵條，人人都是產品經理專欄作家。一位擅長將電商及banner設計講得最透徹易懂的妹子，有趣有料會拍照，歡迎互相交流。
題圖來自 Pexels，基於 CC0 協議
閱讀更多 人人都是產品經理 的文章
