有一類問題經常會被提問，那就是不知道怎樣把所學到的設計知識應用到實際工作當中。
設計這個詞具有非常廣泛的含義，好的設計應該同時具備傳達的功能性和美觀性。也就是在解決商業訴求的前提下兼具美感。
審美是設計師的一項基本能力，但審美具有主觀性且因人而異，想要提升審美並不能一蹴而就，而是需要長期不斷的經驗累積而成。
設計不是憑空產生的，設計前輩們將自己的經驗科學的總結出了一套規則，從生理學和心理學的角度找到對美的普遍認知規律，也就是我們所學習的設計原則。
對於任何規則來說，靈活運用都是關鍵因素。我們日常所說的對齊、留白等等都是設計中的規則，靈活的運用這些規則就能夠解決版面編排中的大部分問題。
接下來我們進入案例修改的環節，通過設計原則來逐一排查作品中出現的問題。設計畢竟是沒有標準答案的。希望大家在觀看作品修改時能帶著分析的目光去學習修改的思路。修改的最終案例僅起到拋磚引玉的作用。在實際工作中還是需要根據項目具體定位和需求為準。
這期我們選擇一個最常見的這種偏窄展架的案例。展架的內容上是理髮店的節日促銷宣傳，接下來我們來具體分析一下這幅畫面都有哪些問題？
在色彩上，文字使用了兩種漸變色。
同時文字使用了三種純色。
背景中使用了六種不同色相。
這個版面一共出現了11種不同的色彩。給人的第一感官就是凌亂的印象。這也是初學者容易犯的問題，就是顏色種類的剋制運用。
下一個問題是無關的裝飾元素過多。零碎的裝飾元素幾乎佔滿了文字以外的其他區域。將它們拿出版面可以發現，這其中有光效，禮物，蝴蝶，還有中國的傳統紋樣和音符。這些與主題的關聯性都不大。裝飾元素跟主題最好有些聯繫的。
新人設計師容易犯的問題之一就是喜歡把學會效果全都塞到畫面中。不可否認的是，添加效果後的文字確實會比純文字要更吸引眼球。
但如果每一個元素都很搶眼的話，最終得到的效果也就變得不盡人意了。就好像一部舞臺劇中所有演員都在搶戲一樣。區分不出誰才是重要的角色。
我們在設計裡應該僅刻畫關鍵元素。一切思考的方向都是從簡的。
留白也是老生常談的問題了。小到字間距，大到版心的劃分。留白都起著關鍵性的作用。這個版面裡的留白也就是藍色部分，留白的面積基本是完全破碎的。舉一個例子，如果想要讓大黃鴨的識別度變得清晰易識別，那麼就需要在它周圍一定範圍內預留足夠多的留白麵積。現在我們預留的面積就是一個鴨子的寬度。
根據版面的不同需求，可以預留二分之一鴨子的大小。
這樣大黃鴨的周圍也依然具有足夠的安全空間可供識別。
甚至可以再小一些，預留整體的三分之一的寬度作為安全範圍。
也依然是很舒適的留白距離。
這個版面中一共運用了三種變化性很強的字體,在選擇字體時，需要根據項目的氣質搭配相應的字形，不同的外觀會傳達出完全不同的印象，錯誤的搭配可能會讓版面與內容之間產生衝突感。
可以感受到設計者應該是為了讓文字變得與其他內容不一樣，又或者是為了增大文字的面積大小而特意改變了文字的比例關係將正常的文字通過擠壓變得高瘦，但這是一種錯誤的處理手法。這樣會導致文字喪失原有的美感，筆畫的比例也會發生變形，如果一定要這種形式，可以直接選擇相應的文字變體。
我們模擬出極端的視覺環境來看這個版面，會發現版面中沒有明確的視覺焦點，元素的灰度顯得非常平。對於廣告來說，沒有焦點的版面，視線會在版面中沒有目的的遊離。從而失去繼續閱讀下去的耐心。
從人的視覺心理分析，人們會將相互靠近的多個元素看成是一個組合。版面中的文字分組與劃分都處在相等的距離內，缺少了文字信息的主次關係。
將案例中的文字內容分離出來重新整理。
由於版面是偏窄的型材，為了更好的利用空間，我們將其劃分成兩個區域。
頂部的大面積區域添加主體元素來成為版面中的視覺焦點，其餘需要閱讀的詳細信息則安靜的編排在底部區域內，觀者的視線被主體吸引後自然會去留意優惠信息，完成傳達過程。整體產生三個層級分組。
首先我們需要解決的是主體部分，主標題“秀我型”一共有三個字，我們需要讓其組合儘量能夠佔據一個相對大的面積。呈現三角形的排列構成明顯可以達到這一目的。
繼續添加其他結構，讓組合更具飽滿。添加點元素增強點線面的構成感覺。
為了讓字形更加精準的表現主題的內容，更改較為精緻時尚的宋體作為組合文字的基礎字形。選擇與理髮行業密切相關的剪刀來替換交叉的結構，同時也具有一種寫實與抽象的對比層面。烘托了主題的行業屬性。其餘裝飾性質的元素也逐一替換成相應的英文。
在組合底層添加象徵時尚的尖銳圖形，為文字組添加層級感。視覺焦點部分也就刻畫完成了。將設計好的主體元素置入到之前劃分好的視覺區域中。雖然元素確實放在了版面的正中央，但是從視覺上看卻總有一種向下沉的感覺。
這是因為人眼看到的物體是存在視錯覺的，我們看上去在正中心的物體其實是相對幾何中心要高出一些的。
將主體向上提升後，從視覺上來看主體就居中了。這樣看上去就舒服多了。
下面需要解決的是文字組合在版面中應該放多大的問題。如果按照其自身一般的留白距離擺放元素，那麼最終的效果就是視覺焦點過小了。
就像這樣，針對這個廣告的促銷氣質來說，這樣的留白大小顯得太過寧靜雅緻了。
需要將其放的足夠大才能體現出熱鬧的氛圍，視覺焦點也更加突出。
但也不是說要把整個空間全都佔滿，這裡上下依然預留了三分之一的空白麵積。
將設計好的焦點元素放回到版面中，並搭配相應的顏色。這裡為文字添加暗色調的藍色是為了烘托版面的品質感與高端氣質。
背景添加黃色則是為了表現主題“秀我型”的時尚與個性。同時刺激的純色調也增強了促銷的感覺。
接下來添加其餘的促銷信息“五一特惠”。斷行編排顯然視覺面積會更大一些。
在底部添加圓形色塊來起到裝飾和強調的作用。文字與色塊呈現居中對齊，四周的留白預留了一個字的面積
在正圓二分之一的位置在添加一個圓形。與上方顏色形成一個呼應的關係，使文字圖形化。
將設計好的元素置入到版面中，注意元素與版心邊界的留白距離不要太小。
接下來處理促銷的信息，根據文案內容，我們可以提取出文字中關鍵的項目。就是下方這四個優惠項。
贈字略小於它們，形成一個對比的效果，採用圖形的處理形式，連接版面的對角線確定其他項目的編排區域。隨後把編排好的文字組合放入其中。
這段信息中包含了商品與折扣兩種信息，首先我們將商品“高檔藥水”單獨提取出來。
折扣信息則替換成圖形化的50%OFF，將編排好的組合繼續放到版面中。
基本上這段話的視覺優先級並沒有前兩個高，所以簡單襯托一個色塊作為識別它的載體。
留白方面，文字的上下均設置成一個字的高度，左右為了讓元素具有喘息的空間，預留出三個字的寬度。文字處理好後，編排到版面中其餘元素的下方與其他元素形成兩端對齊。
最後一個折扣信息，將其選擇好字體後直接放到版面中即可。同樣與其他元素呈現兩端對齊的組合。
那麼接下來是第二部分，會員卡的優惠套餐。標題的處理形式與“優惠五一”保持統一，編排好後置入到版面的左側區域。
將信息編排成兩端對齊的形式，重要的信息放大，說明性的信息縮小。
產生主次的層級關係，隨後編排到版面底部的空白處。
最後是會員卡的詳細套餐，選擇會員卡的輪廓作為襯托並添加文字信息。
另一個也是相同的處理形式，隨後編排到版面中，這個畫面就基本完成了。
最後我們回顧一下這個案例都解決了哪些問題？
希望今天的內容能夠對你有所幫助。那麼本期的分享就到這裡我們下期見！
- END -
吾生也有涯，而知也無涯
閱讀更多 獨門絕技 的文章
