欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

日常使用的文案字體排版指南

  發(fā)布時間:2016-08-23 11:08:58   作者:筆戈科技   我要評論
無論你是做網(wǎng)頁還是App設(shè)計,文字內(nèi)容總是能占到整個版面將近80%的區(qū)域。因此理解字體與排版對UI設(shè)計師來說非常關(guān)鍵。下面小編為大家分享日常使用的文案字體排版指南,一起來看看吧

很遺憾,我們的周圍充斥著大量排版丑陋的文章。我國的字體排印與日本、美國等設(shè)計強國差距實在太大。我希望能夠做些力所能及的小事,讓更多人意識到「設(shè)計」的價值和其必要性,創(chuàng)造更美好的視覺環(huán)境。下面小編為大家分享日常使用的文案字體排版指南,本文旨在幫助普及、提升大家對文字排版的認(rèn)識,讓大家在平時的學(xué)習(xí)工作中能有更專業(yè)的文字排版素養(yǎng)。

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

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

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

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

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

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

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

圖一:產(chǎn)品為重點,文案為輔助(此處文案應(yīng)該屬于冊集說明)。

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

圖三:PK與類似鋼材材質(zhì)結(jié)合,表現(xiàn)出宣傳重點。

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

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

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

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

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

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

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

加線:修飾文字,引導(dǎo)文字,整理文字,平衡畫面等。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

總結(jié)

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

相關(guān)文章

最新評論