2017-7-28 用心設計
如果您想訂閱本博客內容，每天自動發到您的郵箱中， 請點這里
明明想法思路都對了，為什么最后呈現出的效果卻...略顯遺憾呢？字習時間的活動到七十多期了，其中發現很多作品想法思路是正確的，有些還很有意思，但整體視覺效果確一般，那為什么所想和所做會有如此差距？
所以有了本期要和大家聊的主題：字體設計的細節和形式感。本篇將會通過一些實例帶大家認識字體細節和形式感，所用大部分實例選自我課堂中的現場修改，時間短暫難免有瑕疵，望理解。
本期分享目錄：
一、字體設計的細節
01.結構細節
02.筆畫細節
二、字體設計的形式感
01.變形
02.圖形化
03.組合多樣化
一、字體設計的細節
首先我們百科一下細節是什么：‘細節是一種能影響全局的細微的易被忽略的物件或行為’。看到沒，一句話就解釋了為什么做字的時候想法很炫酷，現實很殘酷！很多時候細節處理決定了一個字的性格和質感，而這些卻被你無情略過了...所以莫再粗暴對待你的字體了，用心呵護很有必要！
下面我把細節具體到結構細節和筆畫細節兩個部分，分別說一下那些最容易被你忽視的細節。
知道了細節的重要性很多同學迫不及待的在摳細節了，這又是一個極端。先明白整體和細節間的關系很有必要，只注重局部細節忽略整體協調性，這樣肯定也不好！
上圖的一句話可以讓你理清整體和細節之間的關系。我會被經常問到字體的筆畫粗細多少才合適？或是轉角曲度設置大寫好還是要小一點？等等類似的問題，其實造字本沒有固定的數值，而需要協調各種關系，懂得取舍，或許字體設計奇妙的地方就在于此。
字體就是特殊的圖形，只不過是有的圖形線條比較多有的則很少，如何規劃這些線條讓其出現在合適的位置上，這是我們要做的工作。有的同學刻意去制造一些夸張的變化，忽略基本的結構美感，就以為是NB的字體設計，我覺得是一個很大的認識誤區。
就好像我們寫鋼筆字，同樣是洋洋灑灑，有人寫的像是一堆雜草野蠻生長，有人寫的是行云流水看著就美。同樣都是手寫差距在哪？答案是：結構。
01.過密過疏，不均勻
話是很好理解，可就有很多同學反復犯同樣的錯誤。疏密指的是筆畫分布的位置造成結構空間的多少，過疏易造成結構零散不緊實，過密就會讓字體看起來水泄不通不透氣，所以要控制筆畫間的位置，做好字體的空間分配。
要注意的是均勻≠平均。
不難看出部分筆畫就快要重疊了，中間一線之隔，并不是說這組字筆畫過多不得已而為之。比如‘果’字中間部分筆畫間距過小，空間被壓縮成了一條線，下面很顯然還有充裕的空間可以支配；中間筆畫過長，造成了外部空間的擴大。
針對這一問題調整部分筆畫位置，使得結構空間區域均勻合理；另外把轉角由之前的直角變為圓角，親和力更足，‘語’字最后做了一個負空間的小圖形整體看起來會多一些趣味。
一組字當中一定要保持筆畫的粗細一致嗎？上圖左邊最中間的筆畫適當調細，目的是讓內部封閉的負空間不至于太緊張；而右邊三個豎筆粗細保持一致，放大看差距貌似不明顯，看下面縮小后的效果是不是就一目了然了！所以在空間局促的情況下，可以適當的改變筆畫的粗細，從而得到一個相對舒適的字形結構。
02.變化過激，不協調
前面我們反復提到了，結構不是你想改任性就能改。特別是一些剛剛接觸字體設計的同學，不要一開始就大刀闊斧的對結構任性變化，只有做得多了對結構的認知和把控力足夠再去嘗試特殊的變化也不遲。
這組字是學員上課前的作品，每當看到這種字我就不太淡定了，實在找不出一個理由解釋為毛要這樣做！勉強找到一個鼓勵學員的理由就是：你膽夠大！
千萬要注意，造字如蓋樓，總歸是有穩固的地基和結實的承重墻作為支撐。結構不是說不可以變化，總有一個度，就像房子裝修可以打洞拆墻，但也得在安全的前提之下吧。
一個小方法。如果對于字體結構實在沒有辦法，可以直接“套用”字庫字體的結構特征。圖中是你電腦中也有的微軟雅黑字體，以此為基礎（可適當調整高矮胖瘦）可以直接依照微軟雅黑的字形搭建基本結構框架，這樣可以保證大的結構問題不會出現。
在大框架基礎上做一些筆畫外擴，增加字體張力；部分筆畫做一些調整幾個字簡簡單單就完成了。所以說不要總想著結構中做什么復雜的、轟轟烈烈的改變才算的上是設計過了，細微的變化也可以帶來突出的效果。
03.字面字重，不統一
如果你做一組字盯著看時間長了極易忽略這個問題。幾個字擺在那里就是一個整體，如果其中有的字比較大比較重，那這個字就會跳脫出來，破壞整體性。當然除非刻意為之，比如一些不重要的字，比如一組標題中帶‘的’字，不想突出就可以縮小加以弱化。
什么左右結構、左中右、上中下...等等這些結構差異造成了字體有各種造型。所以很多情況下我們不能僅僅靠理論上的數值設定一組字的高矮胖瘦，而是要根據實際字體的結構特征，適當做大小上的變化。
在這組字中，“蘭”字橫筆居多視覺觀感上是比較顯寬，所以上組字適當減小“蘭”字寬度，使其能夠和其他字在一起愉快玩耍，不然看下面的字保持寬度理論一致，結構就是“蘭”字偏寬，破壞了整體性。
去掉參考線再看，“蘭”字是不是更顯得霸道不合群。
這是結構中幾個細節要和大家分享的，還有一些待日后再補充，下面我們進入第二個小部分筆畫細節。
把筆畫細節比喻成一個人的穿著妝容再合適不過，關乎一個人的品質品味。筆畫的變化可以直接影響一個字性格，下圖一個小例子。
左邊是普通的字庫字體，右邊是字庫字體基礎上變形所得。最大的變化就在于細化的細節處理，原字庫字筆畫細節偏潤滑，整體是比較偏傳統；調整變化后，潤滑的細節變得更簡練直白，整個字也多了一分清新灑脫，這就是筆畫的影響力。
想搞懂筆畫和字體性格的微妙關系可以翻看我之前的文章《字體性格知多少》，下面咱還是只講那些容易被你忽視的問題。
01.細節缺失
雖說現在設計界崇尚什么極簡，娛樂圈宣揚什么素顏美女...那也不代表越少越好，素顏朝天那也得有資本不是，所以適當修飾很有必要。更重要的是筆畫細節處理得當會讓整個字個性突出，就像白水中加入甜的酸的、果味咖啡之類，不至于寡淡無味。
這組字只說筆畫，等線的筆畫從一而終，給人我的感覺不禁讓我我懷疑學生在做這組字的時候中途離開，根本沒做完！筆畫完全沒有細節修飾，讓觀著只是一掃而過，相互間完全沒有一絲絲的情感流露。
同樣的結構布局，只做筆畫收筆的處理，你會發現大有不同。當然，這里選取部分筆畫做調整，豎筆和部分橫筆是沒有做變化的，要掌握好度。
最后呈現的效果是多了一些“內容”，和字體本身的字義更加符合，有一些傳統韻味，總之這樣最起碼能夠吸引你多瞅兩眼。
02.細節不統一
字體就是很難伺候，沒細節說少細節，有細節說不統一，感覺心好累...就是這樣，不然識字的都會做字體設計了。你肯定聽過類似這樣的前輩訓導：‘一個頁面當中不要出現三種以上的字體’，不無道理但這個也不是絕對，只能說越少越好控制。而字體設計中細節的處理要注意保持統一性，如果過多變化可能會顯得熱鬧，更有可能是雜亂。
左邊這組字橫筆筆畫起筆收筆都是直角，豎筆就換成了圓角，一方一圓差異可不??；轉角同樣直角和圓角并存，所以整個字看起來是不夠明確，對于字義的表達還不夠徹底。既然是喜劇那就要歡快一些親和力更足一點，所以右邊調整的筆畫全部是以圓為基礎進行變化。
最大的變化當然是整體性得到加強，之前是先看到細節在看到整體，現在調整后是先整體再細節。
03.筆畫欠打磨
就像匠人一樣，每個細節都要耐心打磨，字體設計中每個單個筆畫的造型都要認真調節，特別是一些曲線筆畫以及一些復雜的筆畫。
本組字一些筆畫的位置和變化是正確的，欠缺的就是筆畫細節處理不夠講究，像是“柔”字那長長的一筆，怎么看都略顯突然，本身字義和筆畫都是比較偏女性化，應該是更輕柔的。
調整的部分主要是筆畫的一些曲線更加柔和，過度更加自然；之前“柔”字長長的一筆斷為兩筆，并代替部分筆畫形成一個心形，這樣字體不僅柔和飄逸也更具識別性。
二、字體的形式感
形式感這個詞看起來是比較高級，嚇得我趕緊百度了一些官方說法，免得說跑偏。且看下面圖片文字。
轉換成更簡單的話就是：‘好的字體設計走心’。字體設計不僅僅是表達字義這么簡單，還肩負著情感的傳遞和表達，那么處理好最基本的結構字形只是解決了最基本的認知問題，情感的傳遞是需要形式感的幫助。
那么怎么才能讓字體更具形式感呢？我簡單總結了三個小方向，看看你的字體中是否具備這些特征呢？
01.字體變形
這是最直截了當的方式。就像汽車很常見，不覺得新鮮，但如果是會變形的汽車你就會覺得很酷，為什么？因為他與眾不同，它不僅僅是個汽車。所以設計字體可以適當做變形，讓他變得不一樣，變得不僅僅是一行文字。
通常可以先從筆畫變形入手。比如上圖夏至兩個字，如果是橫平豎直的筆畫那就會變得很普通，但把它換成英文中的哥特筆畫特征就顯得特別一些。
筆畫的變形是一方面，在一個就是結構變形。前面講結構細節也提到了其實不好掌控，所以前期的話可以簡單做小范圍局部的變化，不管如何要記住不能硬來，像是一些筆畫變形后識別性都存在問題了，那這樣的變形也就毫無意義。
02.圖形化
可以把字體當做圖形來處理，可以直接把筆畫處理成圖形，可以字體中圖形替代筆畫等等，但有幾個注意點要和大家特別交代，下面通過我課堂中學生的三個作業分別說一下。
A.圖形的概括性
選用圖形不管是直接當做筆畫還是配合在字體周圍，要做到圖形的概括性，避免過于繁雜寫實。
B.圖形的融合性
如果是字體和圖形結合，要注意圖形和筆畫之間的風格要相匹配，除了風格匹配圖形也要具有關聯性，要和字體本意有直接或間接的關聯。
C.圖形的代表性
圖形的選用并不是隨隨便便的，要具有一定的代表性，就好似說起大海就會想到游魚，看到天空就會想到飛鳥。只有這樣才不至于給觀者出謎題，增加認知成本。
03.組合多樣化
有時我們也可以通過改變組合方式添加輔助標題的形式，讓作品看起來更有層次。特別是對于一些字體本身特點不夠鮮明，個性不夠突出時，尤為適用。
下面列舉幾個案例，橫排、豎排、混排就不一一具體介紹了，直接看圖。
寫著寫著發現關于形式感的話題還有不少可以深挖的，有時間可以單獨摘出來再和大家細聊。
藍藍設計( www.ocunn.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務