以下文章來源於小梓的設計筆記，作者小梓
主要分享UI、交互、視覺等方面的設計經驗及技巧，偶爾也會分享自己的讀書筆記，期待與大家共同進步！
轉自：小梓的設計筆記（ID：xiaozi9492）
小梓
今天的這篇的文章，主要是給大家梳理一下字體的類型及運用，其實想寫很久了。因為在設計中，字體是我們經常都會接觸和涉及到的，無論是UI還是視覺。
中文字體的分類及運用
宋體的特點是橫細豎粗，橫線尾和直線頭呈三角狀，字形端正、剛勁有力，常用於正文。 宋體還包含有標宋、仿宋和中宋等。標宋比宋體的比例大，適合做標題，仿宋橫豎粗細幾乎相同，類似的三角還存在。宋體的點、撇、捺、鉤等筆劃有尖端，屬於襯線字體。
宋體給人古典文藝清新的氣質，不僅適用於正文，也同樣適用於標題，就如下圖的海報，如果標題不是用的宋體，應該也達不到現在這種文藝簡約的效果了。
黑體的特點是橫豎的粗細一致，橫平豎直，沒有襯線。黑體還包含有細黑、中黑、粗黑，超粗黑等，它們的特點與黑體相似。
由於黑體非常醒目，所以經常用於標題，就如下圖的廣告，標題很突出，你一眼就知道是乾什麼的。
書法字體主要包括篆、隸、楷、行、草。
篆書是大篆、小篆的統稱。筆法瘦勁挺拔，直線較多。起筆有方筆、圓筆，也有尖筆，手筆“懸針”較多。
隸書有秦隸、漢隸等，一般認為由篆書發展而來，字形多呈寬扁，橫畫長而豎畫短，講究“蠶頭雁尾”、“一波三折”。
楷書對於學過書法的同學應該不陌生，它的主要特點是字體端正、起筆頓落筆有筆鋒。 楷體給人質樸古風的感覺，非常適合營造唯美古典的氛圍，與下圖3中的水彩畫結合起來相得益彰。
行書是介於楷書、草書之間的一種字體，是為了彌補楷書的書寫速度太慢和草書的難於辨認而產生的。
草書有廣義和狹義。廣義的，不論時代，凡寫得潦草的字，都可以算草書。狹義的，即作為一種特定字體。 形成於漢代，是為了書寫簡便在隸書基礎上演變出來的。特點是結構簡省、筆劃連綿。草書給人的印象蒼勁有力、非常具有藝術價值。 就如下圖2中的洛書芳華。
魏體其實也是行書的一種。 特點是筆劃有波紋狀，筆劃捺比較長。
圓體的特點就是拐角處、筆劃末端為圓弧狀。字體清晰、端正、友好。圓體還包括細圓、中圓、粗圓等。 琥珀體和彩雲體就是圓體變形而來。 下圖廣告中的標題“299減100！”用的就是圓體字，不僅與湯圓餃子等實物保持了一致性，還帶給人溫暖友好的感受。
可愛體主要是指娃娃體、快樂體等一些比較可愛的字體。可愛體的特點類似於兒童的書寫規律，字體筆劃比較開，比較彎彎扭扭。 在外型及風格上，稚嫩可愛。 就如下圖2和3，可愛體不僅友好，還給畫面營造了有趣又活潑的氛圍。
綜藝體是宋體、黑體的一種變體，也是藝術字的一種。特點是筆劃更粗，盡量將空間充滿。同時為了美觀，筆劃拐彎處都有一個矩形角度。方正、百度、微軟等各大字庫都有開發這種字體，常被用於報告、報刊等的標題。 下圖2就是一個PPT的頁面，標題用的就是綜藝體。
手寫體是一種使用硬筆或者軟筆純手工寫出的文字，手寫體的特點就是自由、個性、有溫度。比較出名的手寫體有靜蕾體、葉根友體等。手寫體運用的不是特別多，比較適用於信件家書等一些特別的個性化需求的設計中。
大家也都知道現在的字體非常豐富，除了以上這些字體，還有許多非常優秀的字體，例如下圖1的漢儀菱心體、漢儀遊園體、慶科黃油體...但是現在很多的海報字體、廣告字體等都不是拿現有的字體直接用的，都是再現有的基礎上加以變形和調整。一是為了達到設計的整體效果，二是字體版權的問題。
例如下圖2和3的標題字體都是在現有字體的基礎上做了一定的調整，使得整個設計更加獨特，更具細節感。
英文字體的分類及運用
舊式體類別中的字體是基於手寫體創建的。可以想像自己手裡有一支V形筆尖的筆。舊式體都有襯線，而且小寫字母的襯線總有一個角度（筆的角度），和主干連接處會有一條線（括孤）。 由於使用的是這樣一支筆，舊式體中的所有曲線筆劃都有一種從粗到細的變化，筆劃中的這種對比相對比較緩和。 如果在曲線筆劃的最細部分畫一條線，這條線將是對角線。這條線稱為強調線，舊式體有一條對角強調線。
因為舊式體沒有特別強烈的對比，不會分散人的注意力，所以經常運用在文字量比較多的正文，方便閱讀。
舊式體反映了人文主義的痕跡。但是隨著歷史的演進，字體的結構已經有所變化，由於生活方式和文化的變化，字體也隨之改變。 現代體有襯線，不過它們的襯線是水平的，而不再傾斜，而且這些襯線很細。現代體就像一座鋼鐵大橋，結構很嚴格，筆劃中有劇烈的粗細過渡，因為不存在筆的傾斜，所以強調線完全是垂直的。
因為現代體看起來醒目、冷酷、高雅、具有視覺衝擊力。所以經常運用在海報的標題字上，就如下圖的兩張海報，對比強烈，吸引眼球。
隨著工業革命的出現，又產生了一個新的概念：廣告。最初，廣告人選用現代字體,並把粗線設置得更粗。 你以前可能見過使用這種字體的海報，從遠處看，所看到的都是一條條垂直線，就像一個柵欄。 要解決這個問題，一個明顯的做法就是把整個字體都加粗。粗襯線體的粗細過渡很小甚至沒有。
粗襯線體經常運用在標題或者兒童書籍中，因為它非常簡潔易讀。
類別詞“sans”在法語中的含義是“沒有”，所以無村線體就是指筆劃末端沒有襯線的字體、去除襯線的思想是字體變革後期才有的發展，直到20世紀早期才得到大範圍內的認可。 無襯線體的粗細幾乎總是單一的，這說明筆劃中幾乎沒有可見的粗細過渡，字體的粗細都一樣。
因為無襯線體簡潔大方、美觀、易讀性強，所以在設計中運用的非常多，我們熟悉的無襯線體就有Arial、Helvetica、BrandGrotesque等。
利用一個書法筆刷、鋼筆或者專業筆等手寫的字體都屬於手寫體。這一類字體還可以很容易地劃分為連筆手寫體、不連筆手寫體、手工書寫的手寫體、模仿傳統書法風格的手寫體等。 不過為了強調我們所要介紹的內容，這裡將把它們作為一類匯集在一起說明。
手寫體非常文藝別緻，經常運用於邀請函和書信中。但手寫體不易多用，用多了就顯得太膩了，而且它的閱讀性也不強。
花體很容易看出來，如果一本書全部使用這種字體，讀這樣一本書讓你很想把它扔掉，那就大致可以認為這屬於一種花體。 花體本身很不錯，它們不僅有趣而且特別，很易於使用，有時更廉價，而且你一時想表達的任何突發奇想都可以使用這種字體。當然，正是因為它們如此特別，所以這種字體的使用要有限制。
花體可以幫你更好的傳遞情緒，增添設計的趣味性，用的好的話，在設計中也是加分不少。
希望通過今天的這篇文章，大家都能對字體有一定的了解，在選擇字體的時候能做到心中有數，而不是毫無頭緒，隨便的選一個字體。其實無論是中文字體還是英文字體，都有它的情感及獨特之處，至於如何運用它，完全取決於你對字體的理解，對設計的理念。
推薦閱讀
（點擊標題可跳轉閱讀）
Airbnb前端工程師告訴你，如何在設計中選擇正確的字體和版式
20條實用字體設計經驗送你！
100部好電影，100組字體設計
關注『網頁設計精選』
看更多精選網頁設計文章
↓↓↓
文章為用戶上傳，僅供非商業瀏覽。發布者：Lomu，轉轉請註明出處： https://www.daogebangong.com/zh-Hant/articles/detail/Classification%20and%20application%20of%20Chinese%20and%20English%20fonts.html
支付宝扫一扫 
评论列表（196条）
测试