很多的移動APP圖標(biāo)的logo設(shè)計都是有一些字體轉(zhuǎn)換設(shè)計而來。比如美團(tuán)的APP圖標(biāo)LOGO，支付寶的APP圖標(biāo)logo、天貓的APP圖標(biāo)logo等等。

如果大家有興趣可以去看看APP store排行榜上的前100名APP。至少有10幾個APP圖標(biāo)logo都是用文字來演變的。

App Store 上前 100 位的 app 榜單地址：

http://www.apple.com/cn/itunes/charts/free-apps/

以及更多APP圖標(biāo)靈感的源泉之地：iOS App圖標(biāo)集|iOS免費圖標(biāo)下載-Iconsfeed

下面就跟隨25學(xué)堂的小編來一起學(xué)習(xí)字體設(shè)計入門教程的案例：【唯一】 字體設(shè)計。

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

當(dāng)我們確定好移動APP主題關(guān)鍵詞的需求之后，需要進(jìn)行字體設(shè)計的背景分析。

字體設(shè)計背景分析：

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

選擇不同的字體，設(shè)計出來的字體也是不一樣的。

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

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

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

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

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

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

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

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

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

這里25學(xué)堂只是跟大家拋磚引玉一下。更多字體設(shè)計教程可以前往字體傳奇網(wǎng)站和京東高手之路 字體設(shè)計強(qiáng)化篇。

內(nèi)容來源：http://jdc.jd.com/archives/1161

其他相關(guān)的字體設(shè)計教程有：

高清屏下的移動APP設(shè)計字體選擇和字體設(shè)計五原則

2個字體圖形化設(shè)計實例教程|字體設(shè)計教程

超牛逼的中文字體設(shè)計視頻和字體設(shè)計教程