平面排版時,教你突出中文美感的幾種方法
 

學(xué)習(xí)banner設(shè)計的同學(xué)開始可能最難琢磨透的就是中文的排版了,有同學(xué)是直接憑直覺給文字排版的,其實排版作為平面設(shè)計中的一種具體的手段,本質(zhì)是對于畫面中元素的關(guān)系的處理。那在平面設(shè)計中,到底什么樣的排版能突出中文的美感呢,-eno-one-老師為我們撰寫了一篇深入淺出的教程,相信閱讀后你會對「排版」有一番新的認(rèn)知 :)

另外,同學(xué)們可以每晚到優(yōu)設(shè)微博固定欄目【晚安Banner!每日最新Banner欣賞】學(xué)習(xí)借鑒優(yōu)秀的banner設(shè)計唷

我們先從500萬年前開始說起

-eno-one- :人類在進化的過程中,一直本著安全第一的原則。對于事物表象的判斷之后產(chǎn)生的心理感受,隨著人類的進化一直伴隨著的。出于安全第一原則,人類的天性會自動的根據(jù)物體的表現(xiàn)(形狀、顏色等)來判斷事物的危險程度。例如尖銳的器物與色彩斑斕的昆蟲,都會給人警示的不安全感,我們可以看看公安或消防的警戒色帶,皆是遵循了這樣的心理。

平面排版時,教你突出中文美感的幾種方法

------------------------------------------------------------------ one -----------------------------------------------------------------------------------

圖例一:

平面排版時,教你突出中文美感的幾種方法

以上提到,人類觀看事物的心理活動,是第一時間先排除危險感,也可以說,第一時間是在尋找違和感。比如上圖中的鳳姐與天使拉寶貝照片對比。當(dāng)我們看到鳳姐時,我們大腦的第一反應(yīng)是會先去尋找她臉上哪些部位破壞了整體美感,比如大嘴和眼袋,這也就是我們第一時間會注意到她嘴巴的原因。而當(dāng)我們再看到天使拉寶貝時,我們則不會去思考到底什么使得她看起來很美。

大學(xué)里有門課程,叫做"審美"。很多人都不理解為什么要學(xué)習(xí)審美,因為他們認(rèn)為審美應(yīng)該是天性和本能。希望通過我的第一個例子,大家能夠明白,發(fā)現(xiàn)美不是本能,發(fā)現(xiàn)丑才是本能。因此"世界上不缺少美,只是缺少發(fā)現(xiàn)美的眼睛"!這句話,應(yīng)該按照如上去理解。

說的更加直白一點,人類對于事物的第一反應(yīng)不是"審美",而是"審丑"。

------------------------------------------------------------------ two -----------------------------------------------------------------------------------

為何在開頭我要花這么長的時間先去解釋一下審美?

因為,我們只有充分的了解到自己的心理活動的步驟,我們才有可能創(chuàng)造出具備人類天性美感的事物。也可以說,我們第一思路不應(yīng)該是創(chuàng)造美,而是回避丑。

說完審美之后,我們再來說說"設(shè)計"。

這個問題應(yīng)該是涵蓋在設(shè)計話題之下。因此,我認(rèn)為相當(dāng)有必要將"設(shè)計"這個概念拿出來單獨說一下。

設(shè)計是什么?已經(jīng)有很多各類型的解讀。當(dāng)然,我也有自己的一套解釋。

設(shè)計一詞,我們首先應(yīng)該作為動詞去理解。

特指通過人為的主觀意識去控制事物,然后所產(chǎn)生的一系列動作,比如某某某設(shè)計了他的人生。在平面設(shè)計當(dāng)中,又更具體的理解為,設(shè)計師通過人為主觀的意識,去控制畫面中的各類元素(構(gòu)圖、色彩、字體、字號等等),使之符合大眾的視覺標(biāo)準(zhǔn)。

對于設(shè)計本質(zhì)的理解。

無論是商業(yè)類設(shè)計,還是純藝術(shù)類設(shè)計,它們的本質(zhì)都是傳達與表達。通過某種形式的媒介(可以是書籍、路牌廣告、彈窗、報紙、雜志......),將創(chuàng)作者或者付費客戶所希望表達的內(nèi)容,用可視化的方式表達出來。

所有失敗的設(shè)計,定是違背了以上兩點。

要么,是設(shè)計師完全沒有經(jīng)過思考,從構(gòu)圖、用色、字體選擇方面過于隨意,導(dǎo)致畫面完全不符合人們的視覺標(biāo)準(zhǔn)。這就是很多人會說,我從你的畫面中根本看不出來設(shè)計的原因。

要么,對于想要傳達的內(nèi)容含糊不清,導(dǎo)致看完之后不知所云。這一類的通病常見于學(xué)生與行業(yè)新人。他們思維的第一步不是思考需要表達什么,而是思考用什么樣的形式去表達。

------------------------------------------------------------------three -----------------------------------------------------------------------------------

現(xiàn)在開始進入正題答題環(huán)節(jié)了。

第一章:

純中文字時,如何提高文字的識別度與美感?

由于之前回答過一個類似的問題,并且兩者關(guān)聯(lián)性很大,因此在這里就不多做重復(fù),直接給出鏈接:《經(jīng)驗分享!超實用的文本處理技巧》

------------------------------------------------------------------ four -----------------------------------------------------------------------------------

第二章:

中文與畫面結(jié)合時,如何提高中文字的識別度與美感?

題目中出現(xiàn)了一個很重要的關(guān)鍵詞"排版"。

這是個被用爛了的詞,卻極少有人理解其中具體含義。排版作為平面設(shè)計中的一種具體的手段。其實本質(zhì)是對于畫面中元素的關(guān)系的處理。(畫面中的元素包括構(gòu)圖,顏色,字體等等。而關(guān)系,則指的是它們之間的距離,大小面積,色彩搭配等等)

圖例二:

平面排版時,教你突出中文美感的幾種方法

上圖例子中,我通過文字的位置不同,來讓大家知道這個所謂的關(guān)系到底是個什么意思。

右圖從視覺美感上來說,明顯是優(yōu)于左圖的,其最根本的原因不在于字號的大小,而在于我上面一直在強調(diào)的關(guān)系。

到底什么是關(guān)系?我們接著往下看!

圖例三:

平面排版時,教你突出中文美感的幾種方法

上圖中,我已經(jīng)用輔助線來說明了這個文字?jǐn)[放在這里的原因。

接下來,我們再看看我隨手找的一些平面廣告圖中的文字?jǐn)[放的位置。

圖例四:

平面排版時,教你突出中文美感的幾種方法

文字的擺放一定不是隨心的,而是與畫面中某些元素之間相輔助的。

圖例五:

平面排版時,教你突出中文美感的幾種方法

這樣的關(guān)系,不只適用于文字與畫面,更涵蓋了畫面中所有出現(xiàn)的圖片元素。

以上我所列舉和總結(jié)的這些,在一個行業(yè)老手看來,早就是一種習(xí)慣性的行為了。如有學(xué)習(xí)欲望的同學(xué),請根據(jù)以上提示,自行翻看各種雜志與網(wǎng)絡(luò)上的平面廣告設(shè)計。

第一次總結(jié):

有時候文字不美,別怪文字不好看,有可能是你沒放對地方!找到通過尋找元素之間的關(guān)系,你會發(fā)現(xiàn),文字應(yīng)該擺放在什么位置。

------------------------------------------------------------------ five -----------------------------------------------------------------------------------

上面所舉例子,在論證文字要想好看,位置很重要!那么接下來,我們再進一步看看,如何變得更加貼切觀看者的心理感受!

圖例六:

平面排版時,教你突出中文美感的幾種方法

上圖里的內(nèi)容,都是一樣的,但是選擇了不同的字體。各位可以從自己的心理感受上判斷一下,哪一個看起來口感會好一些。

從心理感受上來說,右邊的字體,會給人更愿意食用的感覺。造成這樣不同感受的原因就在于字體的襯線上。

圖例七:

平面排版時,教你突出中文美感的幾種方法

再看看以上,哪一個字體更適合男人,哪一個字體更適合女人?

通常來說,食品、女性用品、兒童用品,以及一些消費群體為年輕化的產(chǎn)品,或者產(chǎn)品特質(zhì)需要給人一種親切感受的,在字體的選擇上,更適合一些有弧線,沒有襯線,并且字形相對柔和一些的字體。(我這里說的是大多數(shù)情況,也有個別案例,不遵循這個規(guī)律,在此就不展開說明了)

圖例八:

平面排版時,教你突出中文美感的幾種方法

我們繼續(xù)來看看相同文字,不同字體造成的心理感受不一樣的例子吧。

圖例九:

平面排版時,教你突出中文美感的幾種方法

我們再來接著做一組比較。上圖中的文字,哪一個更貼合畫面意境?

第二次總結(jié):

沒有不好看的字體,只有不合適的字體。在選擇文字之前,請務(wù)必仔細的思考一下產(chǎn)品或畫面的特性。

------------------------------------------------------------------ six -----------------------------------------------------------------------------------

以上講了兩個觀點,一是文字不要亂擺,二是字體不要亂選?,F(xiàn)在讓我們翻過頭來,繼續(xù)把前面第二章開頭所說的,"版式"的這個概念繼續(xù)的深入說一下。

中文字,我們先不說那些被特別設(shè)計過的文字,比如下面這個:

平面排版時,教你突出中文美感的幾種方法

我們只說,電腦直接打出來的文字。

在平面設(shè)計中,文字要想搭配的好看,只需要遵循四個字——"方方正正"即可。

圖例十:

平面排版時,教你突出中文美感的幾種方法

平面排版時,教你突出中文美感的幾種方法

平面排版時,教你突出中文美感的幾種方法

我相信,以各位的智慧,已經(jīng)不需要我在來繼續(xù)講解了吧!

------------------------------------------------------------------ seven -----------------------------------------------------------------------------------

最后總結(jié):

在平面設(shè)計中,無論是文字也好,圖形也好,色彩也好,他們都是服務(wù)于主題的。要想突出中文的美感,無論是字體、字號、色彩、包括拜訪的位置,都需要全方位的來考慮。

原文地址:zhihu
作者:-eno-one-

 
================關(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è)計微博:擁有粉絲量59萬的人氣微博@優(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è)哥的全拼
您也可以通過掃描下方二維碼快速添加:

平面排版時,教你突出中文美感的幾種方法
 

收藏 147
點贊 25

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