search
尋找貓咪~QQ 地點 桃園市桃園區 Taoyuan , Taoyuan

超詳細的字體設計方法+案例分析

帶你認識最基礎的字體結構

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

一、常用分類

字體設計得先了解字體結構和組合形式,就像房屋裝修一樣,你得先了解房屋結構和框架才好進行拆牆重新裝飾設計。所以首先了解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) 左緊右松

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

粗與細

筆畫粗則渾厚、濃重、有力,如雷霆萬鈞;筆畫細則單薄、輕巧、纖弱,似弱柳扶風,這是一種最直接粗淺的觀感。

粗筆畫字體在排版上會形成高密度的文本塊,這是因為筆畫加粗,字體的負空間就會減小,視覺面積加重,產生一種壓迫感,進而形成視覺重心,產生強調的作用。所以粗體字經常用於標題和標語上,佔據顯眼的位置,產生強調的作用。

如果說粗體是彪形大漢的一聲斷喝,那麼細體則是小家碧玉的吳儂軟語,娓娓道來。細筆畫字體在視覺面積上較淡較輕,縮小了視覺面積后,筆畫負空間增大,結構顯得疏朗清透,較小的視覺分量亦不會讓讀者產生壓迫感。

曲與直

字體筆畫的曲直走向賦予了字體力量和彈性。直線是峭壁、落石、參天古木,或是茫茫平野、千里陣雲,直來直往的線條代表了坦蕩、乾脆、果敢,但也可能意味著死板與偏執。直線賦予字體的是一種陽剛的氣質,那麼曲線就代表了陰柔的一面。曲線是柔絲、浮雲、蒲柳,是九曲迴腸,更多了一分包容與婉轉。

絕大多數字體並非是由單純的直線或者單純的曲線構成,橫豎為直,撇捺為曲,有曲有直才顯得剛柔並濟,有力量,也有彈性。比如北魏楷書起筆處與轉折處皆如削金斷玉,乾脆利落,整個字體也就顯得挺拔剛健、英氣勃勃,在撇與捺處又有優美的曲線,多一分圓潤,也就多一分飄逸靈動。

而超剛黑則是一款典型的純直線型字體。粗壯的筆觸加上凌厲的線條,使字體有著一種不容置疑的堅決態度,去掉了曲線,也就沒有了一絲迴旋的餘地。

任何理論都會有特例的情況,比如說鐵筋隸書雖然絕大多數筆畫都是曲線,卻處處透著力量感。雖纖細如線,卻剛勁如鐵。本質上就是因為它的弧度都是有彈性的,將弧度加入橫畫,非但不減剛勁,反而會有一種反彈的力道。

鬆散與嚴謹

日常生活中的文字書寫顯得輕鬆活潑,有一種隨性不羈之美。而文字書於廟堂、鑄於鐘鼎,或者付梓成書、傳於後世,則是有一種嚴謹端莊的美。其本質的區別則是結構的鬆散與嚴謹之分。

天真活潑是少年心性,兒童的世界沒有太多的規則約束,兒童的字體也顯得稚嫩活潑。所以結構鬆散的手寫體經常運用在兒童題材或者輕鬆詼諧的閱讀環境。

楷書顧名思義有楷模之意,方正俊雅,法度精嚴。它也象徵著傳統儒家文化中為人的標準,品行端方,剛正不阿。所以結構嚴謹的楷書常用於莊重的書體或者碑銘。

簡與繁

這裡所說的簡與繁並不是簡體與繁體,而是筆畫細節的複雜程度。具個最簡單的例子,襯線體相對來說要比非襯線體細節複雜一些,宋體也比黑體複雜一些。正如花紋繁複華麗是古典傢具的典型特徵,簡潔實用的宜家家居是現代生活的典範一樣,字體的繁複與簡單一定程度上也代表著古典與現代走向。

Trajan Pro是一款古羅馬風格的字體,襯線處細節豐富弧度優雅,線條粗細程度不一,最初是刻在古羅馬的石柱上,有著濃厚的歷史沉澱,因此常用作古典題材的電影海報。

Helvetica被視為現代主義在字體設計界的典型代表,是一款經典的無襯線字體,剝除了多餘的細節,以標準的幾何形體做結構。反而是這種沒有任何風格的字體形式成為了一種風格。越簡約,越現代,因此常用於現代企業的logo設計、雜誌排版、導視系統等

工具

不同的書寫工具會賦予字體不同的性格,毛筆賦予字體豐富的質感和多變的線條,或婉若游龍,或勢若雷霆。

毛筆賦予了字體柔美溫潤的特性,刻於碑石上便又融入了刀法的特點,線條便又有了鋒芒。

甲骨文和金文屬於同時代的字體,但是甲骨文需要在卜卦之後迅速刻在龜甲上,有一種率性不拘的美。而金文要鑄造在青銅器,置於廟堂之上,所以結構嚴謹規整,有一種莊嚴神聖的意味。工具載體不同,風味也不一樣。

現代電腦輔助製圖賦予了字體線條的精確性,組成部件的標準化,使字體有了現代時尚的特性。但比之其他工具又少了一些質感和靈動性。

所以字體設計並不局限於電腦屏幕或者紙筆,去嘗試不同的工具就有無盡的可能性。

借代

漢語中經常會有借代的手法,巾幗指代女性,鬚眉指代男性,是一種高度概括的手法。漢字是象形文字,「山水日月風雨雷電」皆是對自然萬物高度的象形概括。現代的字體設計又在基本的字形之上將其他事物的特性融入到字形中,這也是一種常用的字體設計的手法。

剪紙體將民間傳統的剪紙藝術融入了字體中,角度錯落,筆畫之間做了粘連處理。不規則的線條顯得俏皮、輕鬆,又摻雜了一些民族風格。

電影《可可西里》將藏文字體的風格融入了中文字體中,使得字體有了一種異域風情。

借代是將一件事物的性格借到設計中,常常會成為一件作品的點睛之筆,處理得當將會有四兩撥千斤的效果。善用借代也是給字體更多可能。

17種設計字體的創意方法

在我們做海報、廣告設計中,我們該怎樣創造出有魔力的字體緊緊抓住讀者的心呢?這篇文章提供的17種創意的字體設計方法也許可以提供給你不一樣的靈感與技巧,希望你能在其中找到自己喜歡的 :)

復古、時尚、創意字體下載及欣賞字體教程及資源集合

1、替換法

替換法是在統一形態的文字元素加入另類不同的圖形元素或文字元素。其本質是根據文字的內容意思,用某一形象替代字體的某個部分或某一筆畫,這些形象或寫實或誇張。將文字的局部替換,是文字的內涵外露,在形象和感官上都增加了一定的藝術感染力。

2、共用法

「筆畫公用」是文字圖形化創意設計中廣泛運用的形式。文字是一種視覺圖形,它的線條有著強烈的構成性,可以從單純的構成角度來看到筆畫之間的異同,尋找筆畫之間的內在聯繫,找到他們可以共同利用的條件,把它提取出來合併為一。

3、疊加法

疊加法是將文字的筆畫互相重疊或將字與字、字與圖形相互重疊的表現手法。疊加能使圖形產生三度空間感,通過疊加處理的實行和虛形,增加了設計的內涵和意念,以圖形的巧妙組合與表現,使單調的形象豐富起來。

4、分解重構法分解重構發是將熟悉的文字或圖形打散后,通過不同的角度審視並重新組合處理,主要目的是破壞其基本規律並尋求新的設計生命。

總之,平面圖形設計的目的是人與人的交流,作為設計者,學習運用符號學工具,會使設計更加有效。在平面設計如此繁雜的今天,把文字圖形化運用到設計中,才能使作品具有強烈的視覺衝擊力,更便於公眾對設計者的作品主題的認識、理解與記憶。

5、俏皮設計法把橫中間拉成圓弧,角也用圓處理,這個方法還有重要一點就是色彩,字體處理上加上色彩的搭配才能作出好的俏皮可愛字體。

6、尖角法

把字的角變成直尖、彎尖、斜卷尖;可以是豎的角可以是橫的角,這樣文字看起來會比較硬朗。

7、斷肢法

把一些封合包圍的字,適當的斷開一口出來 ,或把左邊斷一截,或右邊去一截。注意:要在能識別的情況下適當斷肢。

8、減細法

所有字體橫和豎變細。

9、錯落擺放法

把左右改為左上左下,上下排,或斜排就是一邊高一邊低,讓文字錯落有致排列。

10、方方正正法

把所有字的彎全改成橫平豎直,四四方方的。

11、卷葉法

把所有字的最左或最右橫或豎或點全捲起來,像浪花一樣,此法,一般是找到一個點或線後轉曲,用最下面或最左邊或最右邊的兩個點向一邊拉,以加節點的方法拉成一個圈,然後把他轉成倒圓角后,留著最後面的兩點,慢慢刪除中間的節點。

12、橫細豎粗法

選定個字體后,把橫比劃減細豎比劃加粗。類似傳統宋體字,橫細豎粗撇如刀。

13、上下拉長法

把字變細,然後上下拉長,類似條形碼的感覺。

14、結構轉變法

可以說是代替法的一種,把豎或橫線或折換成其他比劃。

15、照葫蘆畫瓢法

先畫一個幾何圖形,方形或矩形或星形,然後把字放進去,照幾何圖形路線製作字體。

16、畫龍點睛法(或一點拉長法)

算是拉長法的一種,找到標誌中的一個點或線作為重點把他拉長,使得處理好的字體,再加一筆更是畫龍點睛之作。

17、洋為中用

大家都知道,我們使用的漢字成千上萬,個個不同,而西方使用的拉丁字母,大寫加小寫再加數字標點符號亂七八糟加起來也就一百來個,在數量上和我們漢字差距很大。這就造成了被設計出來的英文字款比中文要多得多。

面對字型檔裡面多如牛毛的英文字體,大家是否曾經對他們視而不見或匆匆帶過,其實那裡面蘊藏著西方設計師的無限創意,而作為漢字的設計者,我們可以好好利用這些創意,其實方法很簡單。第一步:到字型檔里找幾個特別點的英文字體

第二步:找出這些字體的筆觸和特徵

第三步:把這些特徵運用到中文字體設計中去吧

依此類推,可以做出更多的字體設計。

案例分析

什麼是代表性的字體?

如:時間你就會聯想到鐘錶 ,對話你就會聯想到電話 ,愛情你會想到心 想到這些有代表性的字時,謹記不能把鐘錶等圖形直接放在字體里,這樣就沒有設計的意義了,要巧妙的把圖形和字體本身去結合。

字形風格

經過藝術化設計以後,可使文字形象變得情境化、視覺化,強化了語言效果,成為更具有某種特質和傾向性的視覺符號。字體設計最基本的準則,在追求字體變化的同時要便於識別。

字形變化中特點: (硬)—– 力道、堅實、衝擊、厚重、硬朗、猛烈 …… 這類字體氣勢突出,視覺衝擊力明顯,個性張揚有力,節奏分明,可以用於變現強烈的信心和勇氣,表現凝聚力和號召力,給人視覺上的震撼。 這類字形因其字形富有張力,所以在表現刺激,冒險的情景時比較常用,如體育活動、極限運動的主題同時戰爭類、災難類電影海報中,這類字形也比較常見。

字體創意設計雖然比較自由,但應保持字與字之間的統一性。一組字體設計中,應保持一種統一的變化規則,不然會造成雜亂感。

字形變化中特點: (軟)—– 柔美、纖細、優雅、親近、溫和、飄逸 …… 這類字體適合表現細膩情感,如情感類設計主題、女性設計主題、公益類設計主題等等,通過柔美的曲線壁畫,可以讓自已得到更大程度的展現,通過視覺感覺,形成人與字的情感共鳴,以達到最佳效果。

字形變化中特點: (舊)—– 嚴肅、端正、正式、中性、規t矩、傳統、古樸、懷舊…… 這類字形在品牌類字體中比較常見,給人以飽滿充實的信賴感和說服力,保持規則的字體外形,在字體內部進行適度的筆畫修整,在嚴謹中求突破,在規矩中求創新。

圖例

字體變形的幾種方法與技巧

代替、共用、疊加、尖角、斷指、錯落連接、方正、橫細豎粗、字體連接、隨意手寫、曲線、圖型、拉伸

替代法

替換法是在統一形態的文字元素加入另類不同的圖形元素或文字元素。 其本質是根據文字的內容意思,用某一形象替代字體的某個部分或某一筆畫,這些形象或寫實或誇張。將文字的局部替換,是文字的內涵外露,在形象和感官上都增加了一定的藝術感染力。

尖角法

把字的角變成直尖,彎尖,斜尖,卷尖; 可以是豎的角可以是橫的角,這樣文字看起來會比較硬朗

斷指法

把一些封合包圍的字,適當的斷開一口出來 , 或把左邊斷一截,或右邊去一截, 重點:要在能識別的情況下適當斷肢,從而反射他的與眾不同的特點來。

錯落擺放法

把左右改為左上左下,上下排,或斜排就是一邊高一邊低,讓文字錯落有致排列

方方正正法

把所有字的彎全改成橫平豎直,四四方方的。 本身的特點是簡潔鮮明的,便於設計,對熟悉字體結構有很好的幫助。

橫細豎粗法

可以說是代替法的一種,把豎或橫線或折換成其他相反交替而成。 筆畫簡化,在字體中加入個人情感和生活,可以準確的創意方向,設計出合適自己的字體。

隨意手寫

原筆跡的手寫體總給人也親切的感覺,《那些年》追憶的正是校園時期的青蔥歲月,手寫字每一筆都不可複製,每一劃都觸景生情。

字體變形中應該規避的問題

可閱讀性、識別能力、肩胛結構、應用環境

在字體設計中,很多設計項目都需要嚴謹仔細,設計師必須去認真的推敲嘗試每一個筆畫的變化方式,去選擇最合適的表現方法,只有如此才能使得每一個筆畫都契合這個字體,符合整組字的空間規則。

圖形繪製軟體,可以幫我們完成各種圓角、對稱、傾斜、等距分佈、交差減去等任務。還有就是可以把字體輪廓化描邊,快速運用基礎字體來變形。儘可能地保證文字的可閱讀性,終歸是商業設計,要考慮到大部人的文化背景和圖形識別能力。

完成字體變形,可以分幾步來進入細節的修飾。這個時候可以參考下類似的優秀字體的間架結構,調節好每個字的筆劃分佈和重心均衡。

在選定字體的風格趨勢后,給字體做相應的視覺梳理。例如:字與字的間距,筆劃之間的間距、整體字形的傾斜角度特殊地方做圓角處理等等。

讓整個字體有一個貫穿始終的規則在裡頭。

掌握字體的肩胛結構,避免大小不一、分佈不均、筆畫不均等問題。統一應用筆劃、傾斜等規則。鑒於字體形態的趣味性,加入了圖形元素來豐富字體本身。同時兼具不同尺寸下的顯示效果,做筆劃的刪減和間距調整。

設計過程中應該規避儘可能地保證文字的可閱讀性。商業設計,要考慮到大部人的文化背景和圖形識別能力。還有文字變型的過程中應用的環境。

精緻的字體使用實例

現在開始跟上字體去私奔,體驗一路奇幻的字體設計之旅。

Playful

Wow,這個網站確實很幽默!這個網站的調調不是僅僅根據字體的特徵而設計的,而是通過它們的排版方式。它打破了我們的常規交流的順序。通常你會在印刷海報中看到軸對稱的排版,那通常給人印象深刻。在這個網站上,字體的選擇並不是非常的有個性的裝飾性或者是很好玩的裝飾性字體,它就是用的非常簡單的無襯線字體。非常棒的背景圖案觸覺體驗,它引導閱讀的方向,以及用戶閱讀網站的文字時頭部從一邊到另一邊的運動。

溫馨提醒:

您可以微信關注「騰訊課堂」(微信號:tencent-class)開始學習



熱門推薦

本文由 yidianzixun 提供 原文連結

寵物協尋 相信 終究能找到回家的路
寫了7763篇文章,獲得2次喜歡
留言回覆
回覆
精彩推薦