排版《玉女心經》之字我感受(下篇)

排版《玉女心經》之字我感受(下篇)

今日,寡人又踏月而來!

有人問我,貓老師發生腎麼事了?

還不是因為今兒個,

咱要傳授這個「字我感受」的終篇,

美術字、字體疏密和字體搭配嘛!

閒話少說,咱趕緊開始,

先來看下字體疏密~

字體疏密其實就是字距和行距,

行距比較簡單,中文一般設置1.5倍-2倍之間!

關於行距,可以看寡人兩年前寫的《內文編排》章~

所以這裡的字體疏密,

咱們重點說說「字距」,

照例先來看倆問題~

下面倆版面,哪個更有品位?

看到「C」,我啪的一下就選了,很快呀!

為啥「鬱鬱寡歡C」顯得更有品味呢?

主要是「C」的字距很大,看上去就透氣,

給人感覺就有格調,有品位!

頗與本貓的氣質相符~

而「洋洋得意A」,視覺效果也是可以的!沒啥問題~

但在品位上,由於字距較小,所以不如C

如果換種問法,比如說「整體性」之類的,

那「A」就可以翻身農奴把歌唱了~

下面看第二個問題~

下面倆版面,哪個更有衝擊力?

聽這名字也肯定是「氣貫長虹A」鴨,

畢竟氣息奄奄的「C」,打的拳肯定是軟綿無力的!

難道說,這是混元形意太極……

眼看要被各位打,

寡人又比較大意,經常沒有閃,

那就只好講點武德,認真講講了~

「A」更有衝擊力,是因為標題緊湊,

顯得更有重量,衝擊力和視覺張力自然就大!

而「C」標題比較放鬆,間隙就大,

力量不就被分散了咩~

試想一下,下面兩種挨揍方式要二選一:

  1. 霸氣老貓,戰鬥力500,打你一拳~

  2. 透明小貓,戰鬥力5,打你一百拳~

相信只要不是受虐狂,

都會選擇被小貓打,

畢竟這麼輕鬆,全當按摩搥背了~

有人問,選老貓的後來咋樣了?

那可就好玩了,一拳就滿地爬了,

真是妙哉妙哉!

理兒就是這個理兒,本貓真是個舉例小天才~

所以要想重拳出擊,

那一定是要一拳打到滿地爬那種,

自然就選「氣貫長虹A」了!

上面倆例子,

造成不同結果的原因就是,

字距的不同~

而用好字距,記住兩個關鍵點就闊以啦:

1.字距越緊湊,品質感越低;但衝擊力、力量感會越強。

2.字距越寬鬆,品質感越強,給人感覺輕鬆、精緻;但力量感、衝擊力弱。

咱先看看緊湊字距的例子~

這圖是老常客了,用粗襯線體加傾斜的形式表現衝擊力,

理所當然,用緊湊字距~

這個映畫祭的海報,標題又大又緊湊,

傳達的衝擊力也是非常強的~

運動、對抗類等強調衝擊力的版面,

一般也會採用緊湊字距~

再來看看寬鬆型字距的例子~

這圖又是一個老客人了,很精緻,且又貴又高端,

這裡又用了寬鬆型的字距,顯得我等塵民更買不起了!

時尚優雅的版面,寬鬆型字距也能很好表現喲!

台灣一招生海報,標題文字均用了寬鬆型的字距,

給人感覺透氣又精緻!

《小森林· 夏秋篇》的海報,

英文字距適當拉寬,給人感覺很愜意~

在寡人的小皮鞭下,

眾愛卿已經對字距有了初步的了解~

那麼咱們就繼續往下看~

來說說「美術字」吧!

與「字我感受·上篇」結合來看,倍儿棒!

請戳這裡~

在上篇中,咱們講了前6 種字型,

現在終於輪到「美術字」這個小尾巴啦!

原則上,所有設計的字體都可以算作美術字,

但在裡鴨,寡人將那些無法劃分到上述6類的字體,劃分到這個分類裡~

在寡人的功法中,

美術字可是保羅萬象,

但大致上可分為三種:

1.常規美術字

2.複合美術字

3.新銳美術字

下面咱們分類討論:

這類字體,可以看做是那種比較常見的標題字體,

比如「綜藝體」「菱心體」「剛藝體」等等。

常規型美術字比較剛,

基本都是方方正正的,

比較適合做衝擊力較強,

或者活動感強烈的的標題。

用了這種美術字,整體活動感就會變強~

適用於活動、促銷Banner等。

很多戰鬥、機甲等電影海報標題,也會用這種字體,

方方正正,比較堅硬,也比較有衝擊力!

運動類的海報,為了體現衝擊力,也經常使用類似字體。

說完常規美術字了,那麼複合美術字是撒子?

複合美術字,就是同時兼具兩種及以上特徵的字體~

比如「漢儀潤圓」

他有宋體的感覺和結構,但卻不是宋體,

沒有宋體的三角特徵,反而筆劃比較圓潤,

那麼漢儀潤圓就兼具了「宋體」和「圓體」的特徵。

有這兩種特徵,也就有了這兩種字體的部分感受,

所以漢儀潤圓,

即有宋體的精緻感,

又有圓體的絲滑圓潤感,

比較優雅柔美。

咱又祭出了這張「窈窕淑女,大貓好逑」的圖~

只不過右邊的標題,

寡人換成了「漢儀潤圓」,

他們的氣質也發生了細微的變化~

相對於宋體,潤圓更能表現女性優雅、精緻的感覺~

而且比較圓潤,更注入了一份「柔美感」

再比如日本的「すずむし體」

字的結構是跳躍的卡通字結構,

但筆劃特徵上卻有宋體的感覺,

橫畫末端有隆起的裝飾,

轉折和鏈接處都有宋體的特徵。

所以這個字體是「宋體+卡通體」的複合美術字,

傳達的感覺嘛,

既有卡通字的活潑感,

又有宋體的秀氣感,

跟普通的卡通字感受是不同的~

這系列的旅游海報,用的就是這款複合美術字,

所以既有輕鬆活潑的感覺,又非常秀氣,

不會過於低齡幼稚~

另外,

複合型美術字,

不僅能結合中文字體的特徵,

也可以結合英文體的特徵,

而這個形式,

在「字體設計」中叫作「西文中用」~

這款「暗夜騎士」字體,是在宋體的基礎上,

結合哥特英文的筆劃特徵設計而來,

所以雖然是中文,

卻也能傳達「哥特體」的感受~

通過這幾個例子,

相信愛卿也曉得「複合美術字」的概念了,

那麼眾愛卿,平常可以多看看身邊的美術字,

觀察觀察他們都結合了哪種字體特徵喲~

接下來,咱們看一下「新銳美術字」

這種字體非常好區分,

多指形式非常有設計感的字體,

比如下面幾個~

一看這形式就特立獨行,很有設計感鴨!

新銳美術字給人的感受就是,

有設計感、形式感,並且不拘一格!

有些新銳美術字雖然形式感強,

但結構上還是具有其他字體的特徵,

拿「方正基礎像素」和「漢儀六字黑」來說,

他們的結構跟卡通字形一樣,也是跳躍的,

所以在形式感強的同時,也能傳達活潑的感覺~

下面看一下新銳美術字的例子~

這個海報主標題通過字體設計,讓畫面更有藝術感和獨特感~

主標題有像素感,也能傳達不一樣的設計感受~

王志弘所作的《幽談》封面,「幽談」倆字經過圖形化處理,也非常具有設計感!

這幾個案例中,用的字體形式感都比較強,

相比字庫字,能傳達更獨特的感受~

美術字這一尾巴也終於說完了,

最後,咱們來看一下字體搭配!

字體搭配

字體搭配,咱主要講一哈中英文搭配~

下面那個搭配更和諧?

這一看就選了下面的!啪的一下,很快呀~

上面的組合為「方正風雅宋+自帶的英文」,

雖然屬於一套字庫,

但看上去就是不和諧,

跟下面的相比差遠了!

而下面組合,

雖然另外選了英文字體,

但卻非常和諧舒適。

這和諧度,

簡直跟大貓的黃金身材比一樣~

所以,

為什麼要做字體搭配呢?

正式因為,

大多數中文字庫裡的英文和數字並不精緻,

與中文字的感覺也不匹配~

這種時候,要想做出和諧的設計,

那必須得掌握中英文搭配的法則~

搭配法則第一條:

字體的特徵要基本一致~

同樣拿風雅宋舉例,

這款字體橫畫非常細,豎畫比較粗,

粗細對比度很大~

默認的英文特徵跟中文明顯不同,

自然就十分不搭調了!

用寡人的話說就是,這麼搭配欠抽!

而下面的Didot字體,

特徵跟風雅宋太像了,

也是橫畫很細,豎畫很粗,

粗細對比度很大,

兩款字體特徵一致,

那搭配在一起必須合適!

再看下面這個思源宋體

第一個同樣是默認英文,

但英文的橫比較粗,字體也不精緻,

明顯與中文字不能和諧的搭配到一塊~

而下面搭配「Caslon」的,字體的感覺就差不多了!

再看下面這幾個~

圓體配圓體,理所當然!

方正正纖黑具有黑體的特徵,

又具有粗細變化,

所以搭配同樣有粗細變化的無襯線體「Optima」,

必須非常和諧滴!

文悅古體仿宋,

搭配的「Schneidler」襯線特徵也是差不多的!

至於最後面的瀨戶字體嘛,

默認的英文字體就很不錯,比較匹配~

再說了,

卡通體配卡通體,也是理所當然的!

以上都是特徵類似的字體搭配,

這種搭配,需要對字體比較敏感,

而培養字體敏感度並不難喲~

只需要平常多注意,

多去比對字體的特徵,

不出幾週,便可神功大成!

搭配法則第二條:

搭配字體的大小和字重要差不多!

這條很好理解,就是搭配的字體大小和粗細要差不多~

同樣以「方正風雅宋」的搭配為例,

第一組中英文的字號一樣,

但視覺上,英文比中文小一圈,

這是很不和諧的~

而第二組,

通過視覺調整,

兩者視覺上差不多,

自然就更和諧!

說完了字體大小,

咱再來看看何為字重一致,

以「方正蘭亭刊宋」為例~

第一組搭配的「ITC Garamond」,

雖然英文選得是這系列字體中最細的,

但視覺上還是比中文粗不少,視覺上也很不和諧~

第二組英文換成了

更細的「Cormorant light」,

就比較和諧了!

當然了,這麼細的襯線體是比較少的,

如果找不到,我們也可以選擇另一種方案,

也就是第三組,搭配「Helvetica Light」,

雖然是無襯線體,

但字重一致,問題也不大,

只是視覺呈現上,不如襯線體好~

這就是咱說的,字重一致!

第四種,刊宋自帶的英文字重和風格都比較匹配,

也是一個比較好的選擇~

總結來說,

要搭配和諧的字體,

那一定要遵循兩點:

1.風格特徵一致

2.大小粗細一致

簡單粗暴!

字體搭配的方式,

不局限在同風格這一種,

但最基礎的規則就是咱們今天說的,

在掌握這天地法則的基礎上,

各位道友日後便可以「信手拈來,不破不立」,

到時便可突破天地法則,渡劫飛升!

畢竟設計做到最後,

你會發現,

所有的規則都不算規則,

都是可以突破的!

咱們《玉女心經》

自然也不例外~

Ps:

近些年,國內字體廠商也越來越重視英文適配的問題,

所以一些新字體,英文適配已經做的不錯,

且,有些老字體也在翻新適配英文~

至此,咱們「字我感受」神功,終於完結了~

上中下三篇,洋洋灑灑一萬五千字,

眾愛卿可要在寡人的皮鞭下好好修煉喲!

「字我感受」完結,

下回,咱們就講講新東西啦~

以上~

咱也不知道咱這套《玉女心經》有木有把「字我感受」說清楚,


所以各位大佬,留言告訴寡人吧!

這篇文風這麼搞,咱就要這種不正經的,輕鬆愉快的氛圍。所以,點個贊吧~

Category

GogoShark 給你最好的網頁設計

無論您的事業才剛起步、漸上軌道,或計劃向大中華區拓展市場,GogoShark 團隊將提供全方位的服務,為您量身打造數位品牌形象。