為什么你做的設計不耐看?用實例幫你分析原因! - 優設-UISDC

                                        為什么你做的設計不耐看?用實例幫你分析原因!

                                        2018/09/05 31752評論區

                                        本文作者將給大家分析幾個電商設計作品,并且會從排版、配色、用戶體驗、定位、用戶心理等各個角度給大家講解分析指出問題所在。

                                        @做設計的面條?:這些年找我點評作品的人不少,但我發現一個現象,很多人做的設計也許從視覺上看是挺好的,但是卻很難有讓人過目不忘的感覺,總感覺缺少一些靈魂,所以假設用戶看到這些設計的時候呢?那么他們是無法在最短的時間內明白你這個設計要表達什么的。

                                        尤其是電商設計,是一定不能夠僅僅以視覺層面,比如排版/配色好不好看為主要設計方向的,而是要通過合理的設計手段把老板或運營要展現給用戶的訴求表達清楚才最重要的,要權衡他們之間的訴求。

                                        所以接下來我繼續給大家分析幾個電商設計作品,并且會從排版、配色、用戶體驗、定位、用戶心理等各個角度給大家講解分析指出問題所在,這樣大家可以有針對性地去學習。

                                        下面我們就開始進入正式的點評環節好了,以下所有的作品都是由我的面粉們提供的,感謝。

                                        一、Banner圖

                                        面條點評:上面這張 Banner 圖大家看第一眼,嗯,整體綠色系配色很舒服,給人清新自然的感覺;再看第二眼,整體左右排版的形式也還行,周圍的氛圍點綴也不突兀,左邊一點右邊一點相呼應;再看第三眼,文案特地用顏色和背景色塊區分,強調了「母乳」,嗯,沒毛病。

                                        但是回頭一想,總感覺這張 Banner 缺少眼前一亮過目不忘的感覺,那么問題出在哪呢?我想問題就出在這個 Banner 設計的定位錯了。

                                        之前我就給大家講過一個設計的順序:策劃活動的目的決定了文案要怎么去寫,而文案的內容又決定了設計的畫面應該怎么去把握,這個是一環扣一環的才對,順序別搞反了。

                                        所以一般我們通過文案就最容易明白這個活動的目的是什么了,并且通過文案就可以去檢驗這個設計合不合適。

                                        那我們看一下這個 Banner 的文案「母乳般濕潤呵護」,母乳般意味著安心、健康、天然、柔滑之類的,濕潤呵護意味著保濕滋潤呵護寶寶的肌膚,總而言之就是要表達這款沐浴露用了可以給寶寶安全舒適感,媽媽買了放心。

                                        這是一種情緒上的感受,你得通過設計去傳達出來才對,但是這個 Banner 設計除了顏色是綠色可以給人健康純天然的感覺以外,其他情緒是完全感受不到的,是干癟癟的,就像一些缺少氣質或內涵的美女,好看是好看,但就是讓人愛不起來。

                                        并且如果我將這里產品替換成任何其他東西,只要顏色類似,好像都是可以的,你會發現它就像個模版一樣的存在。

                                        我給大家舉幾個例子,看看什么叫通過設計畫面一眼就可以讓人感受到那種情緒和靈魂,足以波動用戶的心弦。

                                        比如在畫面加入模特笑容:因為任何人都抵抗不了迷人的笑容的吸引力的,你針對的是什么人群的用戶,你就用那個人群的迷人笑容,我這里找的圖只是給大家舉例。

                                        這笑起來,我作為妹子都完全把持不住啊。(其實很多母嬰產品喜歡用媽媽或寶寶的笑容,不是沒有道理的,非常有感染力)

                                        比如構建一個有趣的或者讓人快樂舒適的場景:一般都是在畫面融入一些手繪元素是比較省事的做法。

                                        可以是全手繪:

                                        可以是半手繪:

                                        比如讓產品噴灑出來活躍下氣氛:這里一般也會加入一些手繪和合成的手法,不管你的產品是液態、固態還是粉末煙霧,其實都是適用的。

                                        如果我們在里面融入一些小小的手繪元素,那就更打動人了,感覺特別無害,寶寶產品、生活百貨品類都適用。

                                        其實我之前設計的幾張手機照片海報系列作品,也是同樣的道理,這樣的設計很容易打動人,總可以給人會心一笑的感覺:

                                        那么,我們再回頭看看這張 Banner,你可以跟上面那些富有情感的有親和力的設計對比一下,哪個讓你更有購買的欲望?

                                        因為這個定位的方向本就應該是親和力+安全方向的,所以對于這種路線的 Banner 設計來說,我想大部分人都應該會被那種可以讓人會心一笑的設計而打動而吸引吧。

                                        做合適的設計,而不要局限于只是玩玩排版就夠了。

                                        二、海報

                                        面條點評:我們分析作品之前,可以先有個大概的概念,確立他是什么風格的,然后再對比看看他的文案,就可以知道這是不是一個合適的設計了。

                                        在這里我們可以看到,這個海報的文案是「潮流X強調」,這個海報要走潮流個性有情調的路線,那么大家看,這個設計合適嘛?

                                        我的感覺是,這里模特是合適的,設計師要走的設計方向也是合適的,但就是設計師的思維有點局限,然后執行起來有點不到位罷了,主要是排版、配色、細節方面的問題,比如配色和那些字體陰影和浮雕都感覺有點臟,右上角的模特切割的位置不合適,模特完全可以破出這個框架等問題。

                                        那么針對這種情況和設計問題,當然就是應該多看多練習啊,我也是可以給大家一些參考方向,你可以看看人家的表現形式和排版配色等等,總之就是到潮、high、帶感就對了。

                                        說到潮這方面,有貨yoho 和淘寶可都是一把好手。

                                        比如有貨潮流新品節的潮:

                                        我給大家總結了一下,大家抓住這些規律:

                                        • 英文要夠瀟灑,
                                        • 顏色要夠亮瞎,
                                        • 文字要夠大大….大,
                                        • 大小粗細對比都用起來,
                                        • 粗糙的黑色描邊是潮流設計師最愛,
                                        • 看他模特夸張或玩世不恭的表情,
                                        • 再整點復古玩意兒做裝飾品,
                                        • 什么拼接風或達達主義一樣都來點兒,
                                        • 有什么不敢造的呢?
                                        • 就怕你玩的不夠嗨啊!

                                        好了,我總結完了,大家嗨了嗎?

                                        再比如2018年淘寶新勢力的潮:

                                        不過關于這個新勢力周的設計分析我之前寫過了,我就不繼續分析了,詳情→《搞定頁面視覺風格統一性,看這篇文章就夠了!》

                                        當然了,在我看來潮并不是一個固定的設計形式,因為每個人對于潮的理解不一樣,但潮的人一定都是敢于表現真我,愿意展現自己的那一類人,并且不喜歡一些條條框框束縛住自己,所以你的設計如果想要潮起來,就最好是能打破常規,千萬不要呆板小氣吧啦的。

                                        關鍵詞:打破規則、文字或模特要大、模特穿著或表情要酷。

                                        三、中秋海報

                                        面條點評:這2張海報如果非要讓我選的話,我肯定會選第一張,至少畫面看起來干凈一點,構圖也還行,但是也可以看出來設計師的執行力差了點,比如中間的月球處理的比較粗糙,居然使用了木質紋理代替月球表面的紋理細節,但因為空出那么大一塊,這些粗糙的質感就會特別顯眼,然后旁邊的月餅感覺懸浮了,其他元素之間也感覺銜接的不是很自然,這都是細節問題,執行力方面的問題。

                                        執行方面的問題反應的都是基本功不扎實和練習看的太少的問題,自己私下需要多花時間去提升,沒有別的法子,這里我就不做過多解釋了。

                                        另外,我們既然提到了中秋節,中秋節也馬上就來了,我們干脆就講一講中秋節主題的設計可以怎么去玩。

                                        關于中秋節相關的設計,目前大家最常用的方法就是聯想法,聯想法就是發散思維,去想與中秋相關的關鍵詞,比如中秋節我們會想到:玉兔、月球、月亮、嫦娥等等,然后中秋按習俗我們一般會吃月餅,并且這時候很多人會選擇送禮,送螃蟹等等。

                                        那么關于中秋節的設計其實跟平時的設計沒啥大的差別,唯一就是要體現這是中秋節相關的設計,所以需要通過中秋相關的配色、中秋相關的元素、中秋相關的場景搭建等形式,來營造中秋的感覺。

                                        大家可以自己去花瓣搜索「中秋節海報」找參考:

                                        四、開學季專題頁

                                        面條解答:這個開學季的頁面細節非常豐富,可以看得出來是花了些心思的,但同時也存在著一些問題,我給大家捋一捋這些問題分別在哪里。

                                        我們從上往下看,首先是頭圖部分:

                                        因為是開學季主題的頁面,所以設計師打造了一個教室的場景,其實是可以的,但是整個教室的比例和構圖卻感覺不太合適,因為感覺是站在很遠的地方去看一樣,距離太遠了,所有的商品、文案全都堆積在了一起,小小的,這就給人的感覺不太好了。

                                        你說我買個東西,還要隔那么遠去買?望塵莫及的感覺,我難受啊。

                                        所以這里的視線距離和商品比例肯定是需要調整的,我找了個構圖和比例更合適的設計參考給大家看看:

                                        這里參考頁面有樓層作前景、中間商品作中景,后面黑板報做遠景,信息層級分明用戶看著就不累,商品和文案都很顯眼,然后整個教室場景很真實的感覺,再加點手繪人物和元素做氛圍點綴,整體反映出來的氣質是適合開學季這個主題的。

                                        再往下看,看樓層部分:這里設計師將每個標題部分加入了尺子元素,但是這里太擬物化了,你會發現尺子作為點綴元素居然比樓層標題和要售賣的商品還要突出顯眼,這個重要順序是不合理的,標題應該是主角才對,所以要么弱化尺子,要么突出標題文字。

                                        當然尺子最好也不要擬物化的手繪形式,統一用簡筆畫的手繪形式更合適。

                                        這個頁面其他方面的問題倒還好,不過多看幾眼會感覺頁面細節過多了,頁面略空,思維局限了,其實有很多其他形式的開學季啊,大家可以看看。

                                        比如視角可以是俯視不一定是正視:

                                        比如配色也可以多彩一些啊:

                                        比如可以完全拋棄黑板報這種元素和教室這種場景啊:

                                        好了,時間不早了,就點評到這里吧。

                                        另外,我第一眼看這個頁面就感覺有我工作第2年的影子,然后和這位設計師聊了一下,發現其實他是半路轉行的,做設計果然已經是2年了,巧了,這說明大家其實都是這樣過來的。

                                        下面這個頁面就是我在2012年的時候設計的,那時候是我剛剛從 UI設計轉型做了電商設計,是我工作的第2個年頭,那會兒我也是喜歡用這種手繪簡筆畫+虛線做背景氛圍點綴……現在看這種虛線的運用其實是感覺有點過時了。

                                        寫在最后

                                        因為我經常回答大家的問題,經常點評設計的緣故,所以當我看到一個人的設計稿我就差不多可以看出 ta 的性格、工作時長、基礎扎不扎實了,比如上面那位面粉,我可以看出她思維比較局限,然后果然她性格也是這樣的,做很多事情都是畏畏縮縮的,不敢放開步子大膽去干。

                                        所以如果你也感覺自己的設計遇到瓶頸了,沒有想法了,或者做出來的設計總感覺特別小家子氣,那很有可能你是需要改變一下自己的內心了,放開一點,大膽去嘗試新鮮的事物(非違法的就行),你可能會有意想不到的收獲。

                                        因為有趣的人做出來的設計往往也會是有趣的,但你很難讓一個無趣的人做出有趣的設計,因為它很可能理解不了什么叫有趣啊。

                                        作家一般為了寫作需要去體驗很多種生活尋找靈感,設計師何嘗不是呢?多出去走走看看,不要局限了自己啊。

                                        高不高于生活我不知道,反正我是深深地感受到設計是來源于生活的。

                                        歡迎關注作者的微信公眾號「做設計的面條」,一個干貨與文筆俱佳的美女設計師。

                                        微信公眾號簡介:專注開拓電商設計思維,不定期分享一些個人見解干貨,當然也會分享一些頂級創意、攝影、人生感悟方面的好文啦。

                                        tttt-1qr1111

                                        「干貨超多的改稿案例」

                                        優設大課堂

                                        非特殊說明,本文版權歸原作者所有,轉載請注明出處
                                        本文地址:http://www.ndwc.tw/analyze-why-the-design-is-not-resistant

                                        發表評論 加載中....

                                        評論加載中....

                                        uisdc

                                        評論區都快餓癟了,看看我期盼的小眼神...

                                        sketch 優設大課堂 轉場動效 設計師 扁平化設計 交互設計師 界面設計 排版布局 職場 平面設計 設計師專訪 素材下載 視覺設計 配色 設計流程 web前端開發 AI教程 用戶體驗設計 設計理論 海報設計 神器下載 字體下載 設計規范 設計趨勢 psd下載 動效設計 圖標設計 產品設計 logo設計 ICON 神器推薦 職場規劃 App設計 字體設計 酷站推薦 交互設計 ui設計 設計師職場 優秀網頁設計 用戶體驗 ps技巧 酷站 PS教程 網頁設計 經驗分享
                                        wechat

                                        優設官方微信

                                        50萬設計師關注

                                        微信號:youshege

                                        把好文章收藏到微信

                                        打開微信,掃碼分享
                                        學設計 優設網 在這里

                                        江苏11选5开奖结果