字體設計基礎教程

字體設計基礎教程

　　在來(lái)騰訊的一年里，接觸過(guò)許多項目里的字體設計，也因此在設計過(guò)程中形成了自己的一套字體設計方法。借此機會(huì )與大家分享設計心得，不足處歡迎頂帖回復。廢話(huà)少說(shuō)，直奔主題。

　　如何實(shí)現字體變形

　　如何實(shí)現字體變形?我想是剛接觸字體設計的設計師們最關(guān)注的問(wèn)題。在這里我只想分享一個(gè)觀(guān)點(diǎn)，每個(gè)人的創(chuàng )意和實(shí)現方式各有不同。我在這兒介紹的，是我自己在設計過(guò)程中總結的一套方法，供參考。

　　回到剛剛的問(wèn)題，我用三個(gè)步驟來(lái)回答。

　　用什么方法實(shí)現

　　實(shí)現的過(guò)程是怎么樣

　　設計過(guò)程應該規避什么

　　1) 在開(kāi)始設計字體前

　　個(gè)人習慣是會(huì )在草稿紙上涂畫(huà)，把自己對字體的結構和布局先快速地定型。從羅列出來(lái)的幾個(gè)方案里尋找較為合適的方案，然后拍照放在 illustrator  里進(jìn)行最初的筆畫(huà)組織。illustrator是個(gè)效率很高的圖形繪制軟件，可以輕松地幫你完成各種圓角、對稱(chēng)、傾斜、等距分布、交差減去等任務(wù)。還有一招是可以把字體輪廓化描邊，快速運用基礎字體來(lái)變形。

　　2) 完成字體雛形后，可以分幾步來(lái)進(jìn)入細節的修飾。

　　這個(gè)時(shí)候可以參考下類(lèi)似的優(yōu)秀字體的間架結構，調節好每個(gè)字的筆劃分布和重心均衡。

　　在選定字體的風(fēng)格趨勢后，給字體做相應的視覺(jué)梳理。例如字與字的間距，筆劃之間的間距、整體字形的傾斜角度、特殊地方做圓角處理等等。讓整個(gè)字體有一個(gè)貫穿始終的視覺(jué)規則在里頭。

　　例子1：豎筆畫(huà)的左端都做了圓角處理，那么后邊的e也在相同規則下，分別做了筆畫(huà)末端的圓角處理。

　　例子2：運用illustrator里的智能輔助線(xiàn)，拉取垂直、水平和45°角的輔助線(xiàn)來(lái)對齊筆畫(huà)和調整間距。運用圓形相交減去來(lái)實(shí)現筆劃轉角出的圓角處理。

　　用不同尺寸做對比，充分考慮字體在不同尺寸下的細節能否顯示到位。這一部分建議做3-5個(gè)實(shí)際應用的尺寸做為參考。

　　將字體放到實(shí)際的應用環(huán)境下，做細節和色彩搭配的調整。建議考慮頁(yè)面的風(fēng)格來(lái)決定質(zhì)感、色彩種類(lèi)。必要時(shí)可做底色襯托。

　　3) 設計過(guò)程中應該規避什么

　　盡可能地保證文字的可閱讀性。終歸是商業(yè)設計，要考慮到大部分人的文化背景、和圖形識別能力。

　　掌控字體的肩架結構，避免大小不一、分布不均、筆劃不均等問(wèn)題。例子中左下角的例子，雖然用星星的形狀去遷就“牌”和“在”，但卻反而讓字體在中心區域顯得過(guò)于密集而不透氣。再看右邊的例子，將星的形狀中空，并接連到“在”的橫劃，讓字體的筆劃更加緊湊透氣。

　　應考慮到具體應用環(huán)境和實(shí)際的使用尺寸。

　　下來(lái)介紹的是這一年里積累的字體設計作品。上面這張是2011年冬天里的ISUX主題拓展活動(dòng)的主題字設計。當時(shí)對這8個(gè)字的口號感到一整頭皮發(fā)麻。因為它因為著(zhù)這過(guò)程是相當復雜。后來(lái)在勾劃字體雛形時(shí)，不停地擺布筆畫(huà)，發(fā)現把字體的間距拉近之后，更能體現融合的意義。于是就做筆劃的刪減和融合。適當地拉通臨近文字的筆畫(huà)，反倒讓字面看起來(lái)流動(dòng)了。過(guò)程中看到ISUX的“小菊花”logo，就在想能不能也把色彩也融合到里邊。試了幾稿后發(fā)現，復雜的字面里，可以把ISUX四個(gè)字母嵌入到里邊。于是最終稿就成了一堆筆劃里嵌了字母ISUX。

　　分享這個(gè)案例是想介紹一種很快捷有效的方法。在現有的字體上，結合主題元素進(jìn)行筆畫(huà)變形，在一定程度上也可以滿(mǎn)足設計需求，還能節省時(shí)間成本。

　　當時(shí)是直接用的方正正黑粗體，因為本期的活動(dòng)是華誼兄弟冠名的，即加入電影元素——膠片，把筆劃做貫穿變形，使得字面上有接連。其次是把華誼兄弟logo里的紅色應用進(jìn)來(lái)，延續華誼的品牌色彩;最后是放到頁(yè)面中做光感處理，提升字體的視覺(jué)效果。

　　這一部分的字體設計是針對頻道內的冠名logo設計的。統一應用粗筆劃、傾斜等規則。鑒于字體形態(tài)的趣味性，加入了圖形元素來(lái)豐富字體本身。同時(shí)兼具不同尺寸下的顯示效果，做筆畫(huà)的刪減、和間距調整。

　　這一部分的設計是奧運前的頻道欄目logo設計。為了讓最終設計稿具有運動(dòng)特性，因此筆畫(huà)都用傾斜和簡(jiǎn)練的處理。另外是通過(guò)錯開(kāi)字的水平排版，然整個(gè)字面更加活潑。最后是借用黃色和藍色來(lái)凸顯年輕活力的感覺(jué)。

【字體設計基礎教程】相關(guān)文章：

字體的設計02-06

廣告字體設計技巧07-02

LOGO字體設計實(shí)例07-14

字體的設計(15篇)02-07

字體的設計(精選15篇)02-07

字體的設計15篇02-06

平面設計字體手繪設計07-02

平面設計中的字體設計07-03

VI-標準字體設計07-14

超實(shí)用的字體設計教程07-14