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

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

另外,同學們可以每晚到優設微博固定欄目【晚安Banner!每日最新Banner欣賞】學習借鑒優秀的banner設計唷

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

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

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

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

圖例一:

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

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

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

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

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

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

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

說完審美之后,我們再來說說"設計"。

這個問題應該是涵蓋在設計話題之下。因此,我認為相當有必要將"設計"這個概念拿出來單獨說一下。

設計是什么?已經有很多各類型的解讀。當然,我也有自己的一套解釋。

設計一詞,我們首先應該作為動詞去理解。

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

對于設計本質的理解。

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

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

要么,是設計師完全沒有經過思考,從構圖、用色、字體選擇方面過于隨意,導致畫面完全不符合人們的視覺標準。這就是很多人會說,我從你的畫面中根本看不出來設計的原因。

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

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

現在開始進入正題答題環節了。

第一章:

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

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

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

第二章:

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

題目中出現了一個很重要的關鍵詞"排版"。

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

圖例二:

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

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

右圖從視覺美感上來說,明顯是優于左圖的,其最根本的原因不在于字號的大小,而在于我上面一直在強調的關系

到底什么是關系?我們接著往下看!

圖例三:

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

上圖中,我已經用輔助線來說明了這個文字擺放在這里的原因。

接下來,我們再看看我隨手找的一些平面廣告圖中的文字擺放的位置。

圖例四:

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

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

圖例五:

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

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

以上我所列舉和總結的這些,在一個行業老手看來,早就是一種習慣性的行為了。如有學習欲望的同學,請根據以上提示,自行翻看各種雜志與網絡上的平面廣告設計。

第一次總結:

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

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

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

圖例六:

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

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

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

圖例七:

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

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

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

圖例八:

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

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

圖例九:

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

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

第二次總結:

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

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

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

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

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

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

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

圖例十:

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

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

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

我相信,以各位的智慧,已經不需要我在來繼續講解了吧!

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

最后總結:

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

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

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

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

收藏 147
點贊 25

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。