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

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

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

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

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

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

一:形態(tài)

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

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

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

1:畫面型

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

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

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

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

我們?yōu)槭裁从檬謱戵w?是因?yàn)槲覀儾幌胱屛淖中e奪主。

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

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

所以,思路一:

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

2:意境型

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

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

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

所以,思路二:

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

3:具象型

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

所以,思路三:

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

 

二:節(jié)奏

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

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

這就叫有節(jié)奏

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

這就叫沒節(jié)奏

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

所以:

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

再比如:

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

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

所以:

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

 

三:對(duì)比

1:色彩對(duì)比

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

所以:

用色彩變化,對(duì)比凸出你的重點(diǎn)。

2:大小對(duì)比

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

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

所以:

用大小變化,對(duì)比凸出你的重點(diǎn)。

3:字體對(duì)比

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

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

所以:

用字體變化,對(duì)比凸出你的重點(diǎn)。

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

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

比如下面這幅圖:

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

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

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

對(duì)比:有字體對(duì)比,大小對(duì)比,色彩對(duì)比。

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

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

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

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

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

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

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

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

選什么顏色呢?因?yàn)楫嬅孀筮吺前瞪{(diào),為了讓字體明顯,我們選擇亮色的字體。

輸出結(jié)果是:

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

好,下面我們考慮對(duì)比:

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

感覺陽光還不夠凸出,我們?cè)偌由洗笮?duì)比:

輸出結(jié)果:

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

這時(shí)候我們?cè)倏紤]節(jié)奏:

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

OK,看起來效果還不錯(cuò)。

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

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

輸出結(jié)果:

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

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

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

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

等等……

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

 

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

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

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

收藏 35
點(diǎn)贊 10

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