編按:
很多設計新人無法突破瓶頸“坐穩(wěn)”設計職業(yè)，不是不努力，而是沒有掌握設計支點——版式。一個精彩的創(chuàng)意，如果沒有漂亮實用的版式支撐，無法實現(xiàn)價值；而一個平淡的想法，包裹上漂亮實用的版式，則會具有不俗的視覺吸引力。版式之重，就在于它是設計的基礎，是撬動設計的支點。部落窩教育將從本期開始，陸續(xù)推出版式設計實例評改教程，由版式設計專家“風的詩人”帶領大家找出自己的版式設計問題，突破設計瓶頸，坐穩(wěn)設計職業(yè)。每篇教程都將同時提供設計原稿、改后稿。
我們從開始接觸設計到走上工作崗位，就在不停地學習各種設計理論知識，部分人經過正確的方法一步步突破了自己的瓶頸，但大部分人設計水平提升有限。具體是什么原因呢？總結下來主要是眼高手低，實戰(zhàn)太少！
從本期開始，我們通過大量的、具體的實例評改，將以往所學的理論知識活學活用，快速提高設計水平。
下面先看第1例原稿，分析主要有哪些問題。
原稿
版式問題解析
文字信息：
1）信息組的字間距行間距不合理，都偏疏散；主標題尤為疏散，整體性差；人物名字“翟墨”字號偏大，字體不太適合，引起視覺跳躍。
2）信息層級比較平均，缺乏鮮明的對比，主次不分明。
3）信息雖然歸類，但是純文字形式的表達欠缺變化，畫面不夠豐富。
色彩搭配：
版面中運用了大面積的藍色，藍色的飽和度都比較低，明度比較高，層次感比較弱，視覺上感覺有點發(fā)灰。透明色塊的運用則干擾了信息的識別。
圖片和背景：
背景圖相對復雜，加上半透明色塊，整個背景顯得凌亂；人物照片稍大，太靠近色塊邊緣，顯得擁擠。
細節(jié)處理：
二維碼的描邊不太美觀。
注意：
還有一點需要交代，就是字體的版權——商業(yè)設計中只能使用無版權的字體或者已購買版權的字體。我這里使用的是思源黑體。
版式調整
01 文字信息初步調整
我們要做的第一步先將文案信息字符間距與文本行距調整好， 接著讓信息組之間的間距進一步擴大，根據(jù)版面空間進一步歸類。最后將信息按照其重要性用大小做出基本的對比。
02 人物照片和人物介紹調整
原稿的人物圖片太大，四周的空間感覺比較擁擠。再者下面的人物簡介，其實這段文案是需要著重強調的，但是現(xiàn)在顯然就有點弱化了。還有人物的名字，字體過于粗大不太合適畫面，字號也偏大了，一方面與文案重點不符，另一方面造成信息權重的不統(tǒng)一。
首先將人物的圖片縮小，利用四周留白凸顯人物的重要性，而人物下面的重要信息移動到主標題的下方，和主標題建立起親密性，凸顯其重要性。人物照片下的名字保留，只作為對圖片的簡單注釋。中文名字配上拼音，細節(jié)處更豐富。
03 文字信息分割
調整到這一步會發(fā)現(xiàn)另一個問題：信息組太多了，怎么增加各信息組的識別性呢？
此時空間的分割顯得尤為重要，空間分割可以非常直觀地將版面的信息明確劃分。這里暫時先用灰色塊分割空間，延續(xù)原稿的方形大格局。當然信息劃分也是有標準的，在信息組較多的情況下，盡量將信息類別相似的歸到一個空間中。比如這里的報名價格、報名熱線以及二維碼信息都是和報名有關的基本信息，所以它們更適合在一起。
04 圖片和背景初步調整
原稿的空間分割雖然也是用色塊，但是沒有達到應有的效果。隨著空間的收縮，反而使得信息更加的密集，而且半透明的色塊與凌亂的背景疊加也影響信息的準確傳達，視覺效果不好。
選用海上帆船背景圖處理成灰色并進行適當?shù)夭眉?，替換先前的灰色色塊，氛圍感更好，行業(yè)屬性也更加匹配。背景圖片的裁剪要盡量保證信息的識別性。第一種，圖片明度對比太大，層次感強，干擾了信息的識別，也就是不適合擔當承載性的角色。而第二種，圖片明度均衡，信息傳達清晰。
05 配色調整
藍色代表大海，也代表胸懷，通過對版面中分割出的背景圖進行色彩調整，明確項目的整體調性。主標題也用藍色，和主背景有色彩上的呼應，統(tǒng)一性更強。
注意圖片顏色選擇，這里選用了與深灰色明度相近的藍紫色，畫面更有品質感。
06 增加變化豐富版面
緊接著如何讓更多的信息具備美觀性和裝飾性呢？
價格數(shù)字需要進行突出處理；報名熱線可以采用線框的表達形式，使信息更具視覺性，而信息的兩行編排也大大增加了電話號碼的發(fā)揮空間。
同樣，將數(shù)字1/2/3變成線之后設計感更強，視覺更好。
添加上企業(yè)logo和合作方logo等基本信息，然后將主標題和副標題往下移動一些，讓信息在空間分布上更為均衡。
07 進一步優(yōu)化
如果想繼續(xù)優(yōu)化的話，可以結合與項目相關的要素，比如海水、波浪，提煉出水的形態(tài)，與畫面相融合。
用調整好的波浪畫面替換原來的矩形畫面。由于替換了畫面，空間占比發(fā)生了變化，所以周邊的信息也要調整，比如二維碼在保證識別性的基礎上變小了一點。
調整前后稿件的對比
做個樣圖看一下實際的展示效果。本期的評稿就到這里了，我們下期再見。
原創(chuàng)：風的詩人/部落窩教育（未經同意，請勿轉載）
