多頁面排版設(shè)計(jì)：15個(gè)不可不知的技巧
來源：視覺ME（微信號：shijue-me）
每個(gè)平面設(shè)計(jì)師在其生命的某個(gè)時(shí)刻都會(huì)遇到這樣的場景。當(dāng)你告訴別人你是個(gè)平面設(shè)計(jì)師時(shí)，別人會(huì)說：“就是設(shè)計(jì)宣傳冊之類的東西對吧？”然后你很不情愿地回答：“……差不多是那樣吧……”
雖然“設(shè)計(jì)宣傳冊之類的東西”并非每個(gè)設(shè)計(jì)師的工作，但知道如何進(jìn)行多頁面素材的排版設(shè)計(jì)無疑是非常重要的。應(yīng)對多頁面設(shè)計(jì)項(xiàng)目對很多設(shè)計(jì)師而言是令人心生畏懼的任務(wù)，你很可能花了很多心思去排列文本，構(gòu)思每個(gè)新頁面的布局，最后卻發(fā)現(xiàn)它從整體上缺少均衡。因此，在你開始構(gòu)思設(shè)計(jì)方案之前，閱讀以下的實(shí)用技巧能讓你信心大增。相信讀過之后你也一定可以做得出完美的宣傳單，漂亮的小冊子和令人驚嘆的雜志。
01. 做好研究工作
前期研究是一項(xiàng)簡單而又常被忽略的任務(wù)。如果你只想在網(wǎng)上瀏覽不同的頁面以尋找靈感的話，它的確再簡單不過。但如果你想設(shè)計(jì)一個(gè)與眾不同的雞尾酒調(diào)酒手冊的話，首先你需要找到盡可能多的與之相關(guān)的原始素材。
這些素材不一定是同樣類型的：這個(gè)汽車宣傳冊上的字體組合很酷，那份菜單目錄上的價(jià)格單設(shè)計(jì)得不錯(cuò)。不論是什么素材，只要你覺得有用，都可以帶回家或復(fù)制下來。有了這么多素材之后，你要花點(diǎn)時(shí)間在它們上面并做些筆記。哪些東西可以用于設(shè)計(jì)？哪些用處不大？標(biāo)出吸引你的字體及色彩，理出一些設(shè)計(jì)思路，對你將要使用的素材要盡可能地熟悉。
02. 確定網(wǎng)格
在多頁面的版式設(shè)計(jì)中你最需要的是保持所有頁面的一致性。這一開始看起來會(huì)有點(diǎn)復(fù)雜和煩人，但正如制作蛋糕時(shí)一樣，保持一致主要體現(xiàn)在混合原料而非烘焙的過程中。
第一步需要確定網(wǎng)格系統(tǒng)。網(wǎng)格是你的朋友，一切內(nèi)容都應(yīng)該放置其中。它將幫助你將所有東西都安排得井井有條，就像那些項(xiàng)目本來就應(yīng)該出現(xiàn)在各自的位置上一樣。網(wǎng)格可以被分為不同的縱列（2, 3, 4, 7, 8列等等），你可以通過多試幾次來決定采用哪種網(wǎng)格方案。
03. 為內(nèi)容定下規(guī)則
當(dāng)你設(shè)計(jì)一本小冊子的時(shí)候，你始終應(yīng)該記在腦中的就是保持一致性（除非你要設(shè)計(jì)的是那種前衛(wèi)的，實(shí)驗(yàn)性質(zhì)的材料）。
想想你日常會(huì)讀到的小說，畫冊，雜志和宣傳冊，這些材料多數(shù)在設(shè)計(jì)上都具備相當(dāng)程度的一致性，不是嗎？為了讓你設(shè)計(jì)的小冊子更易瀏覽，更易閱讀，更為清晰明快，你需要在頁面設(shè)計(jì)上保持一定程度的雷同。當(dāng)然，這并不意味著你應(yīng)該粘貼復(fù)制30次，然后宣布完成任務(wù)。但對于哪些設(shè)計(jì)元素應(yīng)該前后一致，你應(yīng)該做到心中有數(shù)。
一個(gè)關(guān)鍵點(diǎn)是頁面編號。舉例來說，如果你要查找一本教材的第82頁，卻發(fā)現(xiàn)所有的頁碼都在書頁的不同位置，那將會(huì)多么煩人，多么不方便！所以在設(shè)計(jì)時(shí)應(yīng)保證頁碼在風(fēng)格和位置上的一致。另一個(gè)需要注意的項(xiàng)目是字體。如果你有大量分布于不同頁面的完整正文需要安排時(shí)，注意不要在連續(xù)頁面中忽然改變字體的樣式和字號。當(dāng)然。你可以將不同的字體用于不同的部分或文章中，正如示例圖片中Studio 8所做的那樣。
A2 Magazine byStudio 8
04. 對齊字體
對齊字體的工作看似無關(guān)緊要，其實(shí)不然。當(dāng)你開始對齊時(shí)就知道它的效用。
從本質(zhì)上說，這是因?yàn)槿绻煮w不對齊的話，會(huì)給人一種無序和異常之感。對于排列整齊的字體，人們的眼睛辨認(rèn)和閱讀起來會(huì)更為容易。下面的圖顯示了沒有對齊的字體看起來會(huì)是什么樣子。注意到?jīng)]有，左列底部的字行與右列底部的字行并沒有對齊。這雖然只是一個(gè)細(xì)節(jié)，但一經(jīng)指出，你就會(huì)留意到它的異常之處。
05. 選擇合適的字體組合
直到目前你還覺得很有意思嗎？請看一下你設(shè)定的那些尚未添加任何設(shè)計(jì)元素的線條和網(wǎng)格！但是別擔(dān)心，我們很快就會(huì)進(jìn)入實(shí)質(zhì)階段，那時(shí)你將意識到你在確定網(wǎng)格上花費(fèi)的時(shí)間是多么值得。
下一步是選擇合適的字體。這篇文章 為你提供了一些參考，但除此外關(guān)于字體的知識還有太多。總體而言，標(biāo)題中的字體應(yīng)該適合放大顯示，而正文（字體的主要部分）字體應(yīng)該不顯眼，讀起來舒暢，不會(huì)使眼鏡感到疲累。你可以先找一些小說或雜志看其中選用了哪種字體。這些字體效果如何？適于閱讀嗎？如果是的話，你可以選擇一些與之類似的字體用于自己的設(shè)計(jì)。
下圖中Sidney Lim出品的雜志中，有襯線和無襯線字體的美麗組合或許能為你提供一些靈感。
StopMagazine – Sidney Lim YX
06.正文的安排
不論你設(shè)計(jì)的多頁面版式是用于網(wǎng)上還是實(shí)體印刷，你設(shè)置正文的方式都極為重要。畢竟，這是你希望用戶認(rèn)真閱讀的東西。理想的正文應(yīng)該是不可見的，這并不是說它應(yīng)該像精靈一樣無法被看到，而是說它的安排方式應(yīng)該讓閱讀者更關(guān)注內(nèi)容而不是設(shè)計(jì)本身。
我們稍微談點(diǎn)技術(shù)性的東西。每個(gè)字行合理的長度介于50 – 75個(gè)字符之間（包括空格），超過這個(gè)長度的話會(huì)讓讀者感到疲倦，因?yàn)樗麄冸y于判斷字行的開頭和結(jié)尾位置。短于這個(gè)長度會(huì)讓讀者感到字符太擁擠，容易忽略信息。這聽起來似乎有點(diǎn)荒唐，但事實(shí)上，在我們閱讀時(shí)，每次都是“潛意識”獲勝。我并不是說你應(yīng)該一個(gè)個(gè)地區(qū)數(shù)每一行所包含的字符數(shù)，但上面所說的無疑安排正文時(shí)的基本指南。
下面例子中， Amanda Cole 年度報(bào)告每行的字符數(shù)是50-60個(gè)。
CMY Annual Report –Amanda Cole
07. 抓住讀者的注意力
提升引語（Pull quotes）是吸引讀者注意力的有效方式。你通過閱讀引語來獲知文章大致內(nèi)容的幾率是多少？我本人每次都會(huì)先讀引語，然后再閱讀正文，而有些正文是我原本根本不會(huì)讀下去的。
你可以將提升引語設(shè)計(jì)得更易于抓住讀者的注意力。它應(yīng)該極為顯眼且易于閱讀。但更重要的是引文的內(nèi)容，要選擇最佳的引語，你最好將正文讀上幾遍，然后再回顧一下能讓你記憶猶新的要點(diǎn)。引語可以是有震撼力的，有趣的或有真知灼見的，但它應(yīng)該與正文的整體基調(diào)一致。
Saturdays Magazine用了整整一個(gè)頁面來放置一條引文，并賦予了它明亮的背景。這是吸引讀者閱讀正文的一個(gè)聰明手段。
SaturdaysMagazine Issue 3 – Javas Lehn Studio
08.凸顯重要信息
我們?nèi)绾蔚弥晃毁F族比一位農(nóng)民更重要？因?yàn)橘F族住在山上的宏偉城堡里，穿色彩鮮艷的衣服，喝上等美酒。同樣的道理也適用于字體的安排。在設(shè)計(jì)中添加“等級”是非常重要的，尤其是在多頁面素材的設(shè)計(jì)中。簡而言之，這意味著最重要的信息（如標(biāo)題）擁有最多的關(guān)注度。如果讓你的標(biāo)題迷失在圖片中，就如同把國王趕往貧民窟一樣可怕。同樣的，如果你翻開一頁，首先躍入眼簾的是圖片說明而不是圖片，就像把無名小輩推上王座一樣后果嚴(yán)重。
你或許會(huì)首先想到通過調(diào)整字體大小來凸顯層級，事實(shí)上還有很多方法能讓你把主要內(nèi)容和次要內(nèi)容分開。請看下圖Nourished Journal的例子，字體的大小，位置，字重和縱列的寬度都在決定著信息的等級。
NourishedJournal Issue 1
09. 設(shè)計(jì)圖像
選擇圖像并不只是保證它們的清晰度那么簡單。圖像的位置，風(fēng)格和大小都直接影響到能否吸引讀者。要確保你選用的圖片能共同發(fā)揮作用。實(shí)現(xiàn)這一點(diǎn)的一個(gè)有效手段就是使用同樣的圖片編輯技巧，無論是高對比度的黑白圖片還是某個(gè)特殊濾鏡。賦予每張圖片共同的風(fēng)格能使圖片更有效地融入整體設(shè)計(jì)中并體現(xiàn)出一致性。下面提供了兩個(gè)使用這一手段的示例。第一個(gè)例子使用了黑白圖片和部分放大的編輯手法，第二個(gè)例子使用了雙色圖片和透明的疊層。
EnyxeeDesign Studio Brochure
ItalianNeorealism Brochure – Oliver Lo
10. 處理好圖像和文字的關(guān)系
上面關(guān)于圖像的處理說了不少，你還應(yīng)該在圖像和文字之間建立起某種“對話”。其目的是讓讀者下意識地將圖片和文字連接起來。實(shí)現(xiàn)這種“對話”可以有不同手段。例如，你可以將某種字體植入圖片之上。選擇一種與圖片相匹配的字體，務(wù)必要保證這種字體與圖片看起來相互融合而不是各自獨(dú)立。
下圖中柏林市的宣傳海報(bào)就是一個(gè)很酷的例子。整幅圖使用了橙黃色的基調(diào)，憑借字體將圖像內(nèi)容和排版要素連接成為一體。圖片以特定的角度被裁去一角，這使圖片看上去更有動(dòng)感，更具趣味性，超越了普通圖片的單調(diào)。請多嘗試一些手段，為你的設(shè)計(jì)增加點(diǎn)樂趣，盡量使設(shè)計(jì)出的作品成為一個(gè)整體，而不是很多堆積在一起的，彼此毫無關(guān)聯(lián)的內(nèi)容。
TravelBrochure – Bartosz Kwiecień
11.負(fù)空間– 來次深呼吸
我們都曾這樣做：試圖表達(dá)所有的想法，利用每一寸空間，并且說“也許我們可以在此處放點(diǎn)什么?”。但是當(dāng)設(shè)計(jì)時(shí)，你需要學(xué)會(huì)克制，需要在作品中留下被稱為“呼吸空間”的空白，這些是視覺信息缺失的地方，它們能讓眼睛得到休息的機(jī)會(huì)，從而更集中注意力于重要的內(nèi)容上。
我并非是在教你留下整頁的空白，而是說應(yīng)該在頁面中留出呼吸的余地。在下圖Sidney Lim的示例中，這種策略表現(xiàn)得很微妙。最左邊和最右邊都留出了空白的縱列，這給整個(gè)頁面造成一種均衡之感。
DwellCoastal Cities Revisited – Sidney Lim
12.你的聲音是什么？它合拍嗎?
現(xiàn)在你已經(jīng)把這個(gè)神奇的多頁面生物交給了世界，請問問自己，它能發(fā)出你期待的聲音嗎？它是否穿著皮夾克，抽著煙，談話幽默又睿智？或者正很有禮貌地對你的母親和祖父談?wù)撝鴩H事務(wù)？無論它的聲音是什么樣的，你都要保證他說話得體。如果一本關(guān)于教育兒童的小冊子卻像一個(gè)打折領(lǐng)結(jié)，穿吊帶褲的紳士一樣說話，那它肯定是你最不想看到的東西。
請看這兩個(gè)例子：第一個(gè)例子使用了順暢的字體元素搭配明亮夸張的單色，看起來相當(dāng)具有現(xiàn)代感。第二個(gè)例子采用了一組鮮艷的色彩，干凈的信息圖表和兩種穩(wěn)定的無襯線字體，給人一種權(quán)威而莊重的印象。很顯然，你的聲調(diào)取決于內(nèi)容，但一旦你找準(zhǔn)了適合自己的制服，最好每一頁都穿著它。
FoamMagazine – Andrew Colin Beck
HRC YouthReport – Matt Chase
13. 閱讀它！（并印出它）
正如你會(huì)品嘗自己做的食物那樣，如果你設(shè)計(jì)的東西最終需要印出來的話，就把它印出來。也許你的設(shè)計(jì)在電腦上看起來清晰無比，但只有打印出來才能真正看到它的優(yōu)勢和缺陷。
以下是一些要留意的項(xiàng)目:
· 正文– 將打印出的東西交給符合目標(biāo)群體年齡段的某個(gè)人，看看他是否能舒適地閱讀你的設(shè)計(jì)作品。
· 層次–你能否立刻注意到最重要的信息，還是會(huì)被瑣碎的東西分散注意力？
· 圖像– 注意色彩，解析度，清晰度是否達(dá)到了預(yù)期效果。
14. 封面就是一切
封面無疑是設(shè)計(jì)中最有趣也最重要的元素之一。封面往往是決定你的設(shè)計(jì)作品能否被讀者接受的關(guān)鍵（除非他們不得不讀）。它應(yīng)該能在視覺上說明你試圖表達(dá)的是什么。
對待封面也應(yīng)該像對待引文那樣，對雜志，宣傳冊等素材尤其應(yīng)該如此，在這些素材中，封面通常是主要內(nèi)容的概括。封面應(yīng)該留下某些有待讀者去發(fā)現(xiàn)的東西，為了尋求更多信息，他們才會(huì)拿起來閱讀。我可以花上一整天時(shí)間列舉精彩的封面。下面三幅就是精心設(shè)計(jì)的，充滿才智的封面。
轉(zhuǎn)載請?jiān)谖恼麻_頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）