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

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

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

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

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

我覺得,你在平面設計中文排版時,需要從三個方面考慮:形態,節奏,對比。

一:形態

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

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

下面我列舉幾種典型形態:

1:畫面型

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

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

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

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

我們為什么用手寫體?是因為我們不想讓文字喧賓奪主。

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

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

所以,思路一:

好的文字形態是與畫面相互融合的。

2:意境型

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

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

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

所以,思路二:

好的文字形態是與意境相互貫通的。

3:具象型

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

所以,思路三:

文字形態是可以借用物象的。

 

二:節奏

什么叫文字的節奏?我對它的理解就是:內部統一

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

這就叫有節奏

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

這就叫沒節奏

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

所以:

在平面設計中,不要使用過多的字體以免失去節奏。

再比如:

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

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

所以:

要讓文字顯得有節奏,統一參數是很有效的方式。

 

三:對比

1:色彩對比

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

所以:

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

2:大小對比

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

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

所以:

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

3:字體對比

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

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

所以:

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

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

用形態,節奏,對比三者組合,你的創意永遠不會枯竭,可以給你提供無限的創作源泉。

比如下面這幅圖:

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

形態:繁體簡體結合,因是暗色調的背景,所以字體顏色比較亮,且字體比較粗。

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

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

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

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

下面,我來講一下如何運用我上面講到的框架來進行字體設計:

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

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

首先,我們確定字體形態。

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

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

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

輸出結果是:

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

好,下面我們考慮對比:

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

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

輸出結果:

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

這時候我們再考慮節奏:

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

OK,看起來效果還不錯。

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

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

輸出結果:

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

OK,其實你還可以繼續想:

烏云兩個字是否可以用暗色調呢?

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

等等……

最后,希望「形態,節奏,對比」這六個字可以給你的平面設計帶來幫助。

 

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

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

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

收藏 35
點贊 10

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