設計入門新手字型設計技巧教程

本文由:“學設計上兔課網”原創,圖片素材來自網路,僅供學習分享

設計入門新手字型設計技巧教程,設計師在日常工作中每天都在跟字型打著交道,視覺傳達的根本目的是傳播資訊,文字是承載資訊的關鍵要素。在一幅廣告設計中,既可以沒有圖形,也可以沒有照片,但唯獨不能缺少文字,由此可見,文字在設計中是非常重要的。這些年,字型設計的熱度一直比較高,很多設計師開始追求更加個性化的文字表現形式,透過創新的設計與常見的字型檔字型產生明顯的差異。想要學好字型設計需要大量的相關知識儲備與長期的經驗積累。這當然不是一篇教程就可以解決的問題。但方法永遠比努力更重要,正確的方向一定會比盲目的學習,要少走很多彎路。透過我們研習設團隊的經驗總結與梳理,為大家推薦一些在初期,就能簡單上手的設計技巧,即便你經驗不足,也能夠輕鬆作出非常不錯的效果。

設計入門新手字型設計技巧教程

在開始今天的內容之前,我們首先提出一個問題,我們為什麼要對文字進行設計?

設計入門新手字型設計技巧教程

舉個簡單的例子,像畫面中出現的這種場景,往往需要在非常短的時間內將資訊傳播出去,也只有這樣才能達到廣告的目的。但問題在於,這種純文字資訊沒辦法吸引人們的注意。這種大面積文字,如果不加以梳理和設計就直接扔在這種場景下,就喪失了最起碼的功能性。

設計入門新手字型設計技巧教程

為了在短時間內達到傳播的效果,我們需要對它進行簡化處理。利用倒三角圖示,我們可以將資訊的結構梳理得簡潔明瞭,再透過層級關係的劃分,將重要的資訊放大,不重要的資訊縮小。

設計入門新手字型設計技巧教程

這樣資訊就會更加容易理解。雖然我們透過簡單的方式提升了傳播的效率,但相對文字資訊來說,人們依然願意去觀看那些相對更吸引眼球的影象。

設計入門新手字型設計技巧教程

只有將視線聚焦到畫面上,才能讓人們對資訊產生讀下去的興趣。當然我們可以為版面新增一張足夠吸引目光的照片,但除此之外經過圖形化的文字設計,也能夠達到相同的效果。圖形化的處 會 加吸引眼球,經過設計後的文字在視覺表現上 加突出。

設計入門新手字型設計技巧教程

經過之前的例子,我們對文字在設計中的所扮演的角色,有了一個宏觀的認識,字型設計大致可以分成兩種方向。不同的設計方向自然具有不同的判斷標準。

設計入門新手字型設計技巧教程

對於專門設計成用來閱讀的字型來說,需要考慮在小字號的環境中,能夠具有更高的辨識度。為了達到這個目標,文字的細節自然需要儘量簡約洗練,在造型上也需要統一規範才能更好地實現閱讀上的流暢。

設計入門新手字型設計技巧教程

那對於標題類文字來說,最重要的是吸引人們的視線,所以在文字的設計上,無論是色彩還是造型都會格外凸顯,雖然會犧牲掉一些辨識度,但換來的是更加接近圖形化的屬性。

設計入門新手字型設計技巧教程

當然大部分情況下的字型設計,都要保留儘可能多的辨識度文字的基本結構,經過千百年的改進而約定俗成,一旦結構上變動過大,很可能就徹底喪失可讀性。

設計入門新手字型設計技巧教程

這種具有閱讀功能的標題文字,在結構的變化上必須服從人們的閱讀習慣,只有這樣,才能避免因為過度的變形,而導致文字難以辨別的情況。

設計入門新手字型設計技巧教程

字型設計的應用場景非常廣泛,無論是作為品牌標誌,還是活動展覽的標題設計,我們在哪都能見到跟它對應的字型設計書籍的封面、網頁的標題、遊戲的標誌、報紙的題頭等等,只要是有文字出現的地方,就能看到這類變體美術字的身影。

設計入門新手字型設計技巧教程

設計入門新手字型設計技巧教程

這些以觀賞為主要設計目的字型,是在宋體或黑體的基礎上進行裝飾變化而來的,它們在一定程度上擺脫了原字形和筆畫的束縛,雖然具有自由發揮的一面,但也需要根據文字本身的含義去適當發揮,否則就會出現文不對題的情況。

設計入門新手字型設計技巧教程

想要設計一款成熟的字型,我們就需要對漢字的間架結構,文字的重心,結構的變化、線條之間的視錯覺等相關知識有所瞭解。這對於剛剛接觸美術字的設計師來說,需要長時間的練習與積累オ能達到。到這裡你可能會問,難道就沒有一些簡單的途徑了嗎?

設計入門新手字型設計技巧教程

答案是肯定的,學習從來都是一種循序漸進的過程,就好比上學的時候,我們將複雜的知識拆分出不同的等級,從一年級到六年級逐步增加難度。學習字型設計也是一樣的道理,不要一開始就去嘗試那麼高難度的東西,我們可以從最簡單的操作開始,隨著知識儲備的增加,自然就能做出更加高水平的字型設計了。

設計入門新手字型設計技巧教程

影響一個人外觀的主要因素有兩個,支撐著我們身體結構的是身體內部的骨骼,它決定了一個人的高矮,而決定我們是胖是瘦,是黑是白的是除骨骼之外的皮肉。

設計入門新手字型設計技巧教程

字型也是相同的道理,一個字型可以被拆分成骨骼與體飾兩部分,骨骼顧名思義就是支撐起整個文字的結構部分,它決定了文字的比例與筆劃之間的走勢關係。而體飾便是文字的皮肉,它決定了文字的粗與細,光滑或粗糙等等外觀上的屬性。兩者都是決定一個字型設計面貌的關鍵要素。

設計入門新手字型設計技巧教程

體飾,會隨著書寫工具的變化而改變,比如使用刻刀刮刻出來的文字外形,跟使用毛筆書寫出的外形是完全不同的。

看到畫面中的圖形時,你首先看到的是一排排虛線還是一個玻璃杯子呢?當然是杯子對吧。德國的心理學家們透過對人們的研究得出了一個結論,那就是我們的眼睛在觀察事物時,是以整體性去認知的。也就是說,我們會先看到一個組合的整體,之後才會去看其中的細節部分。這就是著名的《格式塔完形心理》。這也是為什麼盯著一個字看久了,你就會感覺自己不認識這個字的原因。

設計入門新手字型設計技巧教程

人們在閱讀時,是透過整體的印象去辨認文字的,所以即使某些筆畫產生殘缺,並不會影響我們辨認出它們。人們在閱讀時,是透過整體的印象去辨認文字的,所以即使某些筆畫產生殘缺,並不會影響我們辨認出它們。

設計入門新手字型設計技巧教程

人們的視覺是具有恆常性的,比如我們認識菠蘿長什麼樣子。所以並不需要看到完整的菠蘿,哪怕只有其中一部分,我們也能夠清楚的辨認出它。

設計入門新手字型設計技巧教程

對於文字來說,由於結構上的相似,為了保證識別性,就需要避開一些影響辨識的關鍵筆畫,比如漢字中的大和太、萬和方這些字的關鍵性筆畫就是那個點。對於文字來說,由於結構上的相似,為了保證識別性,就需要避開一些影響辨識的關鍵筆畫,比如漢字中的大和太、萬和方這些字的關鍵性筆畫就是那個點。

回顧設計的歷史,包豪斯的第三任校長密斯·凡德羅 曾說過一句名言:少即是多,這也是至今指導著現代設計方向一個原則。如果說,在已有結構上新增元素是一種裝飾風格的話,那麼將文字的結構進行適當精簡,保留最少的結構,就是一種現代主義的設計方法。這其中的難點在於,我們需要分析每個文字的關鍵性特徵。在對結構精簡的同時,也需要保證辨識度上的準確性。既不能讓人認不出來這是什麼字,也不能讓人認錯字。當多組文字並置時,字與字之間的精簡程度也需要統一,還有就是在保證識別性的前提下文字之間筆畫灰度需要儘量保持一致。

設計入門新手字型設計技巧教程

我們先從“文”字開始著手,畫面中左到右展示的是不同的精簡嘗試,精簡幅度過大就會喪失識別性,而精簡程度太小又缺乏設計感,所以我們需要挑選一個比較均衡的精簡方式。就是畫面中標註的這個。

設計入門新手字型設計技巧教程

“字”:字也是一樣的選擇標準,在選擇時不光要考慮辨識度,同時也要兼具文字之間的組合,尋找灰度近似的圖形。

設計入門新手字型設計技巧教程

“裁:字相對特殊,由於這個文字筆畫較多,過度精簡反而會讓人認不出來,所以相對其他文字來說,這個文字的精簡幅度會小一些。

設計入門新手字型設計技巧教程

最後一個“切”字,我們同樣嘗試了五種不同的裁切樣式,經過篩選,最後我們選擇圖中標記的圖形。

設計入門新手字型設計技巧教程

將先前選擇好的圖形進行組合,單個文字或許辨識度並不高,但將其組成常見的詞彙,人們就會從整體去辨認他們,成組後辨識度會進一步提升,人們會透過以往的視覺經驗去自動在腦中補全缺失的部分。

設計入門新手字型設計技巧教程

可以利用描邊的技巧進一步為文字新增一些裝飾,強調文字的邊緣,弱化字面。到這裡這個字型設計就完成了。

設計入門新手字型設計技巧教程

現實生活中,有哪些方法可以改變一個事物的外形呢?拉伸技巧就是簡單有效的方法之一。

設計入門新手字型設計技巧教程

拉伸的技巧在文字設計中同樣適用,文字的邊緣線條除水平垂直外大多數還會有曲線與斜線的結構,如果只是簡單粗暴的拉伸文字整體,就會破壞原本的造型美感,特別是斜線與曲線的部分,會因為拉伸變形顯得極其不自然。所以訣竅在於找到文字結構中適合拉伸的部分,從區域性下手進行拉伸處理。相對於常規比例的文字,經過拉伸或壓扁的文字能夠佔據更大的視覺面積,因此運用拉伸技巧是提升文字醒目度的有效方法。

設計入門新手字型設計技巧教程

文字的外觀改變可以配合字義,比如高字,就可以透過拉長自身來表現字義上,長高的概念。

我們來做有一個小結,拉伸技巧是改變事物面貌最簡單的方法,經過拉伸變形後的形象與常規事物對比,會顯得格外突出,給人帶來嶄新的印象。在文字的骨骼變化中,也可以選擇拉伸技巧來改變文字的比例造型。這其中我們為了保證文字的識別性,在拉伸操作時可以儘量採用區域性性質的拉伸。如果將文字簡單粗暴的拉伸就會破壞筆畫之間的造型美感,所以找到可以被拉伸的部分也是拉伸技巧中的一個關鍵點。同時文字的拉伸還具有增大視覺面積的作用。那麼接下里我們就透過一個案例演示,來加以說明拉伸技巧在文字設計中的應用方法。

設計入門新手字型設計技巧教程

這裡我們將文字豎向編排,並且以一個的寬度為單位,將文字橫向拉伸四個字寬的距離。在拉伸的同時們還需要思考一些問題,那就是既要保證文字的辨識度,也要讓文字看起來具有結構上的變化。

設計入門新手字型設計技巧教程

想要提升文字的辨識度,最好的方法就是儘量保證文字本身的面貌。比如畫面中的“部”字,從中心部分拉伸一定會加大字型辨識的難度,所以在選擇拉伸的部分儘量選擇靠近邊緣的位置會更保險。

設計入門新手字型設計技巧教程

“拉”字也是一樣的道理,我們選擇最右側的方案。

設計入門新手字型設計技巧教程

在“伸”字的三種不同拉伸方式中,明顯最右側的方案更有辨識度。

設計入門新手字型設計技巧教程

那麼每個字的拉伸部位都選擇好後,接下來我們把它們拼湊到一起。就是畫面中我們看到的樣子,每組文字從整體來看都保持了一定的辨識度。

設計入門新手字型設計技巧教程

拉伸的長度當然並不一定要採用相等的距離,還可以對其新增一些漸變式的變化,從最短到最長依次增加距離。這樣以來也就為組合添加了長度上的變化。

設計入門新手字型設計技巧教程

如果只是從短到長的漸進式變化,似乎有些太過單調了。我們可以將最底層的文字寬度縮小,形成短長短的結構,這樣也會為文字的造型帶來一些節奏感。

設計入門新手字型設計技巧教程

在負空間的位置,我們可以繼續新增一些小尺寸的說明文字,填補拉伸內部的負空間,讓文字內部看上去更加飽滿。

設計入門新手字型設計技巧教程

那麼到這裡,我們一共為大家推薦了五種操作簡單,效果突出的字型設計方法,也希望大家能夠從我們提供的思路中,尋找到屬於自己的參考靈感。無論是骨骼的變化,還是筆畫的修改,形式永遠是追隨於功能的。大家千萬不要落入盲目最求形式感的怪圈,如果文字本身的含義與字型設計表現出的印象截然相反,那它很難是一個成功的設計。

TAG: 文字拉伸設計字型辨識