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