字體設計的排版布局技巧

1 評論 21524 瀏覽 4 收藏 16 分鐘

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

常常說,藝術是相通的。將文字排版與音樂結(jié)合起來,用視覺化的音樂和文字排版相結(jié)合,會讓我們的字體排版更容易組合,更能體現(xiàn)我們的設計情感。
將普通的文字賦予音樂的藝術形式,將文字排版賦予聽覺的美感和視覺的美妙,更容易傳遞信息,表達其深層次的涵義。
當音樂響起時,電腦播放器里變化雀躍的頻譜圖,音響喇叭發(fā)生震動產(chǎn)生的聲波,跳動的五線譜和樂器發(fā)生引起的變化圖(A-01),都是我們體現(xiàn)情感的視覺化形式。

字體設計布局

將文字排版用一個視覺化音樂的片段體現(xiàn)出來,從視覺上形成高度錯落、疏密聚散、輕重緩急的效果,就具備了曲調(diào)的功能。
而一個優(yōu)秀的字體排版設計,則成為一段具有節(jié)奏和韻律的音樂,我們可以理解為是一首凝固的音樂。

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

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

如圖(B-01),大寫的I=1個長節(jié)點,O=4個長節(jié)點;如圖(B-02),小寫的a=3個短節(jié)點,b=1個長節(jié)點+2個短節(jié)點。

?

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

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

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

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

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

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

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

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

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

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

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

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

案例分析:

圖(D-02),文字采用大寫,以單詞的間距為節(jié)奏,字號大小進行對比形成韻律的強弱,文字排版理性而有秩序,由細微的韻律引導,突然變化成強烈的聲調(diào),主題震撼,醒目突出。

圖(D-03),詞間距為節(jié)奏,字號大小進行強烈對比突出DENIM,又因為采用的細線字體,使整個畫面的韻律時尚又圓潤,符合女裝的主題。

圖(D-04),詞間距為節(jié)奏,字號大小進行強烈對比。首先以輕柔的高低起伏的音樂進入,繼而以強烈的音樂震撼全場,后續(xù)仍以輕柔的音樂做為補充,交響曲的韻律突出重點,節(jié)奏震撼明朗。

圖(D-05),橫向上看,詞間距為節(jié)奏,字體的粗細對比形成音律強弱,字體顏色深淺加強了音律效果,縱向來看字體大小顏色形成強-弱-強-中-弱的韻律。

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

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

案例分析:

圖(D-07),左邊的字體排版主要以基線的變化為主韻律,由單基線變雙基線,單曲變重奏。大小寫的高低起伏變化,讓文字突出了重點表達了主要內(nèi)容,節(jié)奏又變的明快。

圖(D-08),如果這個文字排版是一首曲子的話,從左到右,先是輕快的斜體韻律開頭,突然變化出明快的細線條大曲調(diào),吸引人注意,最后出現(xiàn)一連串低調(diào)的曲子補充,讓人看到這個文字就明白,是時尚的飾品。特別是開始的斜體,讓畫面在女性的穩(wěn)重中透露出活潑。

圖(D-09),以斜體為主旋律,由文字的大小寫為起伏,韻律優(yōu)美。

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

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

案例分析:

圖(D-11),從縱向上看,長短句的排版方式,讓人感覺這就是歌曲的旋律,加上富有重短輕長的旋律和輕松趣味的手寫字,讓畫面透出一股趣味。

圖(D-12),我們平常排版,總是喜歡用對齊的方式,而這個文字的排版則另辟蹊徑,左右都不對其或者居中。但是從左邊的節(jié)點來看,旋律由輕柔遞進到重調(diào),然后漸隱再輕柔,呈現(xiàn)出一股遞進的變化關系,讓畫面旋律輕松透氣,韻味十足。

圖(D-13),這種字體排版的組合方式,既有橫向韻律又有縱向韻律。橫向上看,句子的字號對比,重-輕-微重-再輕以及單詞間的節(jié)奏,縱向上看,句子長短的起伏和畫面所體現(xiàn)的情感相呼應。

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

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

字體排版的分析已經(jīng)告一段落,如何將這種排版方式運用到我們的字體排版當中,下面用一個例子來說明。

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

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

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

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

圖(E-05),細節(jié)調(diào)整,使韻律更加流暢。添加顏色能讓韻律分出輕重剛?cè)?,再加上斜體特效使得整個嚴肅的文字添加了一絲動感。

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

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

阿里巴巴國際站原文:http://www.aliued.com/2013/02/02/1532/
作者:fang

更多精彩內(nèi)容,請關注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!