@研習社K先生 ：「設(shè)計道理誰都懂，換自己就不會」這一作品修改系列從推出以來就一直受到大家的歡迎，那么本期我們會繼續(xù)挑選具有代表性的設(shè)計案例進行診斷修改，希望能夠為設(shè)計師們在今后的工作當中提供一些借鑒的新思路。接下來讓我們一起進入今天的內(nèi)容吧。

上期回顧：《設(shè)計道理誰都懂，為什么換自己就不會？》

本期為我們提供設(shè)計源文件的是郵箱尾號2902的這位朋友，感謝這位朋友給我們提供的設(shè)計內(nèi)容。經(jīng)過網(wǎng)絡(luò)上的資料查詢，我們大概了解到了這是中國郵政9月19日的電商節(jié)日海報，內(nèi)容上是銷售金條藏品的促銷活動。

思路優(yōu)點

首先我們先說說這個海報都有哪些優(yōu)點，我們不光要知道作品哪些地方有不足之處，也要明白有些想法并不是這樣做就不對，而僅僅沒有處理好而已。

? 1. 字形選擇

在字形的選擇上并沒有出現(xiàn)過于花哨的字體。沒有拉伸變形和各種光效，在字號上也具有層級的對比。通篇選擇了比較中性的黑體和無襯線體，僅在一段文字上添加了宋體，形成字形上的對比作用。因為大部分內(nèi)容是在說價格與活動的信息，所以從字義上選擇黑體也更加體現(xiàn)了這種促銷的印象。

? 2. 色彩搭配

版面一共用了兩種色相和黑白的無彩色相搭配，其中黑色與黃紅的搭配也是設(shè)計中比較常見的色彩組合。

以黑色為主的視覺會給人帶來具有高級與品質(zhì)感的印象。

? 3. 創(chuàng)意思路

在元素的編排思路上也是可以保留的點。版面中的主體由一個圖形加產(chǎn)品組成，問題在于底部的這一圖形從外形上看并沒有與產(chǎn)品具備太大的關(guān)聯(lián)性。從外形上看并不知道是黃金的拼音首字母，還是產(chǎn)品名的開頭漢字。

黃色的產(chǎn)品在黑色的烘托下成為了絕對的視覺焦點，同時在位置上也是在版面的中心，這都會讓產(chǎn)品變得備受矚目。版面底部傾斜的圖形會提供一些動態(tài)的不穩(wěn)定感，這也是一種防止版面變得呆板的手法，與之對應(yīng)的其他元素就可以編排的規(guī)范整齊一些了。

中間圖形的加入提升了整體的層次感，它最大的作用就是讓版面中內(nèi)容變得更加豐富。

我們對文字的基礎(chǔ)印象都是建立在水平的基礎(chǔ)之上的。一旦角度發(fā)生變化，原本熟悉的文字也就會變得陌生起來，字義識別性的降低會讓我們更容易把它當做一個圖形來進行認知。

細心的你可能也已經(jīng)發(fā)現(xiàn)了，畫面中的圖形文字并不是簡單的旋轉(zhuǎn)了角度，而是加入了透視的變化，這種踩著文字的形式在近年來的電影海報中也會經(jīng)常被用到。

在我們《聊聊圖文疊加的四種常用技法》那篇文章中也有提到過這種圖形與空間融合的手法，對比簡單的圖形疊壓。帶有透視效果的圖形會更有空間的感覺，整個畫面的縱深感也會隨之加強。

缺點不足

那么說完了版面中的優(yōu)點，接下來我們在探討一下這個版面中都有哪些可以改進的不足之處。

? 1. 缺少秩序感

首先映入眼簾的問題應(yīng)該就是秩序感的缺失了，那么秩序感一般都會體現(xiàn)在哪些地方呢？對齊自然是創(chuàng)建規(guī)律與秩序的首要選擇，新人設(shè)計師最容易被總監(jiān)指出的問題也就是對齊了，除對齊之外這個版面中的凌亂感也來源于元素的分散，設(shè)計者劃分出了太多的文字塊。

凌亂的色塊自然就會讓周圍的空間變得同樣復雜多變。而對齊至少能夠保證元素的編排具有某種秩序感。當然太過規(guī)整的版面也是需要做出變化的，否則就會變得呆板無趣起來。

? 2. 字重的均衡

文字的粗細對比太過強烈，雖然說粗細對比能夠起到強調(diào)信息的作用，但是過度的對比也會讓人們忽視掉對比薄弱的部分。

所以在修改文字大小后，我們需要盡量讓他們的粗細保持均衡，我們用線條來模擬版面中的文字灰度?？梢钥闯觯旨毦鹊木€條與背景混合后能夠得到非常勻稱的版面灰度。

對于大小差距過大的文字，我們只需要盡量讓他們的粗細在視覺上近似就可以了。同樣的我們用線條來模擬文字，能夠得到比較均衡的版面灰度。

但極端的對比會帶來什么后果呢？如果版面中充滿了極端的粗細對比，結(jié)果就是版面會變得非常復雜，到處都是所謂的重點信息，嚴重的干擾了內(nèi)容的傳達。

? 3. 空間的劃分

留白與負空間的零碎也是讓版面變得凌亂的關(guān)鍵因素。圖中方框的位置都是我們標注的負空間部分?？梢悦黠@看到負空間被劃分的非常零散不夠完整。

? 4. 閱讀缺少邏輯

版面編排的目的通常是為讓內(nèi)容信息變得更容易理解。但是如果因為編排的原因讓內(nèi)容的傳達受阻，就失去了本身應(yīng)該起到的作用了。

? 5. 氛圍烘托

原設(shè)計稿的背景中使用了純底色加三條分割線的組合，這樣的搭配雖然具有一些層次感，但由于細節(jié)的缺失也會顯得有些單調(diào)乏味，沒有起到有效的氛圍烘托作用。

? 6. 主視覺刻畫

接下來我們來說一下主體視覺的刻畫問題，我們將元素等大處理來觀察一下，產(chǎn)品一共提供了兩種角度，中間的這一個還加入了一些高光和氣泡進行點綴。摳圖不完全的粗糙邊緣會給人一種很廉價的感覺。還有一個問題就是這種帶有文字的主體千萬不要隨意進行鏡像，這樣很容易穿幫的。

修改演示

說完了優(yōu)點與不足，接下來我們試著重新設(shè)計一下這個版面。首先提取出文案信息和具有兩種視角的產(chǎn)品主體。

右上角和左下角的這個閃光有點太過夢幻了，真實性并不是很強，我們先去掉它，下面的這個氣泡好像也沒有什么邏輯。

接下來和另一個金條進行組合，讓另一個金條覆蓋在四分之一的位置。這個組合就完成了。

接下來我們來修正它的色溫，目前來看色彩上稍微有些偏冷了。我們將它盡量調(diào)整的偏暖一些，這樣一來整體上會更舒服。這是因為自然界中黃色的明度變暗時也會向紅色偏移。

接下來重新繪制它的光影，為圖像添加暗部細節(jié)。

繪制光影與材質(zhì)，我們在給它添加一些高光，這樣主體部分的刻畫就完成了。

主體部分的刻畫就完成了底部的文字換成「?！棺郑@樣不僅畫面會變得更加豐富一些，也讓底層的圖形能夠和內(nèi)容產(chǎn)生關(guān)聯(lián)性。

為底層文字添加紅色來烘托產(chǎn)品的高級感，主體內(nèi)容的面積與整個頁面的比例是一個黃金分割比。

明度高的色彩會顯得距離近，明度底的位置會顯得比較遠。

接下來通過筆觸來豐富底下書法字的細節(jié)。

在文字內(nèi)部添加肌理。這樣這個主視覺部分就完成了。

為了符合產(chǎn)品的光影，在底部我們在添加一個投射的探照燈效果。

接下來就是為畫面添加陰影和倒影，這里需要注意的是，在這個角度下的倒影應(yīng)該怎么做呢？復制一層然后反轉(zhuǎn)鏡像，這樣顯然是不行的。這種情況下我們需要重新修改一下這個投影的圖形才行。

接下來添加一些火星點來起到烘托版面氛圍的作用，讓畫面顯得更飽滿一些。同時火與金條的鑄造也具有一定的關(guān)聯(lián)性。圖像部分設(shè)計好后，接下來編排文字的部分，將信息按照大中小的層級安排在版面的頂部空白位置。這里以色塊的形式編排會更容易我們理解版面中文字的組成結(jié)構(gòu)。

在高度上文字部分占據(jù)了版面頂部五分之一的大小，寬度上則是左邊占據(jù)兩欄，右邊占據(jù)一欄的寬度。左右兩個文字組合之間預留的空間正好是一個右側(cè)的標題文字組寬度。頁邊距的大小與主標題的最大字號相同，重復著相等的大小比例，兩種粗細的線條也是在重復著大小文字的粗細度。

這與繪畫的思路是一樣的，先確定輪廓然后逐步添加更多細節(jié)，于此同時確定整體的結(jié)構(gòu)和比例關(guān)系，然后在進一步繪制細節(jié)部分。

問題回顧

以上就是本期的內(nèi)容了，希望大家能在今后的工作中多去思考，也許下一次你也會遇到我們今天所遇到的這些問題。只有看到明確的問題所在才能找到解決這一問題的方法對癥下藥。