編者按：想搞定字體設計，了解字體結構是特別基礎的一部分，今天騰訊同學從字體的分類、結構特征、設計原理以及常用的設計規律四方面給同學們科普一下這方面的姿勢，想入門字體設計的同學，來學習咯。

一、常用分類

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

襯線字體（宋體）：

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

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

非襯線字體（黑體）：

沒有額外的裝飾，而且筆畫的粗細差不多。

簡潔、時尚、輕松休閑、干凈。筆畫對比較弱，不及襯線字體。

這2種字體概念聯想起穿衣和沒穿衣就容易好記，也很好理解。在字體設計中記住這2個概念針對不同類型字體做裝飾性處理是關鍵。

除了這兩位基本款，從字體風格分析入手能更好認識不同字體：《不會挑選字體？來看看字體的7種類型及特點》

二、結構特征

拋開上面2種我們常見的字體分類概念，我們在來復習下小學語文中的字體結構。

單體字：一個偏旁單獨構成的字。

合體字：兩個或兩個以上偏旁組合成的字。

其中合體字又分：

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

上圖，等高、等寬的三角形、正方形、圓形我們會發現視覺上他們是不等大。

頂格、縮格、出格就是針對不同結構的字體筆畫特征進行微調，讓他們看起來更加均衡、等大、視覺更完整。

三、平衡/杠桿原理

中學物理里學過杠桿原理：動力×動力臂=阻力×阻力臂?，公式：F1×L1=F2×L2

時過變遷，也許有點難理解。結合上圖，簡單點講：就是距離中心點越近，F2越重才能與離中心點遠的F1平衡。

結合漢字方格，中心點就是方格的垂直中心，例如“體”字，右側“本”的垂直中心點B，單人旁的垂直中心A，B跟中心點的距離越近，A跟中心點的距離越遠，整個字體組合字體重心才平衡，均衡。

當字體變形的時候，把字體拉長，或壓扁都是同樣的道理需要去細調偏旁部首讓重心更平穩、均衡、視覺才更加完美。

單獨看每個字都有一個獨立視覺重心，設計字體就是要兼顧每個字體的重心，讓整體更加平穩均衡。

四、一般規律

（1）?黃金分割線原理

黃金分割值≈0.618

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

我們在設計單個字體結構的時候，可以參照黃金分割線的原理去調整不同筆畫結構的字體，讓其看起來更加美觀。

黃金分割定律也可以運用到網頁設計中，方法右戳：《你知道網頁設計的黃金比例嗎？》

（2?）上緊下松

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

（3）橫細豎粗

橫細豎粗跟重力感覺相近，只有字桿粗壯（像樹一樣）才看起來更加平穩，舒適。

（4）?左緊右松

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

【優設字體最佳好文人氣榜】

Top 1：我應該說是最全最強的創意總結嗎？
《推薦：17種設計字體的創意方法》

Top 2：案例多，分析多，方法新，有收獲：
《經驗分享：超詳細的字體設計方法+案例分析》

Top 3：實戰好文，一個字體設計的全過程！
《字體設計實戰！QQ音樂巔峰榜誕生記》

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

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

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