文案字體排版指南手冊

2018-01-08 1802 0
想做出高大上的海報(bào)/PPT?來看這份文案字體排版指南手冊 文案字?jǐn)?shù)太多無從下手?甲方執(zhí)迷不悟塞一堆文字?怎樣讓一坨坨文案在排版上更加高大上?莫慌。@筆戈科技 的 新葉同學(xué)基于各種優(yōu)秀海報(bào),分別從空間、對(duì)比、修飾三個(gè)方面,循序漸進(jìn),總結(jié)其文案排版方法和表現(xiàn)形式,最后通過實(shí)例演示,聊聊如何把這些排版技巧運(yùn)用在實(shí)際設(shè)計(jì)中。
 wz201608182 空間,就是合理地布局文案并突出重點(diǎn)。在對(duì)的位置里,遇見對(duì)的文案。 空間上的布局,常見有三種。 wz201608183 中心分布:文字為主要內(nèi)容,或與圖相關(guān)聯(lián),畫面穩(wěn)定。 左右/上下分布:大部分 banner 常用的分布形式,容易平衡版式,內(nèi)容文案區(qū)別對(duì)應(yīng)性強(qiáng)。 對(duì)角線分布:相對(duì)以上兩種更有視覺沖擊,不呆板,一般文案為輔助說明,可以以展示產(chǎn)品細(xì)節(jié)為主。 在找個(gè)好布局安放文案的同時(shí),還要突出該強(qiáng)調(diào)的重點(diǎn)。 wz201608184 圖一:產(chǎn)品為重點(diǎn),文案為輔助(此處文案應(yīng)該屬于冊集說明)。 圖二:「精英」文案為主體,以鷹來表現(xiàn),增加畫面感,屬于物體服務(wù)于文案。 圖三:PK與類似鋼材材質(zhì)結(jié)合,表現(xiàn)出宣傳重點(diǎn)。 wz201608185 對(duì)比,就是在確定文案的空間后,讓文案本身的字體產(chǎn)生差異,形成對(duì)比。有對(duì)比,才有傷害,才有視覺沖擊力。 wz201608186 大小對(duì)比:最明顯也最常用,也最容易產(chǎn)生效果,幾乎大部分文字排版都使用了這種方法來突出主次。 粗細(xì)對(duì)比:類似于粗密、深淺,錯(cuò)落有致,從而產(chǎn)生視覺重心。 字形對(duì)比:相對(duì)以上兩種更加自由多樣,最普通的為襯線體與非襯線體的對(duì)比,甚至還可以進(jìn)行字體設(shè)計(jì),加入圖形元素等。 wz201608187 最后,修飾??捎锌蔁o,看畫面的需要。通過各種加法、減法、乘法進(jìn)行修飾,可以為單調(diào)的文字加上一些細(xì)膩的細(xì)節(jié)。 修飾上的加法:在基礎(chǔ)文案上添加元素,加強(qiáng)重點(diǎn),平衡版式。 wz201608188 加面:以面狀出現(xiàn)在文案字體中的,一般作用于重點(diǎn)文案,或者是需要吸引點(diǎn)擊的按鈕,和框選區(qū)分內(nèi)容。 加線:修飾文字,引導(dǎo)文字,整理文字,平衡畫面等。 加點(diǎn):可以跟主體搭配,充盈畫面。 修飾上的減法:在文案的表現(xiàn)形式中做出裁剪,隱藏或者鏤空。
wz201608189 邊緣裁剪:擴(kuò)大空間感,在一些日式設(shè)計(jì)中,有時(shí)會(huì)故意放大字體到邊緣撐住版面。 口袋式隱藏:隱藏看得懂,修飾文字的同時(shí)還能引發(fā)想象。 鏤空:除了可以強(qiáng)調(diào)重點(diǎn)文案或主體外,還可以疊加肌理、材質(zhì)效果于鏤空部分。 修飾上的乘法:通過交集產(chǎn)生特殊效果。
wz2016081810 與主體/背景交錯(cuò):交錯(cuò)式,更有前后空間感,與圖片主題內(nèi)容上有更多交互。 字疊加/錯(cuò)落: 突破呆板的的橫豎直排方法,悅動(dòng)。 合二為一:技術(shù)上要求比較高,主體物和文案相容,表達(dá)更為直接。 wz2016081811 接下來我們通過具體案例來進(jìn)行實(shí)際操作。 以7.8號(hào)全球上映的大魚海棠為例,僅對(duì)文案排版進(jìn)行研究,暫不涉及圖片哦。 wz2016081812 借用大魚海棠毛筆字體作為主體來進(jìn)行設(shè)計(jì): wz2016081813 圖1:中心排版,文案的大小對(duì)比,毛筆字和宋體的字形對(duì)比,最后用引線作為英文文案的引導(dǎo)。 圖2:上下排版,主體放在中間,并用線框包圍,毛筆字突破邊界。 圖3:對(duì)角線排版,并用紅線平衡畫面重心。 接下來我們「大魚海棠」為重點(diǎn),僅使用普通的字體來進(jìn)行排版。 wz2016081814 圖1:塊狀分布,對(duì)齊后更加整潔,利用修飾線以區(qū)分層次。 圖2:加面,點(diǎn),粗細(xì)等修飾。 圖3:乘法上的字間錯(cuò)落。 總結(jié) wz2016081815 wz2016081816
18
評(píng)論區(qū)(0)
正在加載評(píng)論...