高手之路 字體設計

2015-10-30    用心設計

藍藍設計bouu.cn )是一家專注而深入的界面設計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 平面設計服務

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

來源:莫貝網(wǎng)

本文主題是“以少勝多 以一擋十”,通俗地說就是字體設計中的筆畫省略,在開始之前我們不得不提一下“格式塔心理學”,這是我們省略字體筆畫的理論基礎(chǔ)。

格式塔是德文“Gestalt”的 譯音,意思是“完形”,即具有不同部分分離特性的有機整體。我們的眼睛和大腦在觀察事物、接收影像刺激的時候,會有一些特別的傾向。這些傾向常??梢詭椭?我們快速的辨別事物,有時候也會產(chǎn)生所謂的“錯覺”。格式塔心理學重要的概念便是“整體不等于個體的總合”,舉例來說:當我們在觀察另一個人的時候,并不 是先看到他的手、腳、頭、眼睛、耳朵、鼻子,然后把這些視覺特征組合成一個稱為“人”的組合。我們是直接的觀察到人這個“整體”,而不是其他器官的“個體 的總合”。格式塔心理學主要有相似性原理、連續(xù)性原理、封閉性原理、對稱性原理等,舉例來說,比如我們看到下面幾個圖形:

1

我們可以發(fā)現(xiàn),雖然上圖中的幾組線條沒有完全閉合,但是我們依然能看出他們是圓、三角形、方,我們的大腦會自動填補元素與元素間的空白部分,形成一段不存在的線段,這就是格式塔性理學中所說的封閉性原理。

對于格式塔心理學的其他原理,有興趣可以尋找相關(guān)書籍進行更深入的學習,這里就不一一介紹了,下面我們通過幾個例子,給大家簡單介紹一下“格式塔心理學”在字體設計中的運用。

案例1 唯一

唯一兩個字給人一種很單純的感覺,因此,在設計的過程中我去除了一些比較繁瑣的筆畫結(jié)構(gòu),讓筆畫更簡單。中國有“一生二,二生三,三生萬物”之說,我們通過視覺自動補償缺失筆畫來達到這一效果,增加了文字內(nèi)涵。

2
我們可以在電腦上打出“唯一”兩個字,觀察一下筆畫結(jié)構(gòu),我們可以發(fā)現(xiàn)字體中以橫畫與豎畫為主。

3
我們將“唯”字中傾斜的兩筆擺正,使筆畫更統(tǒng)一。

4
矩形工具將字體骨架搭建好,筆畫更為單純。

5
將筆畫加粗,并降低字體重心,使其在視覺上給人一種安定感。

6
接下來我們嘗試幾種方式來省略字體筆畫,第一個結(jié)構(gòu)很亂,節(jié)奏掌握的不到位;第二個整體不錯,那一點起到了“暗示”的作用,讓視覺自動將筆畫補全;第三個沒有暗示的筆畫,看不出是“唯“字;第四個和第三個類似,看不出是圖形還是文字,筆畫省略太過頭。

7
通過對比,我們選擇了第二個進行優(yōu)化。將筆畫粗細的分配重新調(diào)整,使筆畫在視覺上粗細一致,并且字體灰度更為平均。

8
一般來說,筆畫密集的地方要調(diào)細,筆畫疏的地方要加粗,上圖時進行調(diào)整后的筆畫,分別用數(shù)字和字母來代表對應的筆畫,仔細觀察你會發(fā)現(xiàn)其中的差異。

9

利用輔助線對字體進行進一步規(guī)范,合理安排字體間距,使其更整體。

10
字體完成,規(guī)范后的字體比原來更耐看了。

11

12

案例2 修心

修心是一種心靈境界上的超脫,是一種心無雜念同時又懂得包容的博大胸懷。因此在字體上,我們也要去除繁雜的筆畫,回歸本心,讓字體更單純。

13

我先在紙上打印了宋體與黑體,通過比較后,我選擇了以黑體為基本體進行設計,因為宋體筆畫結(jié)構(gòu)相對復雜,而黑體筆畫單純,比較符合我心中對“修心”二字的定位。

14

從上圖中我們可以看到,紅圈部分的筆畫國語緊密,整體比較繁瑣,因此我們要想辦法弱化它。

15嗯,感覺可以,還能認出是“修心”二字,所以我們可以在在這個基礎(chǔ)上調(diào)整字體筆畫,使其結(jié)構(gòu)更嚴謹。我們將上圖中紅圈部分進行進一步優(yōu)化。

16
現(xiàn)在筆畫看起來比原先緊湊一點,但是心字結(jié)構(gòu)還可以繼續(xù)簡化,我們來嘗試一下。

17
好像還不錯,識別性和意境都有了,接下來我們根據(jù)這個字體骨架進行深入刻畫。

18
我們調(diào)整一下字體重心和字間距,將“修”字的偏旁縮短,使之與“心”字底部在一條直線上,這樣能在視覺上產(chǎn)生一種特別的美感。

19

將“修”字筆畫轉(zhuǎn)折處出現(xiàn)的內(nèi)煎餃處理的圓滑一點,使之更流暢。

20
我們再對比一下轉(zhuǎn)角處用直角好還是用圓角好,考慮到字體外圍筆畫以方形為主,所以我選擇了右邊的方案。

21
經(jīng)過細節(jié)的調(diào)整,這個字就完成了,修心養(yǎng)性,讓字體變得更簡單,讓心靈變得更單純。

22

欣賞

前面我們通過兩個案例來和大家介紹了了一下“筆畫省略”的字體設計方法,希望大家有所收獲。下面給大家整理出幾個其他案例進行欣賞學習。

欣賞

為了順利開展開主題,“欣賞”的部分內(nèi)容源自于互聯(lián)網(wǎng),無法一一查明原創(chuàng)作者,無法一一準確列出出處,敬請諒解。

 

后記

23
字體設計的方法還有很多,筆畫省略只是其中之一,想要真正成為高手,必須不斷學習和開拓新視野,有時候“眼高手低”并非壞事,取長補短,不斷總結(jié)和思考,才是提高的關(guān)鍵,以上只是工作生活中的一些經(jīng)驗與大家分享交流,作品不甚完美,權(quán)當拋磚引玉,希望大家喜歡。

相關(guān)專題《有關(guān)文字在移動端的那點事

本文來自:JDC

日歷

鏈接

個人資料

藍藍設計的小編 http://bouu.cn

存檔