編按：

“坐穩(wěn)”設(shè)計(jì)職業(yè)，部落窩教育為大家?guī)?lái)第2篇版式設(shè)計(jì)實(shí)戰(zhàn)《版式突破實(shí)例評(píng)改02》。本篇改稿充分利用了原稿的“故障效果”，主標(biāo)題、背景紋理都采用了故障效果的形式，既豐富了畫面，又取得了畫面的統(tǒng)一。有興趣的可以加群344434216下載素材練習(xí)。

大多數(shù)設(shè)計(jì)師剛接觸版式設(shè)計(jì)時(shí)，會(huì)選擇概念類的設(shè)計(jì)題材來(lái)進(jìn)行練習(xí)，感覺(jué)“看不懂”的才叫好設(shè)計(jì)，其實(shí)概念類設(shè)計(jì)也必須遵循一定的版式設(shè)計(jì)法則。

下面先看本期的原稿，分析主要有哪些問(wèn)題。

原稿

版式問(wèn)題解析 >>

文字信息：

1）字體的樣式比較單調(diào)，且粗細(xì)也是比較平均；信息組的字間距行間距偏疏散，統(tǒng)一性差；主標(biāo)題的字號(hào)也有點(diǎn)偏小。

2）信息層級(jí)比較混亂；字體表現(xiàn)形式過(guò)多；主標(biāo)題的形式略顯單調(diào)，和主體沒(méi)有關(guān)聯(lián)。

3）信息的編排形式過(guò)于自由，無(wú)章可循；信息的對(duì)齊關(guān)系也不明確；畫面的元素比較“滿”，這樣會(huì)干擾信息的傳達(dá)。

4）純文字形式的表達(dá)欠缺變化，畫面不夠豐富。

色彩搭配：

版面中深紫色作為主色，中間的主體用了灰度圖。故障效果沒(méi)有選擇相關(guān)的色彩建立起關(guān)聯(lián)，一小部分英文用了與主體無(wú)關(guān)的色彩，顯得比較突兀。

圖片和背景：

主體在版面中占據(jù)的空間比較大，而且故障效果做的不夠精細(xì)。

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

海報(bào)的四周描邊多余；版面中的小符號(hào)過(guò)多，需要去除一部分。

注意：商業(yè)設(shè)計(jì)中只能使用無(wú)版權(quán)的字體或者已購(gòu)買版權(quán)的字體。我這里使用的是思源黑體。

版式調(diào)整 >>

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

我們要做的第一步先將文案信息組的字間距與行間距調(diào)整好， 接著讓信息組之間保持一定的對(duì)齊關(guān)系，保證信息的秩序性。最后將信息之間的位置進(jìn)一步靠近，使得信息之間的親密性更強(qiáng)，信息的傳達(dá)性也更明確。

相比之下，原稿的文字信息都集中在上端，造成空間的擁擠，改進(jìn)后將整體畫面的空間感體現(xiàn)了出來(lái)。

02 主體樣式和比例調(diào)整

在Photoshop中復(fù)制主體，錯(cuò)開一定位置，更改兩個(gè)圖層的混合選項(xiàng)中的通道組成做出主體的紅綠疊加效果。接著用方形選區(qū)橫向切割出許多粗細(xì)不等的線，在線的對(duì)比上表現(xiàn)豐富，最終呈現(xiàn)出的故障效果才會(huì)更加美觀。

紅綠疊加的色彩效果，相較于原稿來(lái)講，顯得更為豐富多彩。主體在大小比例上也縮小了一個(gè)級(jí)別，留白的空間為畫面增加了呼吸感。另外四周的邊框不美觀，直接予以去除。

03文字信息的強(qiáng)調(diào)和裝飾

主標(biāo)題運(yùn)用線元素進(jìn)一步強(qiáng)調(diào)，下面的信息由于一部分被主體遮擋，所以用色塊的形式加強(qiáng)其識(shí)別性。紅色的使用與紅綠疊加相呼應(yīng)，接著在色塊周圍用線加強(qiáng)其形式感，使其與故障效果的形式統(tǒng)一起來(lái)。

相對(duì)原稿，信息的分割更為鮮明，畫面視覺(jué)點(diǎn)更為凸顯。

4 背景紋理的添加

背景的紋理從點(diǎn)線元素分布的角度看，顯然線元素更為合適，可以與版面中其他線性元素相呼應(yīng)。

線性元素用切割的手法讓形式變得更自由，與故障效果統(tǒng)一。

添加上背景肌理后，版面的整體氛圍又上升了一個(gè)層次，而且在視覺(jué)引導(dǎo)上更順應(yīng)主體的走勢(shì)。

線性元素重復(fù)排列還是有點(diǎn)單調(diào)，藍(lán)紅色彩的融入使得背景紋理更有層次感。

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

相對(duì)來(lái)說(shuō)，現(xiàn)在的主標(biāo)題與主體的關(guān)聯(lián)性表現(xiàn)得還不夠強(qiáng)烈，字體可以換成比較粗的字體（較粗的字體更容易被二次塑造）。

接著將主標(biāo)題進(jìn)行二次塑造，同樣也變成故障效果。需要注意的是，變成故障效果時(shí)需要將線的粗細(xì)對(duì)比也做出層次。

替換了主標(biāo)題，發(fā)現(xiàn)這種故障形式更加匹配主體，而且也增強(qiáng)了畫面的氛圍感。

最后對(duì)主標(biāo)題進(jìn)行二次編排，由一行變成兩行，使得主標(biāo)題有大小對(duì)比，視覺(jué)沖擊力更強(qiáng)。不過(guò)需要注意的是，這樣的編排會(huì)導(dǎo)致信息被裁斷，不夠完整，所以在靠近的位置需要補(bǔ)充識(shí)別性的主標(biāo)題。

06調(diào)整前后對(duì)比

最后是實(shí)際的展示效果。本期的評(píng)稿就到這里了，我們下期再見(jiàn)。

平面設(shè)計(jì)相關(guān)教程推薦：

      《版式突破實(shí)例評(píng)改01》

 　　手機(jī)微信搜索小程序：部落窩教育或者掃下面二維碼，訂閱原創(chuàng)視頻教程學(xué)習(xí)。