APP圖標(biāo)LOGO設(shè)計之字體設(shè)計入門教程【唯一】

很多的移動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)設(shè)計

以及更多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)涵。

2

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

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

3

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

4

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

5

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

6

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

7

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

8

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

9

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

10

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

1112

這里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è)計教程

每天更新,
全站高品質(zhì)素材免費下載!