來源：優設uisdc
文案字數太多無從下手？甲方執迷不悟塞一堆文字？怎樣讓一坨坨文案在排版上更加高大上？莫慌。@筆戈科技 的 新葉同學基于各種優秀海報，分別從空間、對比、修飾三個方面，循序漸進，總結其文案排版方法和表現形式，最后通過實例演示，聊聊如何把這些排版技巧運用在實際設計中。
/空間/
空間，就是合理地布局文案并突出重點。在對的位置里，遇見對的文案。
空間上的布局，常見有三種：
中心分布：文字為主要內容，或與圖相關聯，畫面穩定。
左右/上下分布：大部分 banner 常用的分布形式，容易平衡版式，內容文案區別對應性強。
對角線分布：相對以上兩種更有視覺沖擊，不呆板，一般文案為輔助說明，可以以展示產品細節為主。
在找個好布局安放文案的同時，還要突出該強調的重點。
圖一：產品為重點，文案為輔助（此處文案應該屬于冊集說明）。
圖二：「精英」文案為主體，以鷹來表現，增加畫面感，屬于物體服務于文案。
圖三：PK與類似鋼材材質結合，表現出宣傳重點。
/對比/
對比，就是在確定文案的空間后，讓文案本身的字體產生差異，形成對比。有對比，才有傷害，才有視覺沖擊力。
大小對比：最明顯也最常用，也最容易產生效果，幾乎大部分文字排版都使用了這種方法來突出主次。
粗細對比：類似于粗密、深淺，錯落有致，從而產生視覺重心。
字形對比：相對以上兩種更加自由多樣，最普通的為襯線體與非襯線體的對比，甚至還可以進行字體設計，加入圖形元素等。
/修飾/
最后，修飾。可有可無，看畫面的需要。通過各種加法、減法、乘法進行修飾，可以為單調的文字加上一些細膩的細節。
修飾上的加法：在基礎文案上添加元素，加強重點，平衡版式。
加面：以面狀出現在文案字體中的，一般作用于重點文案，或者是需要吸引點擊的按鈕，和框選區分內容。
加線：修飾文字，引導文字，整理文字，平衡畫面等。
加點：可以跟主體搭配，充盈畫面。
修飾上的減法：在文案的表現形式中做出裁剪，隱藏或者鏤空。
邊緣裁剪：擴大空間感，在一些日式設計中，有時會故意放大字體到邊緣撐住版面。
口袋式隱藏：隱藏看得懂，修飾文字的同時還能引發想象。
鏤空：除了可以強調重點文案或主體外，還可以疊加肌理、材質效果于鏤空部分。
修飾上的乘法：通過交集產生特殊效果。
與主體/背景交錯：交錯式，更有前后空間感，與圖片主題內容上有更多交互。
字疊加/錯落： 突破呆板的的橫豎直排方法，悅動。
合二為一：技術上要求比較高，主體物和文案相容，表達更為直接。
/案例/
接下來我們通過具體案例來進行實際操作。以7.8號全球上映的大魚海棠為例，僅對文案排版進行研究，暫不涉及圖片哦。
借用大魚海棠毛筆字體作為主體來進行設計：
圖1：中心排版，文案的大小對比，毛筆字和宋體的字形對比，最后用引線作為英文文案的引導。
圖2：上下排版，主體放在中間，并用線框包圍，毛筆字突破邊界。
圖3：對角線排版，并用紅線平衡畫面重心。
接下來我們「大魚海棠」為重點，僅使用普通的字體來進行排版。
圖1：塊狀分布，對齊后更加整潔，利用修飾線以區分層次。
圖2：加面，點，粗細等修飾。
圖3：乘法上的字間錯落。
/總結/
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
全部評論（2條）