多頁面排版設(shè)計的15個技巧

每個平面設(shè)計師在生命中都會經(jīng)歷這樣的時刻：你告訴別人你是個平面設(shè)計師，對方回應(yīng)道：“就是設(shè)計宣傳冊之類的東西對吧？”

然后你很不情愿地回答：“……差不多是那樣吧……”

雖然設(shè)計師并不是只設(shè)計“宣傳冊之類的東西”，但是知道如何進(jìn)行多頁面素材的排版設(shè)計無疑是非常重要的。對很多設(shè)計師來說，進(jìn)行多頁面排版是一項艱巨甚至是令人懊惱的任務(wù)。因為你可能花了很多的心思去對齊文本，構(gòu)思每個頁面的布局，但最后卻發(fā)現(xiàn)頁面整體效果不平衡。因此，在開始設(shè)計之前請閱讀下面的實用技巧。只要掌握了這些內(nèi)容，相信你也可以做出完美的宣傳單、漂亮的小冊子和驚艷的雜志。

1.提前做功課

前期準(zhǔn)備工作是一項簡單卻常常被忽略的任務(wù)。有些人選擇直接上網(wǎng)搜索，瀏覽不同頁面來尋找靈感，這確實是個非常簡單的方法（也是個好主意）。但如果你想設(shè)計一個與眾不同的雞尾酒調(diào)酒手冊，那么你首先要找到盡可能多的相關(guān)原始素材。

素材不一定要找同一類型的，它可以是一個汽車宣傳冊上很酷的字體組合，或者一份菜單上設(shè)計的不錯的價格單，不管是什么類型，只要你覺得值得借鑒，你都可以將其帶回家或者拍個照保存下來。有了這些素材之后，你要花點時間去研究它們并做筆記，比如哪個最具吸引力？哪些可以用于設(shè)計？哪些用處不大？標(biāo)記出你要使用的字體和顏色，整理一些設(shè)計思路，盡可能地熟悉你想使用的素材。

2.添加網(wǎng)格

在多頁面排版中一定要保持所有頁面的一致性。這一開始看起來會有點復(fù)雜和煩人，但就和做蛋糕一樣，保持一致主要體現(xiàn)在混合原料而非烘焙的過程中。第一步就是添加網(wǎng)格。網(wǎng)格是設(shè)計師的好朋友，所有設(shè)計內(nèi)容都應(yīng)該放在其中。網(wǎng)格可以使所有元素都井井有條，各得其所。網(wǎng)格可以分為多列（2，3，4，7，8列等），你可以多實驗幾次來選擇最合適的列數(shù)。好消息是Canva為用戶提供了網(wǎng)格工具，只需點擊“Command”和“;”，你就可以用網(wǎng)格來進(jìn)行設(shè)計了。

3.為內(nèi)容排版制定規(guī)則

在設(shè)計一本小冊子時，你要始終牢記保持一致性（除非你是要進(jìn)行試驗性的、前衛(wèi)的設(shè)計）。想想你平常看到的小說、畫冊、雜志和小冊子，它們大多在設(shè)計上都具備一定的一致性。所以為了讓你的小冊子更易瀏覽和閱讀并且具有整潔的外觀，你需要在頁面設(shè)計上保持一定的相似度。當(dāng)然，這不是說你把一個設(shè)計復(fù)制粘貼30次就大功告成了，而是你必須要清楚哪些設(shè)計元素應(yīng)該前后一致。一個關(guān)鍵點就是頁碼。舉例來說，如果你想查閱一本教材的82頁，但是每頁的頁碼都在不同的位置，那將是多么的煩人、多么的混亂！所以在設(shè)計時要保持頁碼在風(fēng)格和位置上的一致，確保讀者在閱讀時不會感到惱火或找不到需要的內(nèi)容。另一個需要保持一致的元素是字體。如果正文較長，分布在多個頁面上，那么最好不要在連續(xù)頁面中突然改變字體的大小、粗細(xì)和風(fēng)格，特別是當(dāng)你想讓設(shè)計看上去整潔連貫的時候。當(dāng)然，你可以在小冊子中不同的部分或文章中使用不同字體。

這個例子中每篇文章的設(shè)計都不同且有趣，頁碼都在同樣的位置，字體也較為一致。綜合來看，讀者可以從每個版面中的一致性判斷出它們來自同一本雜志。

4.對齊文字

對齊文字看似是無關(guān)緊要，其實不然，當(dāng)你開始對齊時你就知道它是多么有用了。歸根結(jié)底，這是因為不對齊的文字看上去比較混亂、不穩(wěn)定。而整齊排列的的文字使信息更易閱讀和消化。下面的圖片展示了沒有對齊的文字看起來是什么樣的。看到左列兩行字母底部和右邊對應(yīng)行的字母底部不對齊了嗎？這本來只是個小細(xì)節(jié)，但你知道了之后一定會覺得特別顯眼。

5.選擇合適的字體組合

到目前為止你還覺得有意思嗎？看看你設(shè)置的還沒添加任何設(shè)計元素的線條和網(wǎng)格！不過不用擔(dān)心，我們很快就開始添加了，那時你就會意識到你先搭建網(wǎng)格結(jié)構(gòu)是多么明智。下一步是選擇字體，找到合適的搭配至關(guān)重要。這篇文章提供了一些不錯的參考，但除此之外關(guān)于字系的知識還有很多。一般來說，標(biāo)題為了易于閱讀會使用較大的字號，而正文（文字的主要部分）部分應(yīng)該不顯眼，讀起來流暢，不會使眼睛感到疲勞。你可以打開一本小說或雜志看看里面的文章使用了什么字體。這種字體效果如何？是否易于閱讀？如果答案是肯定的，那你也可以在自己的設(shè)計中運用一些類似的字體。下圖是Sidney Lim的設(shè)計作品，粗襯線字體和無襯線字體的美麗組合或許可以激發(fā)你的靈感。

6.正文的安排

不論你設(shè)計的多頁面版式是用于網(wǎng)上還是出版，正文的設(shè)置方式都極為重要。畢竟你希望用戶去認(rèn)真閱讀這些內(nèi)容。優(yōu)秀的正文安排應(yīng)該是讓人無法察覺的，這并不是說它像精靈一樣不可見，而是說它會讓讀者更關(guān)注正文的內(nèi)容而不是設(shè)計手法。下面我們稍微談點技術(shù)性的東西。一行文字的最佳長度為50-75個字符（包括空格），超過這個長度就會讓讀者感到厭倦，因為他們難以判斷每行開頭和結(jié)位置。短于這個長度會使讀者在閱讀時頻繁換行，容易忽略信息。這聽起來可能有點荒唐，但其實我們每次讀完一行后潛意識中都會有“勝利”的感覺，不過前提是閱讀中不用頻繁換行。當(dāng)然我并不是說你要一個個地去數(shù)每行的字符數(shù)。但上面的內(nèi)容無疑是個不錯的入門指南。

7.吸引讀者的注意力

使用醒目引文是吸引讀者注意力的有效方法。你會經(jīng)常通過閱讀引文來了解文章主要內(nèi)容嗎？我一直都是先讀引文，然后不知不覺就去讀了全文，而這些文章我平時是根本是不會看的。醒目引文的設(shè)計要以吸引讀者注意力為目的。它應(yīng)該極為顯眼而且易于閱讀。但更重要的是引文的內(nèi)容，如果你要自己選擇引文，那你最好將文本多讀幾遍，然后想想文中最突出的要點是什么。引文可以是令人震驚的、有趣的或者有深刻見解的句子，但它必須要跟文章的基調(diào)和內(nèi)容一致。

8.突出重要信息

我們?nèi)绾蔚弥跏页蓡T比農(nóng)民更重要？因為他們住在山上宏偉的城堡中，穿色彩鮮艷的衣服，喝上等的美酒。同樣的道理（在一定程度上）也適用于文字的排版。在設(shè)計中建立“等級”非常重要，尤其是進(jìn)行多頁面排版設(shè)計時。簡單來說就是讓最重要的信息（如標(biāo)題）獲得最多的注意力。如果讓你的標(biāo)題迷失在圖片中，就好比把國王送到了貧民窟。同樣的，如果你翻開一頁后先關(guān)注的是圖片說明而不是圖片本身，那就像讓平民坐在了騎士的位置上。你首先想到的體現(xiàn)等級的方法可能是改變字體大小，但其實區(qū)別主要內(nèi)容和次要內(nèi)容的方法還有很多。請看下圖中Nourished Journal的頁面，它的信息等級是通過不同的字體的大小、粗細(xì)、位置和列寬來體現(xiàn)。

9.設(shè)計圖像

選擇圖像并不只是選擇合適的清晰度那么簡單。圖像的位置、風(fēng)格和大小都對能否吸引讀者有很大的影響。要確保你可以的圖像能夠共同發(fā)揮作用，這可以通過使用相同的圖片編輯技巧來實現(xiàn)，比如高對比度的黑白效果，品牌顏色的雙色模式，某種特殊的濾鏡。所有照片使用同一風(fēng)格可以使其有效融入整體設(shè)計中并體現(xiàn)出一致性.這里有兩個很好的例子說明如何使用這種技巧。下圖的第一本小冊子使用了黑白圖像和不同比例尺，第二本小冊子使用了雙色調(diào)圖像和透明覆層形狀來搭配品牌的顏色。

10.處理好圖像和文本的關(guān)系

接著上面關(guān)于圖像的話題，你還應(yīng)該嘗試在圖像和文字之間建立某種“對話”，這有利于讓讀者下意識地把圖像和文本聯(lián)系起來。這些“對話”可以通過幾種不同的方式來實現(xiàn)。比如在主要圖片中或其頂部加入文字。選擇一種和圖片互補且風(fēng)格類似的字體，要確保你的字體和圖像不是各自獨立而是在共同發(fā)揮作用。下圖柏林市的宣傳冊就是個很酷的例子。第一張圖片中橙色貫穿整個設(shè)計，文字將圖片和排版連接起來。圖片以特定角度裁去一角，這使得本來較為單調(diào)的圖片變的更有生命力，更具動感和趣味性。多嘗試不同的技巧，為設(shè)計增添點樂趣，盡量使你的設(shè)計作品成為一個整體，而不是許多隨意堆積在一起的不相關(guān)的內(nèi)容。

11.留白——讓設(shè)計深呼吸

我們都有過這樣的經(jīng)歷：試圖把自己所有的想法都加入到設(shè)計中，填滿每一寸空間，可能還說過“也許這里可以再加點什么”之類的話。在設(shè)計時你要學(xué)會克制，留出被稱為“呼吸空間”的空白部分。這些部分沒有視覺信息，可以給讀者的眼睛提供休息的空間，從而更關(guān)注重要的信息。當(dāng)然我不是讓你留下整頁的空白（盡管這也很酷），而是讓你給頁面留出呼吸的空間。下圖Sidney Lim的作品就很巧妙地使用了這一技巧。最左邊和最右邊都留出了空白的縱列，使頁面看上去均衡且低調(diào)。

12.作品的聲音是怎樣的？它是否合適？

你已經(jīng)把這個神奇的多頁面生物帶到了世界上，現(xiàn)在請問問自己，它的聲音是否與你所期待的一致？它是否穿著皮夾克，抽著煙，談吐幽默又睿智?或者正很有禮貌地和你的母親和祖父談?wù)撝鴩H事務(wù)?不管它的聲音是什么樣的，一定要合適。你肯定不希望看到一本兒童保育的小冊子像一個打著領(lǐng)結(jié)，穿吊帶褲的紳士一樣說話。請看下面兩個例子：第一個例子用線條流暢的字體搭配明亮大膽的單色，看起來相當(dāng)時尚和現(xiàn)代。第二個例子采用了一組鮮艷的色彩，整齊的信息圖表和兩種好看的無襯線字體，給人一種權(quán)威而莊重的印象。顯然，你的口吻取決于內(nèi)容，但一旦你找到了適合自己的制服，最好每一頁／期都穿著它。

13.閱讀它！（并打印出來）

正如你在烹飪的時候會品嘗自己做的食物那樣，如果你設(shè)計的東西最終是要印刷出來的，那就把它印出來。即使是用你奶奶的老式打印機在電話賬單的背面打出黑白的設(shè)計圖，它也能讓你清楚地看出哪些設(shè)計可行，哪些不可行。

以下是一些需要注意的事項

正文——將其交給符合目標(biāo)群體年齡段的人，看他們是否覺得閱讀起來很舒適。 層次——你能否立刻注意到最重要的信息，還是會被瑣碎的東西分散注意力？ 圖像——注意圖片的色彩、分辨率和清晰度。 14.封面說明一切 封面無疑是設(shè)計中最有趣也最重要的部分。封面往往決定了你的設(shè)計作品是否能吸引讀者（除非他們被強制要求閱讀）。它應(yīng)該要能在視覺上說明作品的主要內(nèi)容。如果你需要一些設(shè)計靈感，可以查看這50張精美的書籍封面，盡量不要受到啟發(fā)——當(dāng)然這是不太可能的。將封面視為整個作品的醒目引文來設(shè)計，尤其是雜志、宣傳冊這類封面通常為主要文章摘錄的素材。封面通常會留下一些東西供讀者去探索，為了尋找更多的信息，他們會拿起來閱讀。我可以花一整天的時間來列舉設(shè)計精美的封面。下面是三個精心設(shè)計的，非常巧妙的封面。

15.打破規(guī)則

了解規(guī)則，然后打破規(guī)則。這條經(jīng)典的建議激發(fā)了許多很有創(chuàng)意的設(shè)計。雖然有些老套，但它確實有效。Monster Children就是個很好的例子。該雜志打破傳統(tǒng)，采用了橫向打印方式，而且其中很多設(shè)計元素都違背了可讀性和布局的基本思想。開始為你的設(shè)計進(jìn)行嘗試吧，看看是否可行，如果不可行，那就試試粉色！打破網(wǎng)格，讓字體大到頁面裝不下，將圖片倒置，為你的設(shè)計增添樂趣，當(dāng)然前提是要適合。

現(xiàn)在你已經(jīng)學(xué)會了全部15個技巧，可以更好地進(jìn)行多頁面排版設(shè)計了。在你成為下一個大衛(wèi)·卡爾森（David Carson）時，不要忘了自己是如何一步步走過來的。