字體的排版設(shè)計(jì)

2013-2-2    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   m.sillybuy.com  )是一家專(zhuān)注而深入的設(shè)計(jì)機(jī)構(gòu) ,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、  cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

 來(lái)源: http://www.aliued.com/2013/02/02/1532/

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,            請(qǐng)點(diǎn)這里  

作為設(shè)計(jì)師的我們,每天都在與字體打交道,我們常常希望能很好的使用他們,為設(shè)計(jì)加油添彩。我們常常納悶,電腦里這么多的字體,要用哪一個(gè)?文字有這么多,怎樣排版才能表達(dá)內(nèi)心深處的思想?

常常說(shuō),藝術(shù)是相通的。將文字排版與音樂(lè)結(jié)合起來(lái),用視覺(jué)化的音樂(lè)和文字排版相結(jié)合,會(huì)讓我們的字體排版更容易組合,更能體現(xiàn)我們的設(shè)計(jì)情感。

將普通的文字賦予音樂(lè)的藝術(shù)形式,將文字排版賦予聽(tīng)覺(jué)的美感和視覺(jué)的美妙,更容易傳遞信息,表達(dá)其深層次的涵義。

當(dāng)音樂(lè)響起時(shí),電腦播放器里變化雀躍的頻譜圖,音響喇叭發(fā)生震動(dòng)產(chǎn)生的聲波,跳動(dòng)的五線(xiàn)譜和樂(lè)器發(fā)生引起的變化圖(A-01),都是我們體現(xiàn)情感的視覺(jué)化形式。

將文字排版用一個(gè)視覺(jué)化音樂(lè)的片段體現(xiàn)出來(lái),從視覺(jué)上形成高度錯(cuò)落、疏密聚散、輕重緩急的效果,就具備了曲調(diào)的功能。

而一個(gè)優(yōu)秀的字體排版設(shè)計(jì),則成為一段具有節(jié)奏和韻律的音樂(lè),我們可以理解為是一首凝固的音樂(lè) 。

(一) 文字分析: 了解字體的結(jié)構(gòu)和字體的特性,是我們排版優(yōu)秀的字體的依據(jù)。

字體排版設(shè)計(jì)中,點(diǎn)線(xiàn)面結(jié)合成的設(shè)計(jì)群體,高低錯(cuò)落、疏密聚散,是構(gòu)成形式美的重要因素。26個(gè)英文字母,根據(jù)字體的粗細(xì)設(shè)定節(jié)點(diǎn)組合,每個(gè)單獨(dú)的字母就構(gòu)成了音符。

如圖(B-01),大寫(xiě)的I=1個(gè)長(zhǎng)節(jié)點(diǎn),O=4個(gè)長(zhǎng)節(jié)點(diǎn);如圖(B-02),小寫(xiě)的a=3個(gè)短節(jié)點(diǎn),b=1個(gè)長(zhǎng)節(jié)點(diǎn)+2個(gè)短節(jié)點(diǎn)。

單行文字排版的橫向韻律:根據(jù)字體的粗細(xì)設(shè)定節(jié)點(diǎn)的粗細(xì)和排布疏密,就能產(chǎn)生輕重緩急高低錯(cuò)落的節(jié)奏感和韻律感,如圖(B-03)。

多行文字排版的縱向韻律:根據(jù)單行文字的長(zhǎng)短和字體的粗細(xì)產(chǎn)生節(jié)奏和韻律,如圖(B-04)。

當(dāng)我們將文字音符化之后,就可以開(kāi)始整理出字體排版的規(guī)律,使我們的字體設(shè)計(jì)更富韻律感。

(二)文字的韻律: 優(yōu)秀的字體排版,具有其獨(dú)特的美。由文字的律動(dòng)演繹出米美妙的音樂(lè)。

文字本身的韻律:按照客觀字體的變化、運(yùn)用常態(tài)的字體字符進(jìn)行連續(xù)地排列,形成一種律動(dòng)形式。

一段文案,不采用任何修飾與變化,字體字號(hào)顏色都不變,所產(chǎn)生的節(jié)奏是就是單詞與單詞之間的間隔,字體是唯一能體現(xiàn)情感的依據(jù)。

如下圖,字體字號(hào)方向均相同,節(jié)點(diǎn)音符不斷的重復(fù)出現(xiàn),節(jié)奏就是單詞之間字母之間的間距,而大小寫(xiě)的區(qū)分,則產(chǎn)生了高低起伏的韻律,字體的粗細(xì)使文字發(fā)散出歡快還是穩(wěn)重的氣息,如圖(C-01)全部大寫(xiě)是平緩穩(wěn)重的韻律,如圖(C-02)采用大小寫(xiě),則產(chǎn)生了高低起伏的韻律,而因?yàn)楣?jié)點(diǎn)比之左邊文字節(jié)點(diǎn)要細(xì),所以會(huì)顯得活潑一些。

如圖(C-03)所有字母都大寫(xiě),單詞間的間隔形成節(jié)奏,而單詞間的顏色輕重形成韻律,文字排版在橫向韻律的基礎(chǔ)上又形成了縱向韻律。采用的字體穩(wěn)重而不失活潑,加上下方的斜體字,使得整個(gè)文字排版透露出男性的穩(wěn)重基調(diào)而又不失輕松愉快的韻律。

字體排版設(shè)計(jì)的韻律美表現(xiàn)在重復(fù)上:可以是間距不同、形狀相同的重復(fù);也可以是形狀不同、間距相同的重復(fù);還可能是別的方式的單元重復(fù)。這種重復(fù)的首要條件是單元的相似性,或間距的規(guī)律性;其次是節(jié)奏的合邏輯性。

(三)如何賦予文字韻律: 在文字本身涵蓋的韻律節(jié)奏基礎(chǔ)上,人為賦予其新的韻律和節(jié)奏

使用基本的字體和字號(hào),在不進(jìn)行其他特意變化的情況下,根據(jù)文字本身的特點(diǎn)進(jìn)行調(diào)整,使文字排版在橫向上和縱向上都產(chǎn)生客觀自然的韻律變化,使字體排版的律動(dòng)更加連貫順暢,賦予設(shè)計(jì)師所想體現(xiàn)的情感,如同音樂(lè)的曲風(fēng)。

如圖(D-01)字體相同,不同字號(hào),不同粗細(xì),不同顏色,形成效果不同的韻律。節(jié)點(diǎn)的粗細(xì)間距都可以給人不同的韻律感,歡快的、穩(wěn)重的、活潑可愛(ài)的還是緊張舒緩的,更由于韻律的不同而有更明顯的對(duì)比。

案例分析:

圖(D-02),文字采用大寫(xiě),以單詞的間距為節(jié)奏,字號(hào)大小進(jìn)行對(duì)比形成韻律的強(qiáng)弱,文字排版理性而有秩序,由細(xì)微的韻律引導(dǎo),突然變化成強(qiáng)烈的聲調(diào),主題震撼,醒目突出。
圖(D-03),詞間距為節(jié)奏,字號(hào)大小進(jìn)行強(qiáng)烈對(duì)比突出DENIM,又因?yàn)椴捎玫募?xì)線(xiàn)字體,使整個(gè)畫(huà)面的韻律時(shí)尚又圓潤(rùn),符合女裝的主題。
圖(D-04),詞間距為節(jié)奏,字號(hào)大小進(jìn)行強(qiáng)烈對(duì)比。首先以輕柔的高低起伏的音樂(lè)進(jìn)入,繼而以強(qiáng)烈的音樂(lè)震撼全場(chǎng),后續(xù)仍以輕柔的音樂(lè)做為補(bǔ)充,交響曲的韻律突出重點(diǎn),節(jié)奏震撼明朗。
圖(D-05),橫向上看,詞間距為節(jié)奏,字體的粗細(xì)對(duì)比形成音律強(qiáng)弱,字體顏色深淺加強(qiáng)了音律效果,縱向來(lái)看字體大小顏色形成強(qiáng)-弱-強(qiáng)-中-弱的韻律。

(三)如何賦予文字韻律-基線(xiàn)、: 通過(guò)改變排版方式,添加一些特別效果如傾斜或者是手寫(xiě),使文字更具趣味性。

常用的方式如增加斜體使文字具有動(dòng)感和趣味,如字行間進(jìn)行疊加使文字產(chǎn)生雙基線(xiàn)進(jìn)而形成二重奏或者多重奏的韻律,如圖(D-06)。

案例分析:

圖(D-07),左邊的字體排版主要以基線(xiàn)的變化為主韻律,由單基線(xiàn)變雙基線(xiàn),單曲變重奏。大小寫(xiě)的高低起伏變化,讓文字突出了重點(diǎn)表達(dá)了主要內(nèi)容,節(jié)奏又變的明快。
圖(D-08),如果這個(gè)文字排版是一首曲子的話(huà),從左到右,先是輕快的斜體韻律開(kāi)頭,突然變化出明快的細(xì)線(xiàn)條大曲調(diào),吸引人注意,最后出現(xiàn)一連串低調(diào)的曲子補(bǔ)充,讓人看到這個(gè)文字就明白,是時(shí)尚的飾品。特別是開(kāi)始的斜體,讓畫(huà)面在女性的穩(wěn)重中透露出活潑。
圖(D-09),以斜體為主旋律,由文字的大小寫(xiě)為起伏,韻律優(yōu)美。

(三)如何賦予文字韻律-長(zhǎng)短句、字距: 通過(guò)文字的大小對(duì)比和字距,添加縱向韻律。

如圖(D-10),單詞間字體大小懸殊,文字大小寫(xiě)以及單詞的斷點(diǎn)形成橫向韻律,但從字行來(lái)看,字行的長(zhǎng)短不同、高度不同、間距不同則形成了縱向韻律,因此這類(lèi)型的字體排版則具有雙重韻律。

案例分析:

圖(D-11),從縱向上看,長(zhǎng)短句的排版方式,讓人感覺(jué)這就是歌曲的旋律,加上富有重短輕長(zhǎng)的旋律和輕松趣味的手寫(xiě)字,讓畫(huà)面透出一股趣味。
圖(D-12),我們平常排版,總是喜歡用對(duì)齊的方式,而這個(gè)文字的排版則另辟蹊徑,左右都不對(duì)其或者居中。但是從左邊的節(jié)點(diǎn)來(lái)看,旋律由輕柔遞進(jìn)到重調(diào),然后漸隱再輕柔,呈現(xiàn)出一股遞進(jìn)的變化關(guān)系,讓畫(huà)面旋律輕松透氣,韻味十足。
圖(D-13),這種字體排版的組合方式,既有橫向韻律又有縱向韻律。橫向上看,句子的字號(hào)對(duì)比,重-輕-微重-再輕以及單詞間的節(jié)奏,縱向上看,句子長(zhǎng)短的起伏和畫(huà)面所體現(xiàn)的情感相呼應(yīng)。

不做干擾韻律的設(shè)計(jì):一套字體排版設(shè)計(jì),字體采用兩種最佳,最多不超過(guò)3種,在這個(gè)基礎(chǔ)上對(duì)字體進(jìn)行調(diào)整和變化,如大小寫(xiě),字號(hào)、粗細(xì)、行間距以及一些特殊變化如斜體和雙基線(xiàn),就可以產(chǎn)生一系列的排版變化,使文字排版具有序列、對(duì)比、參差、強(qiáng)弱等等具備設(shè)計(jì)情感的節(jié)奏和韻律。

(四)韻律設(shè)計(jì)范例 : 字體排版的創(chuàng)作過(guò)程,自始至終伴隨的是一種理性的情感體驗(yàn)。

字體排版的分析已經(jīng)告一段落,如何將這種排版方式運(yùn)用到我們的字體排版當(dāng)中,下面用一個(gè)例子來(lái)說(shuō)明。

圖(E-01),一行沒(méi)有變化的字,雖然有秩序,但是太長(zhǎng)沒(méi)有重點(diǎn)沒(méi)有主次,只能依靠字體本身所具備的特性產(chǎn)生節(jié)奏,韻律平淡不出彩。

圖(E-02),將平淡的句子斷開(kāi),在原有的韻律基礎(chǔ)上,賦予新的節(jié)奏。

圖(E-03),但新的節(jié)奏不能夠突出我們想突出的重點(diǎn),我們要進(jìn)行調(diào)整。這是一個(gè)注入我們情感關(guān)注的過(guò)程。

圖(E-04),付諸我們主觀意識(shí)希望賦予的情感,強(qiáng)調(diào)突出。改變字體大小、粗細(xì)對(duì)比等,調(diào)整節(jié)奏,形成新的韻律。將重點(diǎn)詞匯調(diào)整突出,賦予情感,使節(jié)奏更加突出,旋律更加流暢。

圖(E-05),細(xì)節(jié)調(diào)整,使韻律更加流暢。添加顏色能讓韻律分出輕重剛?cè)幔偌由闲斌w使得整個(gè)嚴(yán)肅的文字添加了一絲動(dòng)感。

圖(E-06),如此這般,因?yàn)楣?jié)奏的不同,賦予的情感不同,可以產(chǎn)生不同的韻律。 根據(jù)以上的排版方法,我們就可以排列出具有不同特點(diǎn)的文字。

文字本身是千錘百煉的結(jié)晶,本身具有很美的韻律。經(jīng)過(guò)設(shè)計(jì)和選用作為排版的基礎(chǔ),將字母用節(jié)點(diǎn)的方式代替,通過(guò)節(jié)點(diǎn)的長(zhǎng)短粗細(xì)間距,讓文字通過(guò)粗細(xì)高矮的變化以及字距行距的變化產(chǎn)生出重復(fù)、大小、顏色、基線(xiàn)形狀、長(zhǎng)短句的音樂(lè),賦予文字節(jié)奏和韻律,就能產(chǎn)生出豐富多彩的視覺(jué)效果。

分享本文至:

日歷

鏈接

個(gè)人資料

存檔