新聞資訊

快乐时时彩走势图 www.ellqpo.com.cn

一篇文章讓你讀懂字體設計!

發布時間:2019-04-27 查看人數:746

返回新聞列表

題目是“涉及字體”,一開始我比較糾結這個題目,就是在“設計字體”和“涉及字體”上面做了一個取舍,后來定了這個“涉及字體”,就是想給大家表達一下。
字體可能不單純是一個設計上的范疇,因為它是我們人與人之間傳遞信息,相當于是一個視覺語言,我們可以通過字體獲取很多的信息,然后也隨著我們人類文明的一個演進,還有各種算是技術方面,包括文字方面處理手段的變化,其實字體這個種類也在我們大眾的傳播當中,與我們的生活有更緊密的關聯,所以今天分享一下有關字體方面的一些內容。 

這是我們比較早期的字體設計,其實不管是書寫者,用毛筆去書寫它書寫者,還有對于字體的設計者來講,其實字體的一些變化和創新也是一直在進行,從來沒有停止過。那么在早期的字體設計,我們大致可以分為兩類,第一類就是活字類的字體設計,那么這種字體主要是一個傳達信息的載體,它會出現在報紙里面,會出現在書籍當中,是隨著我們的出版物帶到大家的眼前,這種活字類的字體在設計的時候,我們經常是一種鉛字或者刻字,通常以單個的形式出現的,它與其他的字體這種相連的關系可能在一開始設計的時候沒有固定的位置,或者參考。所以在設計這樣活字的時候,就有一個要求,就是只能說我們在設計的時候,盡量的讓它和其他的字在放到一起的時候,都能是一個相融的狀態,把所有的漢字看成為一個整體來設計,活字的字體設計也比較注重字體的識別性還有可讀性。

下一個大類就是美術字體設計,那么美術字體設計其實和活字有非常大的不同,因為這個字體左右出現的漢字基本是固定的,就是美術基本上是一個以logo的形式出現,這些字體會經常出現在行業類的美術設計,比如說一個產品的包裝,書籍的封面,還有海報當中,它是隨著商品傳播到我們眼前。這張圖也是工藝美術的一個大師張光宇先生設計的一些字體,通過這些字體其實我們可以看到在那個時期的美術字的設計,是有很多手法的,比如說它可以利用圖形運用幾何的圖形,運用筆劃的很柔美的連接關系,來處理字體。

這張圖片是我在漢儀的一本書里面找到的,它是90年代出版的關于美術字體設計的一本書,其實在90年代甚至更早80年代的時候,我們的字體設計的種類已經相當的豐富了,我們有黑體的,有宋體,包括還有花體,還有一些手寫字體,在那個時候不僅字體的種類豐富,那個時候時的設計師對于字體處理也有了一定的方法,比如說現在美術字這幾個字,因為它是屬于不同結構的漢字,也是我們在處理的時候可能依據這個字的結構和字框的關系,適當的把一些我們稱作為虛筆劃,這種叫實筆劃,就是虛筆劃稍微往外出一些,也是為了保證這個字體在整體排版時候的一個大小。在那個時期,這種字體大多是靠設計師一個字一個字寫出來的,然后后邊其實是當時一個書寫工具,其實無論是我們用什么樣的工具去寫這個美術字,就是用毛筆或者用鉛筆還有尺子去描繪,不管方法是什么樣,這種美術字創意的可能性,都是比活字字體要更多更豐富的。也是因為有了這種手寫美術字的誕生,我們這個字體也脫離了那種不完備的印刷字體,有尺寸書寫字體風格上的局限,也是讓設計師對字體有了更自由的發揮的空間。

左邊這張圖也是我從現代美術字里面找到的一張圖,也是那個時期設計師手寫的一款美術字,它也是作為一個logo出現,就是柯達彩色家庭攝影大賽,它是作為一個整體的logo和形象出現。

那么在那個時代,在電腦時代之前和在電腦時代之后,右邊是我們的漢儀秀英體,就是在電腦之后,我們其實對現代美術字的設計和資料其實是有一些參照的,然后大家也能從這張圖里面能看到,當一個字體作為一個logo出現的時候,和作為字庫出現的時候,它在設計的方法和取舍上面其實有一些借鑒,但是也有很大的不同。比如說我畫紅色這個圓圈,空心的左邊那個手寫美術字我認為比較有特色的地方,它會在這個字體的最外端有一種很夸張的流線。包括在字體的撇和捺的處理上都是很具有特征的地方。那么在字庫設計的時候,我們不能全部把這些移植到字體設計當中,因為字庫涉及的字體量非常大,我們還是要考慮到整體的可讀性,還有筆劃的適應性。所以在做字庫的時候,我們也算是這個部分我認為還是從這個上面移植的一些內容。但是彩色實心這個紅圈我認為是在我們字庫設計當中是加以改進的地方。

在那個時期這個也是我2011年到漢儀,我拿到了漢儀的第一本樣章,那上面有一些美術字,也非常的經典,也是被我們一直沿用到現在,大家可以看到這個時期的美術字,其實還是有點偏圖形的概念,比如說左上角那個太極體,會加一些太極的圓圈,包括那個象形,就干脆用那個象形這種形式來設計字體,那個時候其實字體的種類相對來說比較少。


左邊就是90年代那種美術字的參照,我到了漢儀以后,就是我手邊的參考資料已經發生了變化,我記得也是在2012年的時候,也就是我在漢儀兩年時間內,當我接觸到真正字體設計的時候,我參考最多的其實是《文字設計原理》這本書,這本書應該是一個日本的設計師他講不同的文字帶來不同的視覺效果,然后不同的文字有不的性格,然后以及我們在做一張海報的時候,我們怎么正確的去選擇字體,是這樣一本書。通過這本書,通過反復的翻閱,給我影響最大的這兩頁,尤其是這種當一個版面當中,如果想體現它的沖擊感,它的視覺重量的時候,那我一定要選擇一款粗的字體,比如在左邊,我要體現它汽車是一種科技感,是一種比較現代的海報的時候,我要選擇一款這種極簡的甚至壓扁的,就是很幾何的字體。


也是受到了啟發,所以在那個時候,有一個簡單的想法,就是也想設計一款比較有視覺沖擊,比較粗壯的一款美術黑體。有了想法之后,我就開始對那個時候美術黑體做了一個調研,大概這些圖片應該就是幾年前的,就是2012年的時候,然后那個時候通過尋找圖片,包括我去馬路上或者地鐵里面看的話,其實大家作為這種標題類的黑體出現的字體種類其實非常少的,漢儀的菱心體它出現的次數非常多,下面是蒙娜的一款字體,蒙娜超剛黑,這兩款包括右邊也是蒙娜超剛黑,就是菱心和超剛黑是那個時候,設計師頻繁使用的兩種通過這種字體想表達重量沖擊等等,還有一類就是會用一些比較粗的黑體來來表達一個視覺效果。


再有一類就是通過對字體的再次的塑造,那么當時通過我的一個小調研,大概對字體的使用種類包括它應用題材的范圍做了一個分析,就是菱心體和超剛黑是非常多的,然后其次是粗黑體,更少一些是設計師自己原創的設計,那么這些比較粗壯的美術黑體基本是用在戶外或者是汽車類的廣告當中。也是通過調研我有一個方向,就是我來分析一下,當時書法用的最多的菱心體和超剛黑它的特點,分析完了之后,其實目的是為了讓我的字體跟他們產生區別,同時也能吸取他們一些優點移植到我的字體當中。




通過分析,其實菱心體和超剛黑這兩款字體的方格差異挺大的,那么菱心體給我的感覺,它垂直水平的感覺會比較強,然后它的橫豎的粗細對比相對超剛黑來講比較接近。它在豎勾包括口字的右下角轉折的地方會有一個斜切,與之對應的斜切就是橫筆的末端,就是菱心體也有一個斜切的設計,這個字體給我的感覺比較有動感的。


那么超剛黑給我的感覺就是相對于菱心來講,它比較穩定,然后它是通過比較大像這樣的折線來體現它的字體硬朗的感覺。然后超剛黑這個字體從結構來講,它比菱心體的筆劃之間的緊湊感還要更緊一些,就是菱心體的內白感覺更大一些。那么超剛黑給我的感覺就是相對于菱心來講,它比較穩定,然后它是通過比較大像這樣的折線來體現它的字體硬朗的感覺。然后超剛黑這個字體從結構來講,它比菱心體的筆劃之間的緊湊感還要更緊一些,就是菱心體的內白感覺更大一些。


作過這些分析之后,我就開始設計了我的字體,然后這款字體叫力量黑,那么這是我在設計的時候那個手稿,其實底下那個灰色當時為了找一個比較快的途徑,就是拿了一個底稿在上面直接去畫直接去改。通過這個第一版的稿子,我把字體當中最基本的筆劃,我能想到的確定了下來,包含豎提,像這種撇的轉折,包括這種長撇的轉折,還有就是撇捺,包括這個地方撇捺的處理。當時第一版我是這么去思考的,隨著字體越畫越多,我就會發現可能之前做的一部分內容不太適合放到別的字上面。于是在第二版的稿子上,我可能做了更多的嘗試,比如說剛才那個“力”,大家如果有印象的話,它是一個特別鋒利的轉折,在這里面,我其實就有嘗試兩種撇的寫法,一種還是保留之前,一種是把它放平,使這個字體的下部是呈一個直線?;褂形嗽黽誘飧鱟痔宓謀ヂ?,或者說他的一個黑度,然后我把這種筆劃豎心旁的這一筆,干脆把它設計為一個比較長的直線,當初設計的理念是盡量把這個字框填的滿一些。

根據手稿,這是我做的第一版的電腦稿,當時也是我的老師給我們批改了一些問題,從手稿到電子稿,其實筆劃的問題就不是很多了,然后帶來的問題更多的是部件的問題。大家可以看到,像“衣”字旁,包括字底,還有衣卜旁的處理,不是很成熟,也不是很美觀,可能這種筆劃搭配在一起也不是很和諧。就是根據這個稿子,然后自己又畫了右邊的一些手稿,最終確定下來一種筆劃的寫法。

那么除了在部件上面當時會遇到問題,還在字面大小上面遇到了一些問題,比如說這張頁面上面畫黃色的字,字面會比較大,就比其他的字字面大。那個時候確實我也剛剛到漢儀工作一年多一會兒時候,對這個設計沒有什么概念,所以可能在設計的第三步的時候才考慮到字面這個問題。當時就是字面框和字深框,把字面框定在了92%,92%是一個什么概念,大家如果對黑體足夠了解的話,其實像漢儀趣黑那一類的黑體,它的字面大小是92%,那像雅黑那樣字體大概是在95%。因為這款字比較黑也比較重,所以我盡量想把字面做的不是那么大,為了保證它和別的字體在排列的時候,還能保持一個比較合理的字間距,這一部分就是當兩個字排在一起的時候,他們字間距的大小。


除了定下字面,我還對這個字體的重心有一個考慮,其實雖然我想表現力量,想表現粗重,想表現視覺沖擊,但是并沒有把這個字體重心設的特別低?;故潛3終>又械鬧匭奈恢?,因為當時覺得重心居中的話,可能字體在往后的延展和調整的時候會比較的順暢。


當時在粗細的考慮上面,第二行缺少那個字就是剛才我們提到的那個蒙娜超剛黑那款字,當時除了對筆劃,對部件,還有對字體的字面大小和重心有之外,還對粗細有考慮,這是我找到的在那個時候市場上已有的一些美術黑體的字庫,第一個是菱心,第二個是超剛黑,第三款其實是最后的力量黑,后面兩款是當時漢儀的方墨體,就是倒數第二款,最粗的那款是方正的方內體。當時只有這些字庫,我就拿它做了一個參照。我首先這款字體認為菱心體這個粗細肯定是不夠的,它太細了,可能沒有那么強烈的視覺沖擊,但是像后面兩款字,我覺得又比較偏粗,為什么覺得粗,是因為我覺得這個字粗到了一種一縮小影響對這字識別的狀態,所以我在設計力量黑的時候,就是介于這兩端之間,然后把它設計成一個相對我又能感覺到粗,但是我在小字的時候又不影響識別的一款字。


然后其實第五步這個字體已經非常穩定了,大家其實看這個字稿子就要能看出來,之前那個字稿非常凌亂,包括粗細包括字面大小,然后筆劃的形態其實是不規整的。這一版幾乎就是離最終的字庫產品比較接近了。在這一時期,我的字還出現了很多細節上的問題,比如說可能有點看不清了,比如說寶蓋頭的“寞,中間有一個草字頭,當它跟橫連接的時候這草字頭兩個出頭會顯得特別短,所以一些很細微的地方,也影響了這個字體的設計和質量,所以那個時候那個老師就是建議我把那個草字頭豎的下部拉長,跟那個口做一個連接。然后包括那個“脊椎”的“脊”,左右的兩個撇點提和撇點我當時設計也是在現在看來也是特別奇怪的設計,也其是回到畫稿子那個階段,又在下面重新畫了這一個部件的形態,統一把這個形態運用到這個部件上面。更細微的地方就是這個“博”下面這個點,當時我那個點設計的比較小,但是比較短,但是我又想這個字體它在這個字框內的空白感比較少,所以當時老師建議我把這筆加長一些,讓這個下部的空白盡量少一些。




除了有這樣細節的問題,在這個字體整體感上面也出現了問題,就是當它和更多的字排列到一起的時候,那個應該的應會顯得客觀寬,字面也會比較大,然后下面三個統一的可能是木字旁的問題,木字旁的比例可能有點窄了,其實這是一個部件比例不和諧的問題,雖然是定好了重心,但是在實際的制作當中還會出現重心的問題,比這個噓,右邊的噓和口在一起排除的時候,就會明顯感覺這個噓的重心比口要低,所以就是上一頁我們談到個別筆劃的長短和角度的問題,對于這個字庫整體性也是有了更好的調整。

其實不論我是做了拉長或者收短,或者放大或者縮小的調整,其實都是始終圍繞著這個字體給我們傳達的一種感覺,就是到底什么是力量,然后什么樣的結構什么樣的筆劃才能給我感覺是一種有力量的感覺,所以就是在無論做什么設計,我們從開始然后到結束,中間我們的修改過程一定要圍著一開始我們定好的理念和規則去進行,這樣的結果能比較有保障。




這個是力量黑幾個關鍵的筆劃,還有我一直形容力量黑的幾個關鍵詞,我希望它足夠粗壯,但是足夠粗壯的前提是不影響字體的識別度,希望這款字里面會有一些轉角和轉折的地方在,也比如說這筆應該是橫撇,希望它表現的鋒利,這一筆可能掉一個順序可能是豎撇這一筆,因為它是一個鋒利的狀態,同時對于這個字體的間隙,因為它比較粗,然后在這個粗體當中要保持識別性的話,就一定要對這個字內的空間進行一個比較重要的平衡,其是當時在做這個工作也挺花時間的這兩個部件的間距和這個距離,嚴格按照數學來計算的,并不是視覺來計算的,最后希望它是一款比較有重量感的黑體。這個就是力量黑的一個樣章。



這款字體完成大概是在2012年的年底,其實那個時候可能做出來了,但用的比較少,隨著也近兩年電商的快速崛起,可能大家都比較樂于選擇這種比較粗壯比較有力的黑體來做設計,然后來做更好的傳播,這些其實我在生活當中無意中發現力量黑的案例,尤其是下面那張在汽車上,當時那輛車離我特別特別遠,我離它還有一個大十字路口,但是我就注意到這個車,可能是因為當時用這種廣告來做移動傳播的還比較少,所以說這個美團的設計跟其他公交車上的廣告傳播不太一樣,首先是這種設計引起了我的注意,然后它用多了一個黃色和底色的搭配,當時也是我就一下看到了這輛車,當時我還沒有注意到那個字體,然后我往上看的時候才知道它是力量黑,其實通過大家對這看字體的使用的角度來講,其實我認為從設計字體的角度,我的理念我覺得是傳達的比較準確和有效的。


這三張就是比較近期發現的應用了,左上角就是去年的雙十一,淘寶的一個推廣的廣告,下面是優酷也是在去年夏天的時候,右邊那個百度上面的廣告,是我前兩天做PPT的時候無意間發現的,就趕緊放上來。其實大家在這張不僅能看到這個大標題使用了力量黑之外,其實下面還有一些二級的信息或者二級的標題。其實從這一點就可以看出,雖然他們都是美術類的,比較有力量比較鋒利的黑體,但是我們設計師在使用這些字體進行編排的時候,其實還是有側重的,那么我也由這些應用感覺到力量黑是可能作為大標題出現的場合會更多一些。




然后這張圖就是2017年的時候,深圳平面設計師協會主題的形象,也是特別的意外,力量黑也被用在了當中,但是這張圖大家可以注意到,力量黑在這張海報已經不是一級大標題了,它是一個副標題。當這個字體字號縮小的時候,就是我一開始強調的它的識別度,在這張海報上,我覺得還是比較清晰的,大家從遠處還是能夠識別出來上面寫了深圳平面設計師協會,甚至更小一些的會員大會和新春晚會,這些從應用的角度來看,我覺得這款字體設計的還是比較成功的一款。

剛才忘記說了,也是因為這張海報,讓我對力量黑這款字體有了一個反思,我覺得機會這兩個字設計的非常巧妙,它利用了這個字體部件的一個外部的形態,在里面的一些筆劃之間的穿插,用線條來表示,我覺得這個時間比較簡潔比較巧妙,同時也比較現代比較符合現代人對這種平面的審美,然后我就覺得從字體設計的家度來講,是不是也能吸取一些它logo設計的一些思路,所以說還是拿“晚上”的“晚”五來舉例。

左邊那張不太清楚是我的手稿,就是第一版的手稿,中間那張是力量黑最后成品的字庫,最右邊這張是我前兩天準備PPT的時候,又把這個字調整了一遍,我調整的地方其實就是在這些,這些縫隙,這些勾,其實我是覺得,如果把這張細節去減掉,我們用圖形的概念來去設計漢字的時候,也是一個挺好的辦法,那其實在右邊這個勾去掉包括這筆往上提,然后這個口整體拉長之后,我覺得這個字的效果甚至比之前的效果要更好一些,它的整體性它的簡潔的長度,包括我想要的力量很快面的感覺,可能會發揮的更淋漓盡致一些,所以可能也是因為自己設計師有一個毛病,每看到自己的設計作品都想不斷的去修改。


隨著互聯網這個時代的來臨,其實也推動了字體設計的發展,最近幾年也出現了很多類似的一個美術黑體,其實我認為他們設計或者說變形的手法可能相對比較簡單,比如說可能這款字的重心還是比較高的,這款字重心也是比較高的,但是沒有它那么高,然后下面這兩款字看起來我覺得從字體的結構來講,其實是差不多的,只是在筆劃的一些細枝末節上面做了一些設計或者裝飾,那么看到現在的這種美術黑體的種類特別豐富,然后這個現象,其實我也在思考,是不是真正的字體設計就是應該在這些細枝末節上面,包括重心的提高或者降低,然后字面的收窄或者字面的放大或者放小這上面做一些設計,就能做出一款好的字體。也是經過這幾年的思考,我覺得應該真正的字體設計并沒有那么簡單。我們可能應該用更高的眼光去看待這個設計的問題。


其實字體做到了今天,也就是大概五六年的時間,其實我也有比較深的感觸,就是字體做到一定的時期是有一個瓶頸的,那這個瓶頸可能也導致剛才那張圖,我們會看到非常類似的黑體出現,為了去解決這個瓶頸,我覺得還是有辦法的,我們在做書法字體的時候,可能會經常去參考一些古代經典的碑貼作為我們創意的靈感。從美術字這邊,我覺得其實也是可以看一些更早一點的美術字體,比如這兩張圖應該是在民國時期的美術字體,當你從現在這種設計的環境當中,你回退到那個時期,你會覺得創意的可能性還是非常多的,那個時候字體還是非常美和漂亮的,然后不管是他像左邊出現了那種大小比較統一,然后橫豎比較平穩這樣的字體,再到后邊這種圖形話感覺很強的字體,都是現在設計當中可以借鑒的地方。


那么“良友”和“方舟”大家都比較熟悉,也是民國時期非常推動美術字體往一個更好方向發展的兩種雜志,如果我們看到內容的話,這個是良友里面展示的電影畫面幾個字體,然后從左到右分別是1933年的76版到1937年129版,它自己的一個變化。我們可以看到左邊最初在設計的時候,還是有一種圖形的概念會比較強,然后越到后面,會發現這個字體變得越來越方正,我們運用的元素可能會更偏直線一些,但是從左到右最一致的事情,就是我們的漢字都在一個方形的字框里面去做的,然后甚至我們可以多看一些跟圖形有關的字體,然后這個應該也是良友畫面里面展示的美術字。


我覺得那個時候大家的思路可能更廣泛,更大膽,我們除了看到上面有一些桃形,有一些星星的裝飾之外,我們還可以觀察到這個字體的結構,比如這說一款它的結構比較有特色,它的優點可能并不在于這些圖形上面,在于它的字體的結構它大小的變化和圖形搭配在一起的一個整體效果


所以我們看完更好的更多東西之外,可能在做字體設計的時候,思路難度就沒有那么大了。我希望大家都努力做更好的中文字體,謝謝。


來源丨 網絡
說明丨 版權歸原作者,僅限學習交流,不做商用,如有侵權,請聯系小編刪除



簡介:以獨具匠心的創意作大腦,輔以精細的構圖成為整個作品的骨架,最后用色彩作為血肉纏繞其外。她的筆尖下,平面也如立體一樣精彩。

相關案例

至強V視界畫冊

至強廣告公司畫冊

尚品園林景觀有限公司

其他

歡樂家園便利店logo設計

惠州托瑪斯工業科技有限公司--產品畫冊

中惠源集團--企業報刊設計


至·強·廣·告