在版面設(shè)計(jì)中,設(shè)計(jì)師可以通過(guò)調(diào)整文字的大小、位置、傾斜角度,或者添加線框和符號(hào),又或者采用首字下沉、墊色和創(chuàng)意變體等方式對(duì)文字進(jìn)行藝術(shù)加工。
這些方式可以使文字的個(gè)性和特點(diǎn)更鮮明,使版面的視覺(jué)表現(xiàn)力更強(qiáng)烈,避免單調(diào)乏味,起到美化和活躍版面的作用。
文字的大小對(duì)比
在編排文字時(shí),加粗或放大文字可以使該文字與其他文字形成對(duì)比,使其在版面中更突出、醒目,使版面的層次結(jié)構(gòu)更豐富,還可提高版面的視覺(jué)張力,常用于設(shè)計(jì)具有總結(jié)歸納作用的刊物標(biāo)題和重要文字。
在這個(gè)彰顯文字魅力的版面中,設(shè)計(jì)師將字母進(jìn)行放大處理,使其與其他字母形成強(qiáng)烈的大小對(duì)比。這種處理方式打破了單調(diào)的版面,使版面看起來(lái)非常具有沖擊力和跳躍感,并且能夠吸引人們的視線。
文字的位置變化
文字之間既相互排斥,又緊密相連。將文字進(jìn)行隨機(jī)排布,可以形成一種無(wú)秩序的效果,這種表現(xiàn)方式非常隨意,并且沒(méi)有規(guī)律可言。
這種自然無(wú)序的排布方式不僅使版面看起來(lái)更自然、活潑,還起到了豐富版面和平衡視覺(jué)的作用。
在這張以文字排版為主的海報(bào)中,版面最大的亮點(diǎn)是將字母的位置進(jìn)行隨機(jī)分布。這種處理方式不僅使版面更有層次感,還提高了版面視覺(jué)的跳躍感,使版面更靈動(dòng)、活躍。
文字的傾斜處理
在視覺(jué)上,傾斜能夠給人帶來(lái)緊張感和動(dòng)感。將文字進(jìn)行傾斜處理可以使文字更具有個(gè)性,體現(xiàn)了統(tǒng)一當(dāng)中求變化的形式美。
這是賽車運(yùn)動(dòng)的宣傳畫(huà)冊(cè)版面,以傾斜構(gòu)圖為主,標(biāo)題和正文也進(jìn)行了傾斜處理,打破了中規(guī)中矩的文字排版方式,充分表現(xiàn)了賽車運(yùn)動(dòng)的速度感。
為文字添加裝飾元素
為文字添加線條、邊框和幾何元素,可以將文字從背景中抽離出來(lái),提高文字的視覺(jué)表現(xiàn)力。
常用的表現(xiàn)手法有:為文字添加描邊效果使文字輪廓更加清晰,為文字添加下畫(huà)線或邊框進(jìn)行重點(diǎn)提示,在文字筆畫(huà)的局部融入圖形元素進(jìn)行裝飾等。
在這個(gè)版面設(shè)計(jì)中,設(shè)計(jì)師先用顏色將次要文字進(jìn)行弱化處理,然后使用醒目的紅色線條和黑色將重點(diǎn)文字進(jìn)行突出顯示。雖然版面中沒(méi)有采用過(guò)多的設(shè)計(jì)元素進(jìn)行裝飾,但版面整體非常具有視覺(jué)沖擊力。
將文字進(jìn)行創(chuàng)意變體
將文字進(jìn)行創(chuàng)意變體是一種非常具有設(shè)計(jì)感的表現(xiàn)形式,不同的字體有不同的藝術(shù)表達(dá)手法。可以將文字進(jìn)行具象化的擬人或擬物變化,也可以讓文字變得更加理性、抽象。
總之,優(yōu)秀的字體設(shè)計(jì)不僅可以使版面標(biāo)新立異,還能吸引大眾的視線。對(duì)文字進(jìn)行創(chuàng)意變體時(shí)要把握好變化的度,在將文字進(jìn)行“形”的藝術(shù)加工時(shí),還要考慮文字“義”的體現(xiàn),過(guò)度的創(chuàng)意變化會(huì)使文字變得復(fù)雜、混亂,從而失去了文字本身的形式美,并且不容易被人識(shí)別。
這是一張法國(guó)巴黎的演唱會(huì)宣傳海報(bào)。設(shè)計(jì)師將音樂(lè)會(huì)的主題文字進(jìn)行了創(chuàng)意變體,構(gòu)成了埃菲爾鐵塔的造型,使版面所要傳達(dá)的形式美和浪漫主題完美結(jié)合。
文字排版小知識(shí)
印刷出版物常見(jiàn)字號(hào)
以書(shū)籍、雜志為例,一般標(biāo)題字號(hào)設(shè)置為14磅以上,正文字號(hào)設(shè)置為8~10磅,附注說(shuō)明等文字字號(hào)設(shè)置為4~6磅。
當(dāng)然,以上字號(hào)大小的設(shè)置都不是絕對(duì)的,設(shè)計(jì)師要根據(jù)實(shí)際開(kāi)本、文字?jǐn)?shù)量和版式風(fēng)格進(jìn)行綜合考慮,靈活設(shè)置字號(hào)的大小。這里需要特別強(qiáng)調(diào)一點(diǎn),在印刷刊物中最小的字號(hào)不能小于4磅。
網(wǎng)頁(yè)設(shè)計(jì)常見(jiàn)字號(hào)
因受顯示器和瀏覽器等因素限制,網(wǎng)頁(yè)設(shè)計(jì)常用的字號(hào)一般是12~28px范圍內(nèi)的偶數(shù)值。為滿足閱讀需求,正文字號(hào)通常設(shè)置為12px,不建議使用小于12px的字號(hào),否則識(shí)別性較差。
段落標(biāo)題字號(hào)一般設(shè)置為14~16px,大標(biāo)題字號(hào)可以設(shè)置為20~28px,不建議使用大于28px的字號(hào),否則會(huì)顯得特別突兀。
移動(dòng)端界面設(shè)計(jì)常用字號(hào)
因?yàn)槭軕?yīng)用系統(tǒng)、手機(jī)型號(hào)、屏幕尺寸和分辨率等因素影響,所以移動(dòng)端界面設(shè)計(jì)尺寸碎片化非常嚴(yán)重。這里只介紹基于@2X倍率屏幕尺寸下的常用字體及字號(hào)。
iOS字體
IOS9 中文字體:蘋(píng)方/ PingFang SC。
IOS8 中文字體:黑體-簡(jiǎn)。
IOS英文、數(shù)字:Helvetia。
Android字體
4.X版本中文字體:思源黑體/ Noto Sans Han。
4.0以下版本中文字體:Droid Sans Fallback。
英文、數(shù)字:Roboto。
在@2X倍率屏幕尺寸下,無(wú)論是哪種操作系統(tǒng),其字號(hào)一般設(shè)置為20px~36px的偶數(shù)值。一般導(dǎo)航或主標(biāo)題的字號(hào)設(shè)置為34px或36px,正文字號(hào)設(shè)置為32px或34px,副文字號(hào)設(shè)置為24px~28px。
這里需要特別強(qiáng)調(diào)一點(diǎn),最小字號(hào)不能低于20px,因?yàn)榈陀?0px的文字手指很難觸達(dá),影響人機(jī)交互體驗(yàn)。
字間距的設(shè)置
字間距是指字與字之間的距離。在大多數(shù)設(shè)計(jì)排版軟件中,字間距是默認(rèn)的,不需要做特殊調(diào)整。字間距過(guò)密或過(guò)疏在視覺(jué)上都會(huì)顯得不協(xié)調(diào)。
字間距太小,文字會(huì)顯得太密集,不易閱讀;字間距太大,文字會(huì)顯得很松散,容易分散人們的視線。
這是一幅關(guān)于自然環(huán)保的展會(huì)物料設(shè)計(jì)圖。方案一的版面文字以聚合為主,突出了版面的視覺(jué)重心,從而抓住人們的眼球,但會(huì)令人感到保守、拘束。方案二的版面文字進(jìn)行了分散排版,用較大的字間距刻意分散人們的視線,增強(qiáng)了版面的透氣感,使版面更加貼近會(huì)議主題。
行間距的設(shè)置
行間距是指行與行之間的距離。行間距的設(shè)置比字間距更靈活,較大的行間距能夠使文字呈現(xiàn)出線的形態(tài),較小的行間距能夠使文字呈現(xiàn)出面的效果。
根據(jù)不同的版面風(fēng)格,行間距可以適當(dāng)增大或縮小。通常標(biāo)題的行間距可以和標(biāo)題字號(hào)的高度相同,正文的行間距可以是正文字號(hào)高度的1.5倍,部分藝術(shù)類書(shū)籍或文藝范刊物的正文行間距可以是字號(hào)高度的2倍。
當(dāng)然,以上行間距的大小并非絕對(duì),要根據(jù)實(shí)際情況靈活調(diào)整,以符合版面的整體風(fēng)格。
這是書(shū)簽設(shè)計(jì)的兩個(gè)方案。方案一,版面文字采用了左對(duì)齊方式,段落文字的行距是正文字號(hào)高度的1.5倍,視覺(jué)上更顯緊湊,與上方的標(biāo)題和插圖形成了區(qū)塊對(duì)比;方案二,版面文字采用了居中對(duì)齊方式,段落文字的行距是正文字號(hào)高度的2倍,版面整體看上去更舒緩,與版面所要傳達(dá)的詩(shī)意效果更匹配。
段間距的設(shè)置
段間距是指段落與段落之間的距離。設(shè)置段間距的主要目的是使讀者能夠明確看到段落之間的起始和結(jié)束位置,避免多段文字混在一起造成的閱讀困惑。
一般段間距應(yīng)該明顯大于行間距,這樣才能使版面的層次感更強(qiáng),條理更清晰。
修改前,段落排版明顯是錯(cuò)誤的,主要原因是段首沒(méi)有空格提示,并且段間距和行間距相同,這導(dǎo)致兩段文字首尾相接,看起來(lái)像一段內(nèi)容。修改后,段首進(jìn)行空格提示,且段間距大于行間距,段落劃分一目了然。