想做出高大上的海報/PPT？來看這份文案字體排版指南手冊

文案字數太多無從下手？甲方執迷不悟塞一堆文字？怎樣讓一坨坨文案在排版上更加高大上？莫慌。@筆戈科技 的 新葉同學基于各種優秀海報，分別從空間、對比、修飾三個方面，循序漸進，總結其文案排版方法和表現形式，最后通過實例演示，聊聊如何把這些排版技巧運用在實際設計中。

作者介紹

筆戈科技是魅族旗下的科技資訊網站，里面的設計師都是文案鬼才，能夠把專業的設計方法講得通俗易懂，有趣好玩。建議大家閱讀。

1. 《超贊！一份簡單易上手的青春彌散陰影修煉手冊》
2. 《幕后的魅族：最懂 FLYME 的人，專訪交互總設計師易鵬》
3. 《幕后的魅族：偏執的設計鬼才，專訪 FLYME 視覺總設計師陳希》
4. 《無憂改稿！四個不為人知的PHOTOSHOP高效操作秘籍》
5. 《「伸手黨」福音！推薦四款超實用的搜索工具》
6. 《關起門來漲姿勢！如何從AV封面中學習平面設計？（二）》

空間，就是合理地布局文案并突出重點。在對的位置里，遇見對的文案。

空間上的布局，常見有三種。

中心分布：文字為主要內容，或與圖相關聯，畫面穩定。

左右/上下分布：大部分 banner 常用的分布形式，容易平衡版式，內容文案區別對應性強。

對角線分布：相對以上兩種更有視覺沖擊，不呆板，一般文案為輔助說明，可以以展示產品細節為主。

在找個好布局安放文案的同時，還要突出該強調的重點。

圖一：產品為重點，文案為輔助（此處文案應該屬于冊集說明）。

圖二：「精英」文案為主體，以鷹來表現，增加畫面感，屬于物體服務于文案。

圖三：PK與類似鋼材材質結合，表現出宣傳重點。

對比，就是在確定文案的空間后，讓文案本身的字體產生差異，形成對比。有對比，才有傷害，才有視覺沖擊力。

大小對比：最明顯也最常用，也最容易產生效果，幾乎大部分文字排版都使用了這種方法來突出主次。

粗細對比：類似于粗密、深淺，錯落有致，從而產生視覺重心。

字形對比：相對以上兩種更加自由多樣，最普通的為襯線體與非襯線體的對比，甚至還可以進行字體設計，加入圖形元素等。

最后，修飾?？捎锌蔁o，看畫面的需要。通過各種加法、減法、乘法進行修飾，可以為單調的文字加上一些細膩的細節。

修飾上的加法：在基礎文案上添加元素，加強重點，平衡版式。

加面：以面狀出現在文案字體中的，一般作用于重點文案，或者是需要吸引點擊的按鈕，和框選區分內容。

加線：修飾文字，引導文字，整理文字，平衡畫面等。

加點：可以跟主體搭配，充盈畫面。

修飾上的減法：在文案的表現形式中做出裁剪，隱藏或者鏤空。

邊緣裁剪：擴大空間感，在一些日式設計中，有時會故意放大字體到邊緣撐住版面。

口袋式隱藏：隱藏看得懂，修飾文字的同時還能引發想象。

鏤空：除了可以強調重點文案或主體外，還可以疊加肌理、材質效果于鏤空部分。

修飾上的乘法：通過交集產生特殊效果。

與主體/背景交錯：交錯式，更有前后空間感，與圖片主題內容上有更多交互。

字疊加/錯落： 突破呆板的的橫豎直排方法，悅動。

合二為一：技術上要求比較高，主體物和文案相容，表達更為直接。

接下來我們通過具體案例來進行實際操作。

以7.8號全球上映的大魚海棠為例，僅對文案排版進行研究，暫不涉及圖片哦。

借用大魚海棠毛筆字體作為主體來進行設計：

圖1：中心排版，文案的大小對比，毛筆字和宋體的字形對比，最后用引線作為英文文案的引導。

圖2：上下排版，主體放在中間，并用線框包圍，毛筆字突破邊界。

圖3：對角線排版，并用紅線平衡畫面重心。

接下來我們「大魚海棠」為重點，僅使用普通的字體來進行排版。

圖1：塊狀分布，對齊后更加整潔，利用修飾線以區分層次。

圖2：加面，點，粗細等修飾。

圖3：乘法上的字間錯落。

總結

歡迎關注筆戈科技微信公眾號：

「本月最值得閱讀收藏的完美像素使用手冊」

1. 《值得每個設計師收藏的《完美像素使用手冊》之原理篇》
2. 《中文版來了！值得每個設計師收藏的《完美像素使用手冊》之細節篇》
3. 《第三集！值得每個設計師收藏的《完美像素使用手冊》之易用性篇》
4. 《第四集！值得每個設計師收藏的《完美像素使用手冊》之軟件技巧篇》
5. 《最終版！值得每個設計師收藏的《完美像素使用手冊》之軟件技巧篇》

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量160萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com