編者按：想搞定字體設(shè)計(jì)，了解字體結(jié)構(gòu)是特別基礎(chǔ)的一部分，今天騰訊同學(xué)從字體的分類、結(jié)構(gòu)特征、設(shè)計(jì)原理以及常用的設(shè)計(jì)規(guī)律四方面給同學(xué)們科普一下這方面的姿勢(shì)，想入門字體設(shè)計(jì)的同學(xué)，來(lái)學(xué)習(xí)咯。

一、常用分類

字體設(shè)計(jì)得先了解字體結(jié)構(gòu)和組合形式，就像房屋裝修一樣，你得先了解房屋結(jié)構(gòu)和框架才好進(jìn)行拆墻重新裝飾設(shè)計(jì)。所以首先了解2個(gè)我們常用的字體分類概念：

襯線字體（宋體）：

筆畫開始、結(jié)束的地方有額外的裝飾，而且筆畫的粗細(xì)有所不同。

襯線體粗細(xì)不同（可讀性更佳）。大段落文章，增加閱讀對(duì)字母參照參考。就像大家都穿了（襯）衣服和不同裝飾物一樣好識(shí)別，裝飾性強(qiáng)、有對(duì)比參照性。

非襯線字體（黑體）：

沒(méi)有額外的裝飾，而且筆畫的粗細(xì)差不多。

簡(jiǎn)潔、時(shí)尚、輕松休閑、干凈。筆畫對(duì)比較弱，不及襯線字體。

這2種字體概念聯(lián)想起穿衣和沒(méi)穿衣就容易好記，也很好理解。在字體設(shè)計(jì)中記住這2個(gè)概念針對(duì)不同類型字體做裝飾性處理是關(guān)鍵。

除了這兩位基本款，從字體風(fēng)格分析入手能更好認(rèn)識(shí)不同字體：《不會(huì)挑選字體？來(lái)看看字體的7種類型及特點(diǎn)》

二、結(jié)構(gòu)特征

拋開上面2種我們常見的字體分類概念，我們?cè)趤?lái)復(fù)習(xí)下小學(xué)語(yǔ)文中的字體結(jié)構(gòu)。

單體字：一個(gè)偏旁單獨(dú)構(gòu)成的字。

合體字：兩個(gè)或兩個(gè)以上偏旁組合成的字。

其中合體字又分：

漢子輪廓以形似方塊，但是由于筆畫不同，字體輪廓的形狀就會(huì)呈現(xiàn)不同的形狀，所以在視覺均衡上就會(huì)有些許視覺偏差。尤其是單體字和合體字組合筆畫就會(huì)顯得不好看。所以我們要在不同形狀的字形上做調(diào)整和處理，讓他們看起來(lái)更加完整、均衡。

上圖，等高、等寬的三角形、正方形、圓形我們會(huì)發(fā)現(xiàn)視覺上他們是不等大。

頂格、縮格、出格就是針對(duì)不同結(jié)構(gòu)的字體筆畫特征進(jìn)行微調(diào)，讓他們看起來(lái)更加均衡、等大、視覺更完整。

三、平衡/杠桿原理

中學(xué)物理里學(xué)過(guò)杠桿原理：動(dòng)力×動(dòng)力臂=阻力×阻力臂?，公式：F1×L1=F2×L2

時(shí)過(guò)變遷，也許有點(diǎn)難理解。結(jié)合上圖，簡(jiǎn)單點(diǎn)講：就是距離中心點(diǎn)越近，F(xiàn)2越重才能與離中心點(diǎn)遠(yuǎn)的F1平衡。

結(jié)合漢字方格，中心點(diǎn)就是方格的垂直中心，例如“體”字，右側(cè)“本”的垂直中心點(diǎn)B，單人旁的垂直中心A，B跟中心點(diǎn)的距離越近，A跟中心點(diǎn)的距離越遠(yuǎn)，整個(gè)字體組合字體重心才平衡，均衡。

當(dāng)字體變形的時(shí)候，把字體拉長(zhǎng)，或壓扁都是同樣的道理需要去細(xì)調(diào)偏旁部首讓重心更平穩(wěn)、均衡、視覺才更加完美。

單獨(dú)看每個(gè)字都有一個(gè)獨(dú)立視覺重心，設(shè)計(jì)字體就是要兼顧每個(gè)字體的重心，讓整體更加平穩(wěn)均衡。

四、一般規(guī)律

（1）?黃金分割線原理

黃金分割值≈0.618

按照黃金分割線0.618的位置我們可以把方格字按上下、左右結(jié)構(gòu)的比例特質(zhì)畫出4條黃金分割線A、D、C、D。

我們?cè)谠O(shè)計(jì)單個(gè)字體結(jié)構(gòu)的時(shí)候，可以參照黃金分割線的原理去調(diào)整不同筆畫結(jié)構(gòu)的字體，讓其看起來(lái)更加美觀。

黃金分割定律也可以運(yùn)用到網(wǎng)頁(yè)設(shè)計(jì)中，方法右戳：《你知道網(wǎng)頁(yè)設(shè)計(jì)的黃金比例嗎？》

（2?）上緊下松

上緊下松的例子比較容易記住。拿長(zhǎng)腿女人和長(zhǎng)腿大叔做例子就好很貼切了。

（3）橫細(xì)豎粗

橫細(xì)豎粗跟重力感覺相近，只有字桿粗壯（像樹一樣）才看起來(lái)更加平穩(wěn)，舒適。

（4）?左緊右松

左緊右松跟視覺閱讀習(xí)慣相關(guān)，就像我們閱讀喜歡從左上角開始往右下角閱讀一樣。

【優(yōu)設(shè)字體最佳好文人氣榜】

Top 1：我應(yīng)該說(shuō)是最全最強(qiáng)的創(chuàng)意總結(jié)嗎？
《推薦：17種設(shè)計(jì)字體的創(chuàng)意方法》

Top 2：案例多，分析多，方法新，有收獲：
《經(jīng)驗(yàn)分享：超詳細(xì)的字體設(shè)計(jì)方法+案例分析》

Top 3：實(shí)戰(zhàn)好文，一個(gè)字體設(shè)計(jì)的全過(guò)程！
《字體設(shè)計(jì)實(shí)戰(zhàn)！QQ音樂(lè)巔峰榜誕生記》

原文地址：tgideas.qq
作者：高露潔

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量87萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：