01.17 這是我見過講述最完整的字體設計知識!

近些年,字體設計越來越火熱,很多小夥伴急於求成跳過了漢字基礎知識的學習,直接上手做起了字體設計,很多基礎性的錯誤越來越常見。這也是我寫這篇文章的初衷,希望對初學者有所幫助。

  • 漢字的發展簡史
  • 字體基本筆劃
  • 字體基本常識
  • 永字八法
  • 字體間架結構
  • 字形的錯視
  • 字形的大小調整
  • 筆劃粗細的調整
  • 重心的調整
  • 第二中心線
  • 通用字形
  • 從臨摹到創造
  • 通用字形學習方法
  • 宋體字與黑體字學習方法
  • 字庫字體細節賞析
  • 漢字的發展簡史
  • 通過圖文的形式直觀的瞭解下漢字的發展史。
這是我見過講述最完整的字體設計知識!

字體基本筆劃

宋體字作為示範例子:

這是我見過講述最完整的字體設計知識!

字體基本常識

以「井」字為例,如下圖:

這是我見過講述最完整的字體設計知識!

永字八法

所謂「永字八法」,傳說是僧智永將王羲之蘭亭序裡的第一個字「永」的情態分為側、啄、磔(zhé)、努、勒、策、掠、趯(yuè)最基本的筆劃動作,作為學習書法的實例。因此永字八法可以作為初學書法結構的標準,尤其在漢字的字體設計中,可用來研究各種文字的構成,從而製作出美好的字態。

這是我見過講述最完整的字體設計知識!

字體間架結構

漢字的種類眾多,筆劃有多也有少,空間的排布就尤為重要。

字體的間架結構可分為兩類:

1. 獨體字

這是我見過講述最完整的字體設計知識!

2. 合體字

這是我見過講述最完整的字體設計知識!

字形的錯視

視覺心理是很奇妙的,因而為我們所運用,然而,文字中筆劃的粗細、長短、方向、位置等會產生不和諧不平衡的現象,因此要做一些細微的調整。

1. 線粗細的錯視

左側為橫豎兩個筆劃,他們是等寬的兩筆,仔細觀察可以發現在視覺上橫畫要比豎畫寬一些。所以,為了達到視覺上的等寬,工字的豎畫要加寬一些。

這是我見過講述最完整的字體設計知識!

2. 正方形的錯視

通常做一個正方形的字,會將字面框定位正方形,但是做出來的字在視覺上卻是長方形的。所以,想要做成正方形的字,字面框要將正方形壓扁一點。

這是我見過講述最完整的字體設計知識!

3. 垂直分割線的錯視

兩條粗細、長短相同的線段,垂直平分為T字形,其中被分割的線段,在視覺上要顯得短一些。所以,要將豎線縮短一些。(例如:上、下字形)

這是我見過講述最完整的字體設計知識!

4. 水平線被二等分的錯視

一條線段被二等分後,在視覺上左側要比右側長一些。所以,為了達到視覺上的等分,分割點要左移一些。(例如:十、大字形)垂直線的二等分也是同樣的道理。

這是我見過講述最完整的字體設計知識!

5. 橫豎線的錯視

下列兩組線條,一橫一豎,所形成的正方形是一樣大小的,但是,在視覺上橫線一組顯得瘦高,豎線一組則顯得扁矮。這也是為什麼「王」「川」會這樣調整的原因。

這是我見過講述最完整的字體設計知識!

字形的大小調整

漢字的字形眾多,但有些字形在視覺上會產生大小的變化,因此,要對症下藥。

下圖為未作調整的字形簡圖:

這是我見過講述最完整的字體設計知識!

調整後的字形簡圖:

這是我見過講述最完整的字體設計知識!

實例如下:

這是我見過講述最完整的字體設計知識!

筆劃粗細的調整

我們設計字體時都要在相同的字格中進行,無論筆劃的多少都要寫在格中,為了達到黑白空間的平衡。那麼,就有了筆劃粗細問題和布白的問題。字形粗細處理原則:

1. 橫細豎粗

上文視錯中詳細介紹了原因,在視覺習慣上要求橫細豎粗。

2. 主粗副細

多筆劃的字切記平均等粗,應主次分明,主筆粗,副筆細。

這是我見過講述最完整的字體設計知識!

3. 外粗內細

內包的字一般都是以外粗內細的方法來處理,圍筆劃的粗細,要保持在基礎筆劃的黑度。與三結合多筆劃的字中間要減細。

這是我見過講述最完整的字體設計知識!

4. 疏粗密細

對疏密不均勻的組合結構字,需疏粗密細的做加減法,要密不擁擠,疏不薄感。

這是我見過講述最完整的字體設計知識!

這是我見過講述最完整的字體設計知識!

5. 交叉減細

凡橫豎撇捺交叉的字,交叉點會顯得特別黑,需做減細的處理。

這是我見過講述最完整的字體設計知識!

重心的調整

提到重心就要引出與其相對應的名詞,叫做中心。中心指的是字幅框幾何中心的交點,它是實際存在的點,我們在設計字的時候通常以中心來調整字重心的位置,而不是將二者混為一談。

這是我見過講述最完整的字體設計知識!

通常重心要比中心略高些,在設計字體時,不同的重心又會賦予字形不同的性格。重心高的字有輕、瘦、雅的感覺,重心低的字有穩、厚、拙的印象。

本文來源網絡,版權歸原作者所有,僅供學習參考!

更多原創PS,字體,logo設計教程,評論本文後,私信回覆教程領取!


分享到:


相關文章: