@研習(xí)社K先生 ：「設(shè)計(jì)道理誰(shuí)都懂，換自己就不會(huì)」這一作品修改系列從推出以來(lái)就一直受到大家的歡迎，那么本期我們會(huì)繼續(xù)挑選具有代表性的設(shè)計(jì)案例進(jìn)行診斷修改，希望能夠?yàn)樵O(shè)計(jì)師們?cè)诮窈蟮墓ぷ鳟?dāng)中提供一些借鑒的新思路。接下來(lái)讓我們一起進(jìn)入今天的內(nèi)容吧。

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

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

思路優(yōu)點(diǎn)

首先我們先說(shuō)說(shuō)這個(gè)海報(bào)都有哪些優(yōu)點(diǎn)，我們不光要知道作品哪些地方有不足之處，也要明白有些想法并不是這樣做就不對(duì)，而僅僅沒(méi)有處理好而已。

? 1. 字形選擇

在字形的選擇上并沒(méi)有出現(xiàn)過(guò)于花哨的字體。沒(méi)有拉伸變形和各種光效，在字號(hào)上也具有層級(jí)的對(duì)比。通篇選擇了比較中性的黑體和無(wú)襯線(xiàn)體，僅在一段文字上添加了宋體，形成字形上的對(duì)比作用。因?yàn)榇蟛糠謨?nèi)容是在說(shuō)價(jià)格與活動(dòng)的信息，所以從字義上選擇黑體也更加體現(xiàn)了這種促銷(xiāo)的印象。

? 2. 色彩搭配

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

以黑色為主的視覺(jué)會(huì)給人帶來(lái)具有高級(jí)與品質(zhì)感的印象。

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

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

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

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

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

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

在我們《聊聊圖文疊加的四種常用技法》那篇文章中也有提到過(guò)這種圖形與空間融合的手法，對(duì)比簡(jiǎn)單的圖形疊壓。帶有透視效果的圖形會(huì)更有空間的感覺(jué)，整個(gè)畫(huà)面的縱深感也會(huì)隨之加強(qiáng)。

缺點(diǎn)不足

那么說(shuō)完了版面中的優(yōu)點(diǎn)，接下來(lái)我們?cè)谔接懸幌逻@個(gè)版面中都有哪些可以改進(jìn)的不足之處。

? 1. 缺少秩序感

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

凌亂的色塊自然就會(huì)讓周?chē)目臻g變得同樣復(fù)雜多變。而對(duì)齊至少能夠保證元素的編排具有某種秩序感。當(dāng)然太過(guò)規(guī)整的版面也是需要做出變化的，否則就會(huì)變得呆板無(wú)趣起來(lái)。

? 2. 字重的均衡

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

所以在修改文字大小后，我們需要盡量讓他們的粗細(xì)保持均衡，我們用線(xiàn)條來(lái)模擬版面中的文字灰度?？梢钥闯?，粗細(xì)均等的線(xiàn)條與背景混合后能夠得到非常勻稱(chēng)的版面灰度。

對(duì)于大小差距過(guò)大的文字，我們只需要盡量讓他們的粗細(xì)在視覺(jué)上近似就可以了。同樣的我們用線(xiàn)條來(lái)模擬文字，能夠得到比較均衡的版面灰度。

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

? 3. 空間的劃分

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

? 4. 閱讀缺少邏輯

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

? 5. 氛圍烘托

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

? 6. 主視覺(jué)刻畫(huà)

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

修改演示

說(shuō)完了優(yōu)點(diǎn)與不足，接下來(lái)我們?cè)囍匦略O(shè)計(jì)一下這個(gè)版面。首先提取出文案信息和具有兩種視角的產(chǎn)品主體。

右上角和左下角的這個(gè)閃光有點(diǎn)太過(guò)夢(mèng)幻了，真實(shí)性并不是很強(qiáng)，我們先去掉它，下面的這個(gè)氣泡好像也沒(méi)有什么邏輯。

接下來(lái)和另一個(gè)金條進(jìn)行組合，讓另一個(gè)金條覆蓋在四分之一的位置。這個(gè)組合就完成了。

接下來(lái)我們來(lái)修正它的色溫，目前來(lái)看色彩上稍微有些偏冷了。我們將它盡量調(diào)整的偏暖一些，這樣一來(lái)整體上會(huì)更舒服。這是因?yàn)樽匀唤缰悬S色的明度變暗時(shí)也會(huì)向紅色偏移。

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

繪制光影與材質(zhì)，我們?cè)诮o它添加一些高光，這樣主體部分的刻畫(huà)就完成了。

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

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

明度高的色彩會(huì)顯得距離近，明度底的位置會(huì)顯得比較遠(yuǎn)。

接下來(lái)通過(guò)筆觸來(lái)豐富底下書(shū)法字的細(xì)節(jié)。

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

為了符合產(chǎn)品的光影，在底部我們?cè)谔砑右粋€(gè)投射的探照燈效果。

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

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

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

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

問(wèn)題回顧

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