@研習社K先生 ：「設計道理誰都懂，換自己就不會」這一作品修改系列從推出以來就一直受到大家的歡迎，那么本期我們會繼續挑選具有代表性的設計案例進行診斷修改，希望能夠為設計師們在今后的工作當中提供一些借鑒的新思路。接下來讓我們一起進入今天的內容吧。
上期回顧：《設計道理誰都懂，為什么換自己就不會？》
本期為我們提供設計源文件的是郵箱尾號2902的這位朋友，感謝這位朋友給我們提供的設計內容。經過網絡上的資料查詢，我們大概了解到了這是中國郵政9月19日的電商節日海報，內容上是銷售金條藏品的促銷活動。
首先我們先說說這個海報都有哪些優點，我們不光要知道作品哪些地方有不足之處，也要明白有些想法并不是這樣做就不對，而僅僅沒有處理好而已。
在字形的選擇上并沒有出現過于花哨的字體。沒有拉伸變形和各種光效，在字號上也具有層級的對比。通篇選擇了比較中性的黑體和無襯線體，僅在一段文字上添加了宋體，形成字形上的對比作用。因為大部分內容是在說價格與活動的信息，所以從字義上選擇黑體也更加體現了這種促銷的印象。
版面一共用了兩種色相和黑白的無彩色相搭配，其中黑色與黃紅的搭配也是設計中比較常見的色彩組合。
以黑色為主的視覺會給人帶來具有高級與品質感的印象。
在元素的編排思路上也是可以保留的點。版面中的主體由一個圖形加產品組成，問題在于底部的這一圖形從外形上看并沒有與產品具備太大的關聯性。從外形上看并不知道是黃金的拼音首字母，還是產品名的開頭漢字。
黃色的產品在黑色的烘托下成為了絕對的視覺焦點，同時在位置上也是在版面的中心，這都會讓產品變得備受矚目。版面底部傾斜的圖形會提供一些動態的不穩定感，這也是一種防止版面變得呆板的手法，與之對應的其他元素就可以編排的規范整齊一些了。
中間圖形的加入提升了整體的層次感，它最大的作用就是讓版面中內容變得更加豐富。
我們對文字的基礎印象都是建立在水平的基礎之上的。一旦角度發生變化，原本熟悉的文字也就會變得陌生起來，字義識別性的降低會讓我們更容易把它當做一個圖形來進行認知。
細心的你可能也已經發現了，畫面中的圖形文字并不是簡單的旋轉了角度，而是加入了透視的變化，這種踩著文字的形式在近年來的電影海報中也會經常被用到。
在我們《聊聊圖文疊加的四種常用技法》那篇文章中也有提到過這種圖形與空間融合的手法，對比簡單的圖形疊壓。帶有透視效果的圖形會更有空間的感覺，整個畫面的縱深感也會隨之加強。
那么說完了版面中的優點，接下來我們在探討一下這個版面中都有哪些可以改進的不足之處。
首先映入眼簾的問題應該就是秩序感的缺失了，那么秩序感一般都會體現在哪些地方呢？對齊自然是創建規律與秩序的首要選擇，新人設計師最容易被總監指出的問題也就是對齊了，除對齊之外這個版面中的凌亂感也來源于元素的分散，設計者劃分出了太多的文字塊。
凌亂的色塊自然就會讓周圍的空間變得同樣復雜多變。而對齊至少能夠保證元素的編排具有某種秩序感。當然太過規整的版面也是需要做出變化的，否則就會變得呆板無趣起來。
文字的粗細對比太過強烈，雖然說粗細對比能夠起到強調信息的作用，但是過度的對比也會讓人們忽視掉對比薄弱的部分。
所以在修改文字大小后，我們需要盡量讓他們的粗細保持均衡，我們用線條來模擬版面中的文字灰度。可以看出，粗細均等的線條與背景混合后能夠得到非常勻稱的版面灰度。
對于大小差距過大的文字，我們只需要盡量讓他們的粗細在視覺上近似就可以了。同樣的我們用線條來模擬文字，能夠得到比較均衡的版面灰度。
但極端的對比會帶來什么后果呢？如果版面中充滿了極端的粗細對比，結果就是版面會變得非常復雜，到處都是所謂的重點信息，嚴重的干擾了內容的傳達。
留白與負空間的零碎也是讓版面變得凌亂的關鍵因素。圖中方框的位置都是我們標注的負空間部分。可以明顯看到負空間被劃分的非常零散不夠完整。
版面編排的目的通常是為讓內容信息變得更容易理解。但是如果因為編排的原因讓內容的傳達受阻，就失去了本身應該起到的作用了。
原設計稿的背景中使用了純底色加三條分割線的組合，這樣的搭配雖然具有一些層次感，但由于細節的缺失也會顯得有些單調乏味，沒有起到有效的氛圍烘托作用。
接下來我們來說一下主體視覺的刻畫問題，我們將元素等大處理來觀察一下，產品一共提供了兩種角度，中間的這一個還加入了一些高光和氣泡進行點綴。摳圖不完全的粗糙邊緣會給人一種很廉價的感覺。還有一個問題就是這種帶有文字的主體千萬不要隨意進行鏡像，這樣很容易穿幫的。
說完了優點與不足，接下來我們試著重新設計一下這個版面。首先提取出文案信息和具有兩種視角的產品主體。
右上角和左下角的這個閃光有點太過夢幻了，真實性并不是很強，我們先去掉它，下面的這個氣泡好像也沒有什么邏輯。
接下來和另一個金條進行組合，讓另一個金條覆蓋在四分之一的位置。這個組合就完成了。
接下來我們來修正它的色溫，目前來看色彩上稍微有些偏冷了。我們將它盡量調整的偏暖一些，這樣一來整體上會更舒服。這是因為自然界中黃色的明度變暗時也會向紅色偏移。
接下來重新繪制它的光影，為圖像添加暗部細節。
繪制光影與材質，我們在給它添加一些高光，這樣主體部分的刻畫就完成了。
主體部分的刻畫就完成了底部的文字換成「福」字，這樣不僅畫面會變得更加豐富一些，也讓底層的圖形能夠和內容產生關聯性。
為底層文字添加紅色來烘托產品的高級感，主體內容的面積與整個頁面的比例是一個黃金分割比。
明度高的色彩會顯得距離近，明度底的位置會顯得比較遠。
接下來通過筆觸來豐富底下書法字的細節。
在文字內部添加肌理。這樣這個主視覺部分就完成了。
為了符合產品的光影，在底部我們在添加一個投射的探照燈效果。
接下來就是為畫面添加陰影和倒影，這里需要注意的是，在這個角度下的倒影應該怎么做呢？復制一層然后反轉鏡像，這樣顯然是不行的。這種情況下我們需要重新修改一下這個投影的圖形才行。
接下來添加一些火星點來起到烘托版面氛圍的作用，讓畫面顯得更飽滿一些。同時火與金條的鑄造也具有一定的關聯性。圖像部分設計好后，接下來編排文字的部分，將信息按照大中小的層級安排在版面的頂部空白位置。這里以色塊的形式編排會更容易我們理解版面中文字的組成結構。
在高度上文字部分占據了版面頂部五分之一的大小，寬度上則是左邊占據兩欄，右邊占據一欄的寬度。左右兩個文字組合之間預留的空間正好是一個右側的標題文字組寬度。頁邊距的大小與主標題的最大字號相同，重復著相等的大小比例，兩種粗細的線條也是在重復著大小文字的粗細度。
這與繪畫的思路是一樣的，先確定輪廓然后逐步添加更多細節，于此同時確定整體的結構和比例關系，然后在進一步繪制細節部分。
以上就是本期的內容了，希望大家能在今后的工作中多去思考，也許下一次你也會遇到我們今天所遇到的這些問題。只有看到明確的問題所在才能找到解決這一問題的方法對癥下藥。
復制本文鏈接 文章為作者獨立觀點不代表優設網立場，未經允許不得轉載。
發評論！每天贏獎品
點擊 登錄 后，在評論區留言，系統會隨機派送獎品
2012年成立至今，是國內備受歡迎的設計師平臺，提供獎品贊助 聯系我們
AI輔助海報設計101例
已累計誕生 737 位幸運星
發表評論 為下方 37 條評論點贊，解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓