做設計的時候經常毫無頭緒或者看不出自己的問題在哪裡嗎？相信你們看完今天的5個改稿對比後會更加清晰自己平時所存在的問題哦～
雖然我以前寫過諸多電商設計和Banner設計方面的文章，也做過很多設計點評，但是因為懶和時間精力有限的緣故，我幾乎很少親自去改稿，畢竟我覺得自己的時間也蠻值錢的，所以我只做自己想做的事情。
但很多人會覺得如果能看到改稿前後的對比效果以及修改的原因就好了，因為大家平時在做設計的時候可能經常會毫無頭緒或者看不出自己的問題在哪裡，所以我彙總挑選了5個我近段時間的實操案例給大家看看，相信你們看完今天的改稿對比後，會更加清晰自己平時所存在的問題。
接下來我給大家分析一下原圖存在的問題，以下是改稿前的原圖：
這張圖，說實話如果是給新手看他估計覺得沒什麼問題，因為初一看，排版也尚可，粉紅粉藍嫩黃的顏色搭配也還行，比較少女系，只是整體比較常規罷了。但是內行人再稍微深入一些去看待，就會發現很多問題，（作為一個內行人的）我給大家一一列舉出來看看你就明白了。
首先，這個Banner看文案便知是情人節主題的，而情人節主題的banner設計其實有很多種感覺氛圍可以去表現，比如浪漫的、小清新的、華麗的、炫酷的等等，那麼這裡感覺設計師是想往粉嫩可愛的方向去發揮，剪紙風格方向，並且是賣一些女性相關的包包配飾香水之類的產品，整體是想臨摹一種商品陳列的感覺。
基於以上分析，我總結出了以下問題：
（1）整體顏色偏灰，給人感覺不太乾淨，尤其是標題文案部分的顏色和陰影處理；
（2）標題字體採用了襯線字體，這種字體用於剪紙風格會顯得比較複雜，因為各種小細碎的筆畫太多了，所以要麼更換一些比較簡單的非襯線字體樣式，或者是比較浪漫氣質的連體手寫體英文，自然流暢，主要看你想表達什麼感覺；
（3）商品選擇有點問題，比如最中間那款包包的風格明顯跟其他產品風格不搭，其他都是比較簡潔現代的樣式，而這款包包卻過於實物化以及複雜，像一件衣服還帶有格紋，並且包包四角還帶有圓潤的圓角，所以為了保持整體風格基調一致應該替換掉。
（4）排版佈局方面，除了標題文案部分的排版節奏不太優美以外（長－短－更長的比例節奏可以改為短－長－短或長－更長－長等等節奏樣式），商品部分大比例太過於平均，分佈有些散亂，所以看不到重點）；
（5）細節方面，比如那些心形的形狀扭曲曲線太多了，看起來就很不現代不簡練，畫面裡所有的陰影看起來都非常假，氣球部分的形狀看起來也像洩了氣，長長的橢圓形看起來不夠飽滿有精神氣兒，而且氣球作為一個氛圍點綴物，它的大小居然已經趕上商品了，顏色又比較搶眼，所以不太合適；
（6）整體背景部分被一條直線切割開來，使得畫面過於保守，影響了浪漫氛圍的傳遞，所以應該靈活變通，通過增加其他物件或調整設計形式的方式來打破這種呆板的感覺，讓畫面動起來。
基於以上6條問題分析，於是我改出了下面這版banner：
我改稿和指導人的原則是，只要原設計師在大的設計方向上沒什麼問題，那就儘量保留原設計師的想法，然後我會在細節、比例、節奏、色彩、字體、創意方向上對原稿進行修正和補充，從而讓畫面更加有感染力，所以對比改稿前和改稿後，你們應該可以感受到畫面所傳遞出的情感和信息層級上微妙的變化，因為我讓畫面更加夢幻了，產品也更加突出了。
當然這裡也需要說明一下，一個小小的banner設計裡面其實蘊涵了大量的方向／維度／信息，你可以選擇以突出氛圍為主，你也可以選擇突出文字為主，你也可以選擇突出商品為主，甚至如果你覺得自己夠厲害你可以把他們都突出但是又能做到整體協調，這些都是你自己的選擇問題，設計並沒有唯一答案，主要看你有什麼需求方向。
接下來我給大家分析一下原圖存在的問題，以下是改稿前的原圖：
這張圖新手也是看不出問題的，因為感覺用色挺好看，文字信息也挺突出的，但是它確實存在很多問題，接下來我把問題一層一層剝給大家看。
首先看文案信息，我們可以得知這張banner其實是屬於低價熱鬧促銷類型的，畫面氛圍可以鬧騰一點，你可以假想它是一個放在銀行或商城自己官網內部的一個會員積分兌換活動Banner，所以這個Banner在設計方向和用色上問題都不大，但是整體視覺效果比較差。
基於以上分析，我總結出了以下問題：
（1）因為頭部那2片圖層的遮蓋，導致視覺上感覺中間那個圓形主體在往下掉，整體畫面非常不穩定，而且那2片圖層的形不好看；
（2）中間圓形部分看起來像是由3個圓形組成，但是因為部分區塊顏色接近，所以圖層融在一起了，看起來太曖昧不清；
（3）所有的商品看起來都是亂擺的，毫無規律可言，並且商品全都是小小的跟螞蟻一樣大小，放在這些大圓裡面感覺特別奇怪，就像在甜甜圈上胡亂灑了一些各式各樣的不明物體一樣，這一部分的問題最大；
（4）所有以上問題，使得這張Banner畫面不平衡，既呆板也凌亂，沒有美感；
基於以上4條問題分析，於是我改出了下面這版banner：
同樣的，這一張Banner我也是儘量保留了原設計師的想法，然後在細節、比例、節奏、色彩、字體、創意方向上對原稿進行修正和補充：調整了商品的擺放秩序，去掉了部分商品，底部添加相似的一些圖層托住這個圓形主體，改變部分圖層的前後關係等等，所以你對比改稿前和改稿後的效果，會發現一張圖在保證信息傳達準確的前提下，從無序變成了有序，同時也不再失衡和呆板了。
接下來我給大家分析一下原圖存在的問題，以下是改稿前的原圖：
這張原圖，估計即便是個新手也能看出來問題了，那就是感覺看了眼花，都眩暈了，另外還有其他一些問題，我統一給大家列舉一下：
（1）背景的圓太規則，讓人感覺眩暈，尤其是紅白的顏色搭配非常搶眼，在這種情況下，你在這個畫面裡放入任何東西，都很難得到突出展示，因為背景的視覺干擾太強烈了；
（2）模特沒選好，在背景很眩暈的情況下，模特的表情又是直勾勾冷冷地盯著你的，給人一種不寒而慄的感覺，觀眾看了也會感覺渾身不自在，不友好，而且模特摳圖比較粗糙，頭髮部分很假，模特未做任何處理直接bia在了上面，讓人感覺很突兀
（3）整體場景沒有構想好，不知道自己為什麼要做這張圖，技術不到位，實現不了一些效果也是其中一方面的原因；
基於以上3條問題分析，於是我改出了下面這版banner：
在這裡雖然我依舊保留了圓形這個特色形狀元素，但是將後面的圓形位置都打亂了，目的是製造一種不規則的感覺，並且替換了模特和商品，讓她置身於這些圓形漩渦裡，一層一層的感覺，這樣既使得模特和商品突出聚焦了，整體畫面也不會太呆板，整體顏色依舊是依據模特和商品來，無非就是同色系或對比色彩的運用，總之，最後你對比改稿前和改稿後的設計稿，就能發現哪個看起來視覺上更舒適產品誰更突出了。
哦對了，這張banner的關鍵點在於陰影和整體色調的處理，做設計雖說很多時候是需要感性思維的，但其實在執行環節上卻需要強大的理性思維和耐性，越複雜的圖越是如此，因為圖層多了的話你就要有清晰的思維去理順它們，耐性地做細節，這樣出來的畫面才會是有序的耐看的。
接下來我給大家分析一下原圖存在的問題，以下是改稿前的原圖：
這張圖也是新手並不覺得會有什麼問題，無非就是比較常規的左右排版樣式而已，但是我認為這張圖其實很好發揮創意但是卻做得很常規這是我無法接受的，再一個，如果一個人做常規圖做久了思維肯定是非常固化的，所以要想進步的話一定要試著去突破自己。
接下來我給大家分析一下，這張Banner圖其實可以看作是波點主體的賣場banner，說到波點，其實我們很容易想到日本的“波點女王”草間彌生，她就是一個將波點玩出了各種花樣的一位設計師，腦洞非常大，扯遠了，我們繼續聊這個Banner存在的問題：
（1）這個Banner最大的問題在於缺少有趣的感覺，浪費了波點這個可發揮的空間，讓人沒有購買慾望，在這裡突出一種氛圍其實比突出商品更為重要；
（2）商品挑選的不好，毛衣皺巴巴的，尤其是搭配這樣的排版看起來非常廉價，這樣毫無品味的商品怎麼配得上“經典私櫥”幾個字呢？怎麼讓人愛的起來呢？所以商品得換；
（3）背景的波點太多太雜碎了，讓人感覺很混亂，很複雜，所以得精簡；
基於以上3條問題分析，於是我改出了下面這版banner：
這張Banner其實改動還是比較大的，因為整個排版和配色都換了，我僅僅只是保留了幾個商品圖而已，在這裡我將標題結合波點這個概念做了一些小改動，將商品弱化到各種圓形裡面去成為一種氛圍元素，包括愛心圖形的加入，所有的這些改動其實只有一個目的：那就是把畫面的氛圍調動起來，讓它看起來有趣好玩一點，將波點這個概念儘可能多地展現出來，因為我就是要讓畫面可愛一點再可愛一點。
當然這個Banner設計其實也是沒有唯一答案的，具體要看你怎麼去理解你要表達的方向了，比如我覺得氛圍更重要，而有人可能覺得商品或文案更重要，總之，它的可發揮空間的方向是非常多的，不要侷限了自己的思維就好。
接下來我給大家分析一下原圖存在的問題，以下是改稿前的原圖：
這張banner海報圖其實是情人節主題的，而且要體現出可愛的感覺，所以採用了模特＋手繪的表現形式，這個整體的設計方向沒什麼問題，顏色也問題不大，問題主要在於以下幾點：
（1）整體畫面太散了，所有的元素之間彷彿沒什麼聯繫，像一盤散沙，所以需要重新理順元素之間的關係；
（2）元素比例存在問題，標題太小，模特也太小，其他元素都差不多大小，所以整體看起來沒什麼重點；
（3）模特看起來像是剛挖煤回來，又灰又黃，裙襬太搶眼，模特都是這個樣子了，那麼誰還有購買慾望呢？所以模特是一定要調色修圖的；
（4）陰影的處理效果太假了，在這裡並不適合這樣的陰影處理方式，所以得換，尤其是模特感覺沒落地，這樣整體一看，畫面就非常粗糙，完全不想多看幾眼，要知道電商設計的要義就是要讓顧客有購買慾望要吸引用戶的注意力，去點擊去看啊；
基於以上4條問題分析，於是我改出了下面這版banner海報：
如果你仔細對比改稿前和改稿後，你會發現改稿後的畫面更加明朗／有秩序／有主體了，因為我重組了畫面裡的元素，讓它們變成了有意義的存在，而不是隨便丟到畫布裡的一種點綴元素而已，比如那些愛心，比如氣球的處理方式等，當然最為重要的還是模特修圖調色和陰影的處理，在這裡起到了至關重要的作用，我想有機會的話，我們有必要講一講各種陰影的處理方式，因為我發現這個是很多人的弱項。
其實在我的概念裡，任何東西都是活的，我從來不會單一的去看待問題，做設計也是如此，所以我才可以做到你給我一張圖我就能一眼看出問題所在，並且改出自己想要的效果，並且我發現，設計這東西其實是沒有唯一答案的，你處在什麼階段你所表達的就是這個階段的效果和意義，興許再過幾年我還能改得更好，看得更遠更全面，畢竟持續不斷的練習和思考才是進步的前提。
好了，今天的Banner實操改稿和講解就到這裡吧，你們的收穫和喜歡就是我繼續更新良心乾貨的動力！！～
原文地址：https://www.zcool.com.cn/article/ZNjAyOTY0.html
作者其他精品文章：
閱讀更多 UI小志 的文章
