|
如果你已選擇好插圖,就差給它配上合適的字體,那現(xiàn)在究竟該如何選擇呢? 大家都認(rèn)為文字是供閱讀的信息,但其實(shí)它也屬于圖形。將字母ABC看做圖形,它們就像被人類賦予了音調(diào)與含義的直線、尖角和曲線。 這就是字體具有如此動(dòng)人表現(xiàn)力的原因。當(dāng)字母傳達(dá)信息的同時(shí),選擇的不同字體還決定了它們是表現(xiàn)出趣味性、嚴(yán)肅性還是重要性等。 選擇正確的字體是關(guān)鍵所在。從視覺上看,字體和圖形是一類事物,必須協(xié)調(diào)好它們的視覺屬性。 如下圖所示,這是一棵樹的插圖,用這插圖配上合適的字體,完成名片的設(shè)計(jì)。 之前: ![]() 分析圖形 為使字體和圖形協(xié)調(diào),我們首先要找出它們在視覺屬性上的共同點(diǎn)。首先分析圖形的比例,形狀、線條和紋理。我們看圖的時(shí)候傾向于僅僅辨別圖形是什么(這是一棵樹),而不會(huì)真正分析圖形的規(guī)律,因此以下的練習(xí)在最初的時(shí)候可能很艱難,猶如大海撈針一般。不過,當(dāng)你仔細(xì)觀察,你就會(huì)看到更多的東西。 ![]() 比例/體積:比例和體積很重要,對(duì)各方面的影響也很大。如上圖所示,目測比例可能會(huì)產(chǎn)生誤差,因此最好畫一個(gè)邊界框。請(qǐng)一定用測量工具作圖,不要太相信自己的眼睛。這棵樹四四方方,豎直挺立并左右對(duì)稱。 ![]() 形狀:形狀是我們識(shí)別圖形的重要特性。這棵樹形似一根水平直線上的卵形。樹干垂直地豎立在水平的基線上,就像在一根棍子上放一顆雞蛋。 ![]() 線條:線條是指圖形整體的水平或豎直的延伸趨勢,類似衣服上的各種褶皺,也可以稱為邊界。整幅圖形主體呈水平走勢,自下朝上伸展,邊緣細(xì)碎。 ![]() 紋理:此樹表面有豐富的紋理。樹葉分布明顯隨意而無規(guī)律,不過請(qǐng)?zhí)貏e留意這些區(qū)域圖形疏-密,正—負(fù)的相互配合(瞇起眼睛更容易看出)。它們看上去形狀各異,像蜿蜒的河流,又像飄滿苔蘚的池塘水面。 第一步:排除不協(xié)調(diào)的字體樣式 字體種類如此繁多,我們必須從中進(jìn)行篩選。先從最重要的元素—比例和形狀——開始,排除掉與圖形風(fēng)格差別最大的字體。 根據(jù)對(duì)圖形——這棵樹的視覺分析,容易看出窄身字、寬體字、弧線字體都與樹木四方的比例和對(duì)稱的形狀不搭配。塊狀字體比例近于四方,但設(shè)計(jì)過于造作,同樣不合適。 排除掉不協(xié)調(diào)的字體樣式,剩下比例標(biāo)準(zhǔn)、字形方正筆直的字體待選。 ![]() 窄身字 ![]() 寬體字 ![]() 弧線字體 ![]() 塊狀字體 第二步:對(duì)比線條和比例 有趣的是,全部字體中有一半都比例標(biāo)準(zhǔn),字形方正筆直,且所有標(biāo)準(zhǔn)字體也都符合這個(gè)要求,我們必須進(jìn)行進(jìn)一步篩選。 ![]() 比例正確,線條不當(dāng):一般來說,無襯線字體結(jié)構(gòu)呆板,大多具有統(tǒng)一的筆畫,重復(fù)的弧度,平直的線條和尖銳的棱角。它們所構(gòu)成的線條和紋理,與自然有機(jī)的樹木大相徑庭。 ![]() ![]() 比例正確,線條合適:舊式的羅馬字體充滿細(xì)節(jié)與變化,與樹木的感覺很搭配。它粗細(xì)相間的筆畫、襯線、末梢和負(fù)形1相互作用,所產(chǎn)生的紋理可與這豐富細(xì)膩的圖形相搭配。 補(bǔ)充 經(jīng)過前兩步的篩選,合適字體的范圍已經(jīng)小了很多。如今僅剩下具有標(biāo)準(zhǔn)比例的羅馬字族。那么其中哪一種更好呢?本例關(guān)鍵看的是線條與紋理,不過現(xiàn)在我們得進(jìn)一步觀察。 所有字體樣式中,標(biāo)準(zhǔn)比例的羅馬字族是最古老也最常見的。羅馬字族可分為6種主要類別,每一種還有下屬的子類別。羅馬字體的比例恰當(dāng),筆畫粗細(xì)搭配得宜,讀者閱讀起來既輕松又愉快,因此,圖書、報(bào)紙和雜志上多數(shù)文字的字體都選用它。 怎樣的字體才算古老呢?Trajan,當(dāng)今最流行的襯線字體,是在羅馬皇帝Trajan(圖拉真)宮殿立柱腳上文字的基礎(chǔ)上演化而來的,它們雕刻于幾乎1900年前!許多其他常用的襯線字體只有100~300年的歷史。 這表明羅馬字體最能經(jīng)受住時(shí)間的考驗(yàn)。 羅馬字族: ![]() 過渡體 ![]() 現(xiàn)代體 ![]() 古體 第三步 前面幾步,我們都關(guān)注于字體的通用性,現(xiàn)在則要轉(zhuǎn)到細(xì)節(jié)上了。我們應(yīng)該從不同距離來觀察字體,因?yàn)椴煌木嚯x字體明顯具有迥異的特征。 Times Roman字體:流行字體Times Roman輪廓分明,棱角尖銳,筆劃粗細(xì)相間,結(jié)構(gòu)十分規(guī)整。它平直的襯線末梢尖得像細(xì)針一樣,以至讓人很難擺脫那種一旦摸到就會(huì)劃破手指的錯(cuò)覺。但Times Roman太勻稱,棱角又太尖銳,這與造型形象且整體呈弧形的樹木不太協(xié)調(diào)。 ![]() 中距離:看形狀和樣式。 ![]() 遠(yuǎn)距離:看紋理和顏色。 ![]() 近距離:看線條和邊緣。 觀察下圖的字體,注意短小的線條和形狀,特別是字母與字母間的相互關(guān)系,它們構(gòu)成了紋理——而這棵樹也充滿了紋理!你能看出兩者的紋理是均勻的還是無規(guī)則的?相似的或是有差異的? ![]() Bauer Bodoni字體:Bauer Bodoni屬于現(xiàn)代襯線類直式字體,以粗細(xì)對(duì)比強(qiáng)烈和一致重復(fù)的筆畫為特征,可形成獨(dú)特的紋理。美觀的現(xiàn)代字族廣泛應(yīng)用于時(shí)尚及金融行業(yè),但它們尖銳的棱角和精準(zhǔn)的幾何外形顯得呆板而千篇一律,這與邊緣柔和、姿態(tài)生動(dòng)的樹木相去甚遠(yuǎn)。 ![]() 中距離:看形狀和樣式。 ![]() 遠(yuǎn)距離:看紋理和顏色。 ![]() 近距離:看線條和邊緣。 你能從變幻多姿的流云中看出各種形狀嗎?其實(shí)只需要訓(xùn)練眼力就可以做到。一旦你能看出各種樣式和趨勢,尤其是從版面空白處,那你的眼力將大大提高。本例中Gargoyle字體與圖形最搭配。 ![]() Gargoyle Medium古體:Gargoyle字體充滿人文氣息,它雖具有古體字的比例,卻擁有手寫體的外觀,不像用工具制作的。Gargoyle字體多變而不規(guī)則,筆畫間的粗細(xì)對(duì)比很柔和。各字母圓潤的棱角與獨(dú)特的襯線亦大不相同。線條與形狀的配合產(chǎn)生了與樹木相似的溫暖、多變和主動(dòng)感。這正是我們所要的字體。 ![]() 版面設(shè)計(jì) 與字體一樣,圖像對(duì)版面也應(yīng)該產(chǎn)生影響。頁面選用豎版,如同圖片中的樹木般矗立,其上圖文左右對(duì)稱,邊緣不規(guī)則。設(shè)計(jì)選用深綠色,比起原本名片使用的鮮綠色,更顯得含義豐富,自然新穎。 設(shè)計(jì)后: ![]() 正面: ![]() 將原橫版名片翻轉(zhuǎn)過來變成豎版,然后沿著樹干方向自上而下依次排列圖片、豎式留白,最后是電話號(hào)碼——最重要的信息。注意文字和樹木是分開的。留白使讀者視線停頓,注意到電話信息。 背面: ![]() 背面布局也差不多。不過樹木小了些,也沒有標(biāo)題,因此人不會(huì)將正背面混淆。文字內(nèi)容短行相排,既便于閱讀,又正好顯示出如樹木般的外輪廓?,F(xiàn)在一眼看上去,樹木、字體、布局和色彩都和諧統(tǒng)一。 個(gè)人觀點(diǎn)、學(xué)習(xí)參考、分享和娛樂,版權(quán)歸原作者所有,若無意侵犯您的權(quán)益,請(qǐng)聯(lián)系刪除 |
|
|