平面排版時,教你突出中文美感的幾種方法第二集(基礎(chǔ)篇)

@他山之眼 題外話:以下所有圖片都是我為了答題而即時設(shè)計的,質(zhì)量不高,重在體會我所表述的意思。(希望高手不要噴,因為主要是給字體設(shè)計苦手看的)
祝大家2014一切順利,快快樂樂!

上篇閱讀量過萬唷,強烈推薦同學(xué)們學(xué)習(xí):平面排版時,教你突出中文美感的幾種方法

葉明同學(xué)還有很多實用的教程:
后期之王!教你輕松掌握PS曲線工具(附大神實操曲線圖)
PS新手教程:變換角度!讓你的設(shè)計稿更上檔次

我的這個方法重在提供思路。我覺得平面排版時你的腦袋中有的應(yīng)該是"框架",而不是"具像"

我覺得,你在平面設(shè)計中文排版時,需要從三個方面考慮:形態(tài),節(jié)奏,對比。

一:形態(tài)

何為形態(tài)?正如很多答案中提到的繁體與簡體,那就是一種形態(tài)。

我在這里要為簡體正一下名:很多答案里面都提到繁體比簡體更有韻味,更好看,好像好的文案一定要繁體做出來才"夠中國"。其實不然,繁體作為字體的一種形態(tài),有其優(yōu)勢,但必然有其局限性,所以不要迷信繁體,就我個人而言,我更喜歡簡體。

下面我列舉幾種典型形態(tài):

1:畫面型

這種中國風(fēng)很強,線條很柔的畫面,用手寫體顯然更好。

平面排版時,教你突出中文美感的幾種方法第二集(基礎(chǔ)篇)

平面排版時,教你突出中文美感的幾種方法第二集(基礎(chǔ)篇)

看完上面這句話,大家不要形成這樣的印象:中國風(fēng)+柔線條=手寫體。

我們?yōu)槭裁从檬謱戵w?是因為我們不想讓文字喧賓奪主。

拿上面這幅圖為例,我想要大家看的不是錦繡河山這幾個字,不然我何必還專門找這樣的配圖?

大家會發(fā)現(xiàn),當(dāng)你在看下面這幅圖的時候,你的注意力很容易就被錦繡河山這幾個字吸引了,因為這種字體線條很硬,字體很粗,與整體風(fēng)格不太一致,人眼對動的東西和特殊的東西總是分配第一注意力,當(dāng)大家的注意力被字所吸引時,分配給畫面的注意力就會減少,那么這幅作品就是失敗的,因為你沒有引導(dǎo)好觀眾。

所以,思路一:

好的文字形態(tài)是與畫面相互融合的。

2:意境型

有時候,文字本身是帶有溫度和情感的,根據(jù)文字表達(dá)的意向去選擇,會更好的運用好文字。

平面排版時,教你突出中文美感的幾種方法第二集(基礎(chǔ)篇)

平面排版時,教你突出中文美感的幾種方法第二集(基礎(chǔ)篇)

所以,思路二:

好的文字形態(tài)是與意境相互貫通的。

3:具象型

平面排版時,教你突出中文美感的幾種方法第二集(基礎(chǔ)篇)

所以,思路三:

文字形態(tài)是可以借用物象的。

 

二:節(jié)奏

什么叫文字的節(jié)奏?我對它的理解就是:內(nèi)部統(tǒng)一。

平面排版時,教你突出中文美感的幾種方法第二集(基礎(chǔ)篇)

這就叫有節(jié)奏

平面排版時,教你突出中文美感的幾種方法第二集(基礎(chǔ)篇)

這就叫沒節(jié)奏

下面這種給人的感覺是凌亂的,為什么呢?正如我前面說的,人對變化的事物總是敏感的,而這么頻繁的字體變化,會讓觀眾的注意力集中在變化本身上面,而不是文字所表達(dá)的意思上面。

所以:

在平面設(shè)計中,不要使用過多的字體以免失去節(jié)奏。

再比如:

平面排版時,教你突出中文美感的幾種方法第二集(基礎(chǔ)篇)

這幅圖用了文字重疊和顏色變化的方式但并不顯得繁雜,原因就在于節(jié)奏的掌控:只使用兩種色彩,每個字重疊的距離統(tǒng)一,每隔一個字變化顏色。

所以:

要讓文字顯得有節(jié)奏,統(tǒng)一參數(shù)是很有效的方式。

 

三:對比

1:色彩對比

正如前面所講的,人對變化是很敏感的,你運用色彩的變化,形成一種對比,很容易抓住人的眼球,表達(dá)你的要點。

所以:

用色彩變化,對比凸出你的重點。

2:大小對比

平面排版時,教你突出中文美感的幾種方法第二集(基礎(chǔ)篇)

平面排版時,教你突出中文美感的幾種方法第二集(基礎(chǔ)篇)

所以:

用大小變化,對比凸出你的重點。

3:字體對比

平面排版時,教你突出中文美感的幾種方法第二集(基礎(chǔ)篇)

平面排版時,教你突出中文美感的幾種方法第二集(基礎(chǔ)篇)

所以:

用字體變化,對比凸出你的重點。

————————————————————————分割線—————————————————————————

用形態(tài),節(jié)奏,對比三者組合,你的創(chuàng)意永遠(yuǎn)不會枯竭,可以給你提供無限的創(chuàng)作源泉。

比如下面這幅圖:

平面排版時,教你突出中文美感的幾種方法第二集(基礎(chǔ)篇)

形態(tài):繁體簡體結(jié)合,因是暗色調(diào)的背景,所以字體顏色比較亮,且字體比較粗。

節(jié)奏:用了三種字體,三種顏色,通過顏色的明暗和字體的重疊來營造層次。

對比:有字體對比,大小對比,色彩對比。

上面這幅圖只是我無聊的時候隨便從上面這個框架里面選幾個元素進(jìn)行組合之后得到的,我相信它們組合的威力是巨大的。

————————————————————————分割線—————————————————————————

下面,我來講一下如何運用我上面講到的框架來進(jìn)行字體設(shè)計:

比如:我們要給下面這幅畫加上"沒有烏云,擋得住陽光"這句話。

平面排版時,教你突出中文美感的幾種方法第二集(基礎(chǔ)篇)

首先,我們確定字體形態(tài)。

對于這種大氣磅礴的話語和如此宏偉的畫面,我們選擇的字體的要點是:要夠大氣,夠粗,夠霸道,最好棱角分明!

字體要橫著放還是豎著放呢?考慮到畫面左邊相對比較干凈,可以選擇豎著放,因為橫著放會擋住畫面中的丁達(dá)爾,下面的草地放橫著的字有空間狹小之虞。

選什么顏色呢?因為畫面左邊是暗色調(diào),為了讓字體明顯,我們選擇亮色的字體。

輸出結(jié)果是:

平面排版時,教你突出中文美感的幾種方法第二集(基礎(chǔ)篇)

好,下面我們考慮對比:

為了突出陽光,我們讓陽光的顏色與眾不同:

感覺陽光還不夠凸出,我們再加上大小對比:

輸出結(jié)果:

平面排版時,教你突出中文美感的幾種方法第二集(基礎(chǔ)篇)

這時候我們再考慮節(jié)奏:

我前面提到過重疊,這時候,我們的話是:"沒有烏云,擋得住陽光",所以,我們是否可以考慮將陽光放到烏云前面呢?

OK,看起來效果還不錯。

但我們還可以再修飾一下?

文字形態(tài)里面我們提到過具象,而陽光這兩個字正好在地上,我們是否可以營造出一種陽光灑滿大地的感覺呢?

輸出結(jié)果:

平面排版時,教你突出中文美感的幾種方法第二集(基礎(chǔ)篇)

OK,其實你還可以繼續(xù)想:

烏云兩個字是否可以用暗色調(diào)呢?

光字的延伸部分上面還可以放些什么呢?

等等……

最后,希望「形態(tài),節(jié)奏,對比」這六個字可以給你的平面設(shè)計帶來幫助。

 

原文地址:zhihu
作者:葉明 微博:@他山之眼

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程的干貨網(wǎng)站。
【特色推薦】
PS禮儀手冊:網(wǎng)頁設(shè)計師必須修煉的內(nèi)功技法,更是不可或缺的WEB設(shè)計指南http://hao.uisdc.com/ps/。
設(shè)計微博:擁有粉絲量61萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ,歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航:全球頂尖設(shè)計網(wǎng)站推薦,設(shè)計師必備導(dǎo)航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的"福利"嗎?
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號:【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加:

平面排版時,教你突出中文美感的幾種方法第二集(基礎(chǔ)篇)
 

收藏 35
點贊 10

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。