很多設(shè)計(jì)新人無法突破瓶頸“坐穩(wěn)”設(shè)計(jì)職業(yè)，不是不努力，而是沒有掌握設(shè)計(jì)支點(diǎn)——版式。一個(gè)精彩的創(chuàng)意，如果沒有漂亮實(shí)用的版式支撐，無法實(shí)現(xiàn)價(jià)值；而一個(gè)平淡的想法，包裹上漂亮實(shí)用的版式，則會(huì)具有不俗的視覺吸引力。版式之重，就在于它是設(shè)計(jì)的基礎(chǔ)，是撬動(dòng)設(shè)計(jì)的支點(diǎn)。部落窩教育將從本期開始，陸續(xù)推出版式設(shè)計(jì)實(shí)例評(píng)改教程，由版式設(shè)計(jì)專家“風(fēng)的詩人”帶領(lǐng)大家找出自己的版式設(shè)計(jì)問題，突破設(shè)計(jì)瓶頸，坐穩(wěn)設(shè)計(jì)職業(yè)。每篇教程都將同時(shí)提供設(shè)計(jì)原稿、改后稿，喜歡的讀者可以加群344434216下載。

我們從開始接觸設(shè)計(jì)到走上工作崗位，就在不停地學(xué)習(xí)各種設(shè)計(jì)理論知識(shí)，部分人經(jīng)過正確的方法一步步突破了自己的瓶頸，但大部分人設(shè)計(jì)水平提升有限。

具體是什么原因呢？總結(jié)下來主要是眼高手低，實(shí)戰(zhàn)太少！

從本期開始，我們通過大量的、具體的實(shí)例評(píng)改，將以往所學(xué)的理論知識(shí)活學(xué)活用，快速提高設(shè)計(jì)水平。

下面先看第1例原稿，分析主要有哪些問題。

原稿

版式問題解析 >>

文字信息：

1）信息組的字間距行間距不合理，都偏疏散；主標(biāo)題尤為疏散，整體性差；人物名字“翟墨”字號(hào)偏大，字體不太適合，引起視覺跳躍。

2）信息層級(jí)比較平均，缺乏鮮明的對(duì)比，主次不分明。

3）信息雖然歸類，但是純文字形式的表達(dá)欠缺變化，畫面不夠豐富。

色彩搭配：

版面中運(yùn)用了大面積的藍(lán)色，藍(lán)色的飽和度都比較低，明度比較高，層次感比較弱，視覺上感覺有點(diǎn)發(fā)灰。透明色塊的運(yùn)用則干擾了信息的識(shí)別。

圖片和背景：

背景圖相對(duì)復(fù)雜，加上半透明色塊，整個(gè)背景顯得凌亂；人物照片稍大，太靠近色塊邊緣，顯得擁擠。

細(xì)節(jié)處理：

二維碼的描邊不太美觀。

注意：

還有一點(diǎn)需要交代，就是字體的版權(quán)——商業(yè)設(shè)計(jì)中只能使用無版權(quán)的字體或者已購買版權(quán)的字體。我這里使用的是思源黑體。

版式調(diào)整 >>

01文字信息初步調(diào)整

我們要做的第一步先將文案信息字符間距與文本行距調(diào)整好， 接著讓信息組之間的間距進(jìn)一步擴(kuò)大，根據(jù)版面空間進(jìn)一步歸類。最后將信息按照其重要性用大小做出基本的對(duì)比。

02 人物照片和人物介紹調(diào)整

原稿的人物圖片太大，四周的空間感覺比較擁擠。再者下面的人物簡介，其實(shí)這段文案是需要著重強(qiáng)調(diào)的，但是現(xiàn)在顯然就有點(diǎn)弱化了。還有人物的名字，字體過于粗大不太合適畫面，字號(hào)也偏大了，一方面與文案重點(diǎn)不符，另一方面造成信息權(quán)重的不統(tǒng)一。

首先將人物的圖片縮小，利用四周留白凸顯人物的重要性，而人物下面的重要信息移動(dòng)到主標(biāo)題的下方，和主標(biāo)題建立起親密性，凸顯其重要性。人物照片下的名字保留，只作為對(duì)圖片的簡單注釋。中文名字配上拼音，細(xì)節(jié)處更豐富。

03文字信息分割

調(diào)整到這一步會(huì)發(fā)現(xiàn)另一個(gè)問題：信息組太多了，怎么增加各信息組的識(shí)別性呢？

此時(shí)空間的分割顯得尤為重要，空間分割可以非常直觀地將版面的信息明確劃分。這里暫時(shí)先用灰色塊分割空間，延續(xù)原稿的方形大格局。當(dāng)然信息劃分也是有標(biāo)準(zhǔn)的，在信息組較多的情況下，盡量將信息類別相似的歸到一個(gè)空間中。比如這里的報(bào)名價(jià)格、報(bào)名熱線以及二維碼信息都是和報(bào)名有關(guān)的基本信息，所以它們更適合在一起。

04 圖片和背景初步調(diào)整

原稿的空間分割雖然也是用色塊，但是沒有達(dá)到應(yīng)有的效果。隨著空間的收縮，反而使得信息更加的密集，而且半透明的色塊與凌亂的背景疊加也影響信息的準(zhǔn)確傳達(dá)，視覺效果不好。

選用海上帆船背景圖處理成灰色并進(jìn)行適當(dāng)?shù)夭眉?，替換先前的灰色色塊，氛圍感更好，行業(yè)屬性也更加匹配。背景圖片的裁剪要盡量保證信息的識(shí)別性。第一種，圖片明度對(duì)比太大，層次感強(qiáng)，干擾了信息的識(shí)別，也就是不適合擔(dān)當(dāng)承載性的角色。而第二種，圖片明度均衡，信息傳達(dá)清晰。

05 配色調(diào)整

藍(lán)色代表大海，也代表胸懷，通過對(duì)版面中分割出的背景圖進(jìn)行色彩調(diào)整，明確項(xiàng)目的整體調(diào)性。主標(biāo)題也用藍(lán)色，和主背景有色彩上的呼應(yīng)，統(tǒng)一性更強(qiáng)。

注意圖片顏色選擇，這里選用了與深灰色明度相近的藍(lán)紫色，畫面更有品質(zhì)感。

06增加變化豐富版面

緊接著如何讓更多的信息具備美觀性和裝飾性呢？

價(jià)格數(shù)字需要進(jìn)行突出處理；報(bào)名熱線可以采用線框的表達(dá)形式，使信息更具視覺性，而信息的兩行編排也大大增加了電話號(hào)碼的發(fā)揮空間。

同樣，將數(shù)字1/2/3變成線之后設(shè)計(jì)感更強(qiáng)，視覺更好。

添加上企業(yè)logo和合作方logo等基本信息，然后將主標(biāo)題和副標(biāo)題往下移動(dòng)一些，讓信息在空間分布上更為均衡。

07 進(jìn)一步優(yōu)化

如果想繼續(xù)優(yōu)化的話，可以結(jié)合與項(xiàng)目相關(guān)的要素，比如海水、波浪，提煉出水的形態(tài)，與畫面相融合。

用調(diào)整好的波浪畫面替換原來的矩形畫面。由于替換了畫面，空間占比發(fā)生了變化，所以周邊的信息也要調(diào)整，比如二維碼在保證識(shí)別性的基礎(chǔ)上變小了一點(diǎn)。

調(diào)整前后稿件的對(duì)比

做個(gè)樣圖看一下實(shí)際的展示效果。本期的評(píng)稿就到這里了，我們下期再見。

最后，分享一下素材和源文件：加群344434216下載。注意改后文件為CDR X7版本，請(qǐng)使用CorelDRAW X7打開。

相關(guān)推薦：

《兩分鐘制作彩虹旗效果開場動(dòng)畫》