<i id="zgdkv"><option id="zgdkv"><listing id="zgdkv"></listing></option></i>

          <font id="zgdkv"></font>

          文案字體排版

          設計經驗 ·  互聯網  · 0 評論  ·  收藏文章
          • 文案字數太多無從下手?
          • 甲方執迷不悟塞一堆文字?
          • 怎樣讓一坨坨文案在排版上更加高大上?

          本文通過實例演示,希望能解決以上難題。

           

          空間

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

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

           

          文案字體排版

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

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

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

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

           

          文案字體排版

          圖1 產品為重點,文案為輔助(此處文案應該屬于冊集說明)。

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

          圖3 PK與類似鋼材材質結合,表現出宣傳重點。

           

          對比

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

           

          文案字體排版

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

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

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

           

          修飾

          可有可無,看畫面的需要。通過各種加法、減法、乘法進行修飾,可以為單調的文字加上一些細膩的細節。

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

          文案字體排版

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

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

          加點:可以跟主體搭配,充盈畫面。

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

          文案字體排版

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

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

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

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

          文案字體排版

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

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

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

          文案字體排版

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

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

          文案字體排版

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

          文案字體排版

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

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

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

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

          文案字體排版

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

          圖2:加面,點,粗細等修飾。

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

          總結

          文案字體排版

           

          同色网