導(dǎo)讀來(lái)源：平面設(shè)計(jì)圈設(shè)計(jì)一個(gè)別出心裁的封面，吸引讀者翻開(kāi)它閱讀其中的年內(nèi)容，并不是想象中那么困難，關(guān)鍵是利用好現(xiàn)有的素材。說(shuō)起素材，其實(shí)在實(shí)際設(shè)計(jì)的操作中客戶并....

來(lái)源：平面設(shè)計(jì)圈

設(shè)計(jì)一個(gè)別出心裁的封面，吸引讀者翻開(kāi)它閱讀其中的年內(nèi)容，并不是想象中那么困難，關(guān)鍵是利用好現(xiàn)有的素材。

說(shuō)起素材，其實(shí)在實(shí)際設(shè)計(jì)的操作中客戶并不一定能提供多元化的素材給設(shè)計(jì)師，無(wú)論是在海報(bào)還是畫(huà)冊(cè)或折頁(yè)設(shè)計(jì)中常常需要設(shè)計(jì)師自己想方設(shè)法的做出各種各樣的版式。雖說(shuō)網(wǎng)上素材非常豐富，可并不是每一個(gè)客戶都是耐心的，所以在催稿的狀態(tài)下，設(shè)計(jì)師并不能更好的思考發(fā)揮。

如果你是一個(gè)剛剛?cè)胄械男率郑敲催@篇文章也許會(huì)給你更多的啟發(fā)。避開(kāi)了各種繁雜的軟件操作，僅用排版完成一幅看起來(lái)還不錯(cuò)的設(shè)計(jì)成品。

講的這10種方法就是對(duì)要求時(shí)限的設(shè)計(jì)和新手情況下如何不丟失自己的設(shè)計(jì)水準(zhǔn)。

1.創(chuàng)建格子封面

使用網(wǎng)格作為視覺(jué)元素。將一個(gè)正方形頁(yè)面分成四格，在第二格放上封面的視覺(jué)要素，斜對(duì)應(yīng)格放入標(biāo)題，然后再突出這兩格。

畫(huà)一個(gè)正方形格子，將一個(gè)正方形頁(yè)面分成四格，選取角度以畫(huà)面視覺(jué)要素為主，白色邊框使格子更清晰。這樣第二格里的畫(huà)面能自然而然的被讀者吸引。

為保證整個(gè)畫(huà)面色彩感的統(tǒng)一，顏色直接從照片中提取，填充右下角的方格，降低其透明度，使下層圖像隱約可見(jiàn)。

在方格中放置字體，注意字體選取保持整體風(fēng)格統(tǒng)一。避免使用花哨，可愛(ài)，活潑等字體。

2. 照片太多，也可以在網(wǎng)格里拼接展示

相比剪貼薄風(fēng)格的拼接，使用網(wǎng)格是展示一組照片即方便快捷也堪稱完美的方法，它整潔、畫(huà)面豐富色彩多樣性，看看一個(gè)簡(jiǎn)單且容易上手操作的網(wǎng)格拼接是怎么發(fā)揮神奇的。

因?yàn)楹茈y照片數(shù)量和均勻網(wǎng)格對(duì)應(yīng)，創(chuàng)建一個(gè)均勻網(wǎng)格，將圖片進(jìn)行適當(dāng)?shù)募舨茫蛊浔蝗菁{于一個(gè)或多個(gè)網(wǎng)格里面。

圖片在網(wǎng)格的規(guī)劃下完整的展示，畫(huà)面飽滿，整潔且色彩豐富。最后排文字。

網(wǎng)格把頁(yè)面劃分為了三個(gè)區(qū)域，文字統(tǒng)一沿著網(wǎng)格線對(duì)其（藍(lán)色虛線示意部分）。

最后效果

3. 窄面式封面

首先映入眼簾的是非常時(shí)尚的照片。再就是右邊頁(yè)面露出一條邊，這里適合留下重要的導(dǎo)讀信息。

翻開(kāi)封面，右邊頁(yè)面依舊保持窄式豎排版。

顛倒前后頁(yè)順序，前置標(biāo)題，后置圖片。

重點(diǎn)閱讀地方轉(zhuǎn)移了。

4.突出你的設(shè)計(jì)視覺(jué)焦點(diǎn)

如圖所示的版式，看起來(lái)很普通沒(méi)有什么特色但是也說(shuō)不出哪里有什么差錯(cuò)，硬要說(shuō)的話感覺(jué)那這樣的版式都算不上是設(shè)計(jì)。字體沒(méi)錯(cuò)，顏色沒(méi)錯(cuò)，閱讀也輕松，唯獨(dú)沒(méi)有視覺(jué)說(shuō)服力。

我們需要更好的方法來(lái)表達(dá)視覺(jué)效果：

1. 縮小設(shè)計(jì)區(qū)域，定好視覺(jué)焦點(diǎn)集中讀者注意力；

2. 字體，盡量符合檸檬邊緣形狀的字體（字體往后教程會(huì)具體講到）；

3. 放置圖片，將檸檬摳出放置定好的設(shè)計(jì)區(qū)域并露出一部分，檸檬的外形輪廓打破了中規(guī)中矩的平直版式，形成對(duì)比突出。

5.再利用圖像，以小變大

常常碰到一種很尷尬的情況，圖片尺寸不夠或者不適合現(xiàn)在的構(gòu)圖，不是有點(diǎn)寬就是有點(diǎn)短。背景還根本沒(méi)有合適地方放字，怎么辦？復(fù)制部分圖像，將其放大。

1. 加長(zhǎng)的頁(yè)面用草莓局部拼接，注意羽化邊緣使其融合；

2. 取圖片中的顏色，建一個(gè)漸變透明留給文字；

3. 加文字，圖右邊單獨(dú)截圖了草莓局部和透明漸變示意；

6. 設(shè)計(jì)正式，簡(jiǎn)單醒目的封頁(yè)

不可避免的我們也會(huì)遇到給普通文件設(shè)計(jì)一個(gè)簡(jiǎn)單而醒目的封面。可以試試模擬包裹式的封套。

1. 將頁(yè)面分成數(shù)欄。對(duì)其文字后添加橫條；

2. 配色以標(biāo)題表達(dá)為主；

3. 包裹的位置可以居中也可以不對(duì)稱，這將決定文字的位置；

4. 對(duì)稱版式更嫻靜，不對(duì)稱版式則偏向靈動(dòng)；

5. 重新定義版面空間，增加嚴(yán)謹(jǐn)和規(guī)范的視覺(jué)感。

7. 簡(jiǎn)單置放漂亮的單排標(biāo)題

標(biāo)題重要圖片也同樣重要，如何使兩者相配？可以嘗試把標(biāo)題設(shè)置成以長(zhǎng)排，拉大字母間距。

1. 畫(huà)一個(gè)白色的細(xì)長(zhǎng)矩形，分割圖像卻不干擾畫(huà)面，位于畫(huà)面中央位置更自然的吸引讀者；

2. 字體大寫(xiě)，顯出影響力；字體選小號(hào)，展現(xiàn)優(yōu)雅和空間；

3. 字體間距設(shè)置盡量拉大，根據(jù)畫(huà)面而定；

半透明的的條紋是設(shè)計(jì)的關(guān)鍵，將文字和畫(huà)面結(jié)合為一體。

很多優(yōu)秀的畫(huà)冊(cè)已經(jīng)看不到滿滿一頁(yè)的畫(huà)面文字這樣的排版布局。

之前給大家鑒賞過(guò)幾本還不錯(cuò)的畫(huà)冊(cè)，但根據(jù)留言和后臺(tái)回復(fù)來(lái)看似乎大家更喜愛(ài)大面積留白簡(jiǎn)單而又整潔的版式。不得不說(shuō)這也是我最喜歡的版式?jīng)]有之一，這種版式的好處非常多~說(shuō)的通俗一點(diǎn)就是立馬高大上。但是這種看起來(lái)簡(jiǎn)單的版式常常在模仿過(guò)程中出現(xiàn)各種各樣的意外。這是為什么呢？因?yàn)樗揪筒幌衲銈兛吹侥菢拥暮?jiǎn)單。

它更講究細(xì)節(jié)，更考究一個(gè)設(shè)計(jì)師的基本功，這里的基本功于軟件操作完全沒(méi)關(guān)系，重點(diǎn)全部在于用腦思考。不斷分析不斷解剖，否則在不懂的情況下模仿基本上只有糟糕的情況出現(xiàn)。最常見(jiàn)的就是不能收為己用，無(wú)法舉一反三靈活運(yùn)用。

還有3個(gè)版式?jīng)]有講，今天將會(huì)用同一張圖排3個(gè)版式打破被一個(gè)版式局限設(shè)計(jì)風(fēng)格，希望各位圈友看完能有所獲。

8. 去掉出血位邊框，活用網(wǎng)格

圖1示意了留出出血位的畫(huà)面，接著的改版直接回顧了上期講過(guò)的其中之一的方法。看過(guò)的圈友應(yīng)該能想起來(lái)跟上期做的那張檸檬的版式大同小異，這個(gè)圖沒(méi)有可以用于突出異形的部分，但是依舊看起來(lái)不錯(cuò)。就是有點(diǎn)像掛在墻上的畫(huà)，但是足夠讓我開(kāi)始想象其他的一些嘗試了，這節(jié)版式重點(diǎn)在下面這張圖：

1. 從縮小設(shè)計(jì)區(qū)域集中讀者視覺(jué)這步開(kāi)始；

2. 圖二示意了寬窄中中字樣，不用覺(jué)得奇怪這不單單只是為了好看。這時(shí)圖片處于的是讀者的視平線位置，有疑問(wèn)的圈友可以隨便拿本書(shū)看看第一眼視覺(jué)位置在哪里。這樣就能明白為什么那么多的版式都不老實(shí)的呆在居中的位置，卻依舊不失風(fēng)采；

3. 靜止的邊框看來(lái)有點(diǎn)沉悶，分割成3個(gè)豎版讓畫(huà)面靈活起來(lái)；

4. 分別取三個(gè)不同部分，理由同3一樣；

5. 加字和LOGO（字體排版和設(shè)計(jì)往后細(xì)講），保持畫(huà)面一致

提示：第一稿和第二稿字體部分排版是不同的

9. 同樣一張圖使用橫版

1. 單行文字保持了版面的橫向走勢(shì)，并形成一個(gè)具有強(qiáng)烈吸引力的視覺(jué)焦點(diǎn)。圖片LOGO完全統(tǒng)治著下方空白區(qū)域。

2. 版面分為兩個(gè)區(qū)域，一明一暗，每個(gè)區(qū)域中心（視覺(jué)平行線上的標(biāo)題和下邊的LOGO），格子支配著周?chē)目瞻住Ｇ擅畹闹坪饷靼店P(guān)系，比起刻意引起注意效果更佳。

10. 橫幅版式

和橫向圖片同工之妙就是橫幅，它具有非常典型的全景式形狀，與縱向頁(yè)面形成鮮明對(duì)比，創(chuàng)造非常棒的視覺(jué)沖擊力。這個(gè)版式的重點(diǎn)在于分析圖片。

頁(yè)面上的視覺(jué)元素很少，卻別具設(shè)計(jì)感。版面能突出視覺(jué)焦點(diǎn)和畫(huà)面山水天的靈動(dòng)性和想象空間。文字和LOGO顏色飽和度降低使用灰色填充，突出圖片。

最后把今天版式內(nèi)容放在一起對(duì)比，好好思考一個(gè)素材多元化的運(yùn)用因?yàn)檫@將提升你的設(shè)計(jì)風(fēng)格。

版式遠(yuǎn)不止這10種方法，但從這10種版式解析中大致可以得出以下的幾點(diǎn)：

1. 版面分區(qū)（網(wǎng)格）

2. 版面的視覺(jué)平行線

3. 明暗對(duì)比

4. 空間運(yùn)用

（字體設(shè)計(jì)暫時(shí)不歸納在其中，往后會(huì)有這類(lèi)的專(zhuān)題講到）