很遺憾，我們的周?chē)涑庵罅颗虐娉舐奈恼隆Ｎ覈?guó)的字體排印與日本、美國(guó)等設(shè)計(jì)強(qiáng)國(guó)差距實(shí)在太大。我希望能夠做些力所能及的小事，讓更多人意識(shí)到「設(shè)計(jì)」的價(jià)值和其必要性，創(chuàng)造更美好的視覺(jué)環(huán)境。下面小編為大家分享日常使用的文案字體排版指南，本文旨在幫助普及、提升大家對(duì)文字排版的認(rèn)識(shí)，讓大家在平時(shí)的學(xué)習(xí)工作中能有更專(zhuān)業(yè)的文字排版素養(yǎng)。

文案字?jǐn)?shù)太多無(wú)從下手？甲方執(zhí)迷不悟塞一堆文字？怎樣讓一坨坨文案在排版上更加高大上？莫慌。@筆戈科技 的 新葉同學(xué)基于各種優(yōu)秀海報(bào)，分別從空間、對(duì)比、修飾三個(gè)方面，循序漸進(jìn)，總結(jié)其文案排版方法和表現(xiàn)形式，最后通過(guò)實(shí)例演示，聊聊如何把這些排版技巧運(yùn)用在實(shí)際設(shè)計(jì)中

空間，就是合理地布局文案并突出重點(diǎn)。在對(duì)的位置里，遇見(jiàn)對(duì)的文案。

空間上的布局，常見(jiàn)有三種。

中心分布：文字為主要內(nèi)容，或與圖相關(guān)聯(lián)，畫(huà)面穩(wěn)定。

左右/上下分布：大部分 banner 常用的分布形式，容易平衡版式，內(nèi)容文案區(qū)別對(duì)應(yīng)性強(qiáng)。

對(duì)角線分布：相對(duì)以上兩種更有視覺(jué)沖擊，不呆板，一般文案為輔助說(shuō)明，可以以展示產(chǎn)品細(xì)節(jié)為主。

在找個(gè)好布局安放文案的同時(shí)，還要突出該強(qiáng)調(diào)的重點(diǎn)。

圖一：產(chǎn)品為重點(diǎn)，文案為輔助（此處文案應(yīng)該屬于冊(cè)集說(shuō)明）。

圖二：「精英」文案為主體，以鷹來(lái)表現(xiàn)，增加畫(huà)面感，屬于物體服務(wù)于文案。

圖三：PK與類(lèi)似鋼材材質(zhì)結(jié)合，表現(xiàn)出宣傳重點(diǎn)。

對(duì)比，就是在確定文案的空間后，讓文案本身的字體產(chǎn)生差異，形成對(duì)比。有對(duì)比，才有傷害，才有視覺(jué)沖擊力。

大小對(duì)比：最明顯也最常用，也最容易產(chǎn)生效果，幾乎大部分文字排版都使用了這種方法來(lái)突出主次。

粗細(xì)對(duì)比：類(lèi)似于粗密、深淺，錯(cuò)落有致，從而產(chǎn)生視覺(jué)重心。

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

最后，修飾?？捎锌蔁o(wú)，看畫(huà)面的需要。通過(guò)各種加法、減法、乘法進(jìn)行修飾，可以為單調(diào)的文字加上一些細(xì)膩的細(xì)節(jié)。

修飾上的加法：在基礎(chǔ)文案上添加元素，加強(qiáng)重點(diǎn)，平衡版式。

加面：以面狀出現(xiàn)在文案字體中的，一般作用于重點(diǎn)文案，或者是需要吸引點(diǎn)擊的按鈕，和框選區(qū)分內(nèi)容。

加線：修飾文字，引導(dǎo)文字，整理文字，平衡畫(huà)面等。

加點(diǎn)：可以跟主體搭配，充盈畫(huà)面。

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

邊緣裁剪：擴(kuò)大空間感，在一些日式設(shè)計(jì)中，有時(shí)會(huì)故意放大字體到邊緣撐住版面。

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

鏤空：除了可以強(qiáng)調(diào)重點(diǎn)文案或主體外，還可以疊加肌理、材質(zhì)效果于鏤空部分。

修飾上的乘法：通過(guò)交集產(chǎn)生特殊效果。

與主體/背景交錯(cuò)：交錯(cuò)式，更有前后空間感，與圖片主題內(nèi)容上有更多交互。

字疊加/錯(cuò)落： 突破呆板的的橫豎直排方法，悅動(dòng)。

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

接下來(lái)我們通過(guò)具體案例來(lái)進(jìn)行實(shí)際操作。

以7.8號(hào)全球上映的大魚(yú)海棠為例，僅對(duì)文案排版進(jìn)行研究，暫不涉及圖片哦。

借用大魚(yú)海棠毛筆字體作為主體來(lái)進(jìn)行設(shè)計(jì)：

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

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

圖3：對(duì)角線排版，并用紅線平衡畫(huà)面重心。

接下來(lái)我們「大魚(yú)海棠」為重點(diǎn)，僅使用普通的字體來(lái)進(jìn)行排版。

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

圖2：加面，點(diǎn)，粗細(xì)等修飾。

圖3：乘法上的字間錯(cuò)落。

總結(jié)

以上就是日常使用的文案字體排版指南介紹，教程比較實(shí)用，適合新手來(lái)學(xué)習(xí)，推薦到腳本之家，希望能對(duì)大家有所幫助！

最新評(píng)論