設(shè)計(jì)字體(做字體設(shè)計(jì)師學(xué)習(xí)什么知識(shí))
1.做字體設(shè)計(jì)師學(xué)習(xí)什么知識(shí)
萬(wàn)物皆有本源，字體也一樣，今天我們看到的千變?nèi)f化、形式各異的字體，都離不開(kāi)文字本身的根基，脫離了這個(gè)根基去做字體，往往難以做出成功的作品，就像練武需要有基本功一樣，文字的基礎(chǔ)知識(shí)對(duì)于做好字體，有著不可或缺的作用。
我們常常會(huì)看到一些初學(xué)者做出來(lái)的字體，存在著各種各樣的問(wèn)題，很大原因就是對(duì)一些漢字的基礎(chǔ)知識(shí)不夠了解所造成的，接下來(lái)我就介紹一些初學(xué)者應(yīng)該知道的關(guān)于漢字的基礎(chǔ)知識(shí)。
【骨骼與體飾】
“骨骼”即字體的內(nèi)在間架結(jié)構(gòu)，是決定字體內(nèi)在氣質(zhì)以及是否美觀的基礎(chǔ)性因素，而“體飾”是字體的裝飾，可以影響字體所呈現(xiàn)出來(lái)的風(fēng)格與外觀
【中心與重心】
物理上絕對(duì)的“中心”，人眼看上去卻感覺(jué)偏低，因?yàn)槿说难劬Υ嬖谝曈X(jué)錯(cuò)，如果按照物理的中心去設(shè)計(jì)字體，會(huì)讓人感覺(jué)中間的部分靠下，有往下掉的感覺(jué)，這就是為什么大部分字體會(huì)把視覺(jué)重心放在物理中心點(diǎn)之上的原因，這樣更符合人眼的視覺(jué)習(xí)慣，看上去才會(huì)顯得舒服。
【筆畫的粗細(xì)】
在設(shè)計(jì)一款字體時(shí)，筆畫粗細(xì)應(yīng)當(dāng)做成一樣的嗎？答案是不應(yīng)該，因?yàn)樽峙c字之間的筆畫繁復(fù)程度都不一樣，而且同一粗細(xì)度的筆畫，在橫著、豎著、斜著以及變成曲線時(shí)，視覺(jué)上都會(huì)給人粗細(xì)不一致的感覺(jué)，因?yàn)槿搜劭礀|西時(shí)會(huì)存在視錯(cuò)覺(jué)，因此在做字的時(shí)候，要根據(jù)字體筆畫的繁雜程度以及視覺(jué)感受對(duì)筆畫粗細(xì)進(jìn)行調(diào)整，達(dá)到視覺(jué)上的統(tǒng)一。下圖是一個(gè)在物理寬度上完全相等的矩形，它的視覺(jué)上的粗細(xì)關(guān)系依次為：橫>； 斜 >； 豎 >； 曲。
【字面大小】
一個(gè)邊長(zhǎng)完全相等的正方形，看上去卻顯得有些偏高，這依然是視錯(cuò)覺(jué)的影響，因此通常做正方形的字，都要把外框壓扁一些，消除視錯(cuò)覺(jué)的影響。下圖左為物理正方形，右為視覺(jué)正方形。
【漢字的中宮】
中宮，顧名思義，就是指漢字九宮格中心那一格的區(qū)域，中宮的大小會(huì)影響字體呈現(xiàn)出來(lái)的氣質(zhì)以及字體在極端環(huán)境下的可識(shí)別度，通常中宮偏小的字體氣質(zhì)上顯得比較清秀，但在字體較小或遠(yuǎn)距離識(shí)別上體驗(yàn)較差（如屏顯字體和高速路牌字體），中宮偏大的字體氣質(zhì)上顯得穩(wěn)、拙一些，而且由于內(nèi)白空間較大，因此識(shí)別性上優(yōu)于中宮偏小的字體。
【形式語(yǔ)言的統(tǒng)一】
統(tǒng)一的形式語(yǔ)言是做好設(shè)計(jì)的基礎(chǔ)，這一點(diǎn)在現(xiàn)代的藝術(shù)鄰域中被一再印證，不論是繪畫、建筑、海報(bào)、工業(yè)設(shè)計(jì)等都能看到統(tǒng)一形式語(yǔ)言的經(jīng)典案例。
【正負(fù)形空間的均衡】
無(wú)論是偏向傳統(tǒng)的字庫(kù)字體還是偏向創(chuàng)意的美術(shù)字，都需要注重正負(fù)形空間的均衡和美觀。初學(xué)者常常忽略掉負(fù)形空間，但其實(shí)對(duì)負(fù)形空間的設(shè)計(jì)才是最重要的，德國(guó)字體設(shè)計(jì)大師ErikSpiekermann曾經(jīng)說(shuō)過(guò)：“重要的不是設(shè)計(jì)黑的部分，而是設(shè)計(jì)白的部分”， 只有負(fù)形空間的均衡，才能造就正形空間的美觀和舒適。
2.初學(xué)者應(yīng)該怎樣入門字體設(shè)計(jì)
1、字體設(shè)計(jì)的思維創(chuàng)意 想讓字體具有自己的風(fēng)骨，而非豬八戒上50元一單的設(shè)計(jì)，你必須擁有正確的思維創(chuàng)意方法，在本次分享中，劉柏坤老師將把自己多年的字體設(shè)計(jì)思維方法與你分享。
2、設(shè)計(jì)方法與技巧 對(duì)于初學(xué)者而言，需要特別注意一些能夠快速入門的方法與技巧，才能事半功倍、少走彎路，在打破規(guī)則之前，你必須掌握這些規(guī)則。 3、互動(dòng)提問(wèn)環(huán)節(jié) 如果你在字體設(shè)計(jì)的過(guò)程中遇到某些疑難問(wèn)題，可以獲得與劉柏坤老師“一對(duì)一”交流的機(jī)會(huì)，讓字體設(shè)計(jì)大咖幫你指點(diǎn)迷津。
3.平面設(shè)計(jì)入門需要學(xué)習(xí)哪些基礎(chǔ)知識(shí)
一、注意字體
無(wú)論是標(biāo)志還是排版。作為標(biāo)志，有時(shí)圖形是次要的，字體可以幫你解決很多問(wèn)題，努力學(xué)習(xí)，掌握字體的設(shè)計(jì)。
二、還是字體
一切都離不開(kāi)版式，一切版式都離不開(kāi)字體。作為東方文化最杰出的代表——中文字體，你得好好琢磨。一開(kāi)始，你最好先想到是宋體還是黑體，特殊的情況下，你才去考慮是否選用這兩大字體之外的字體。簡(jiǎn)單的講，宋體很嚴(yán)謹(jǐn)，很莊重，也很尊貴；黑體，很現(xiàn)代，很整齊，很簡(jiǎn)約。
其次，字體的間距最好小于常規(guī)間距。以“0”為標(biāo)準(zhǔn)，你最好取“-50”，這可適用于標(biāo)題類字體排版，作為大面積的正文排版，同樣需要稍微縮小字體的間距，稀疏的間距不但不能完成輕松閱讀的任務(wù)，反而會(huì)讓眼睛疲憊。把握“緊湊”和“稀疏”的區(qū)別。
最后，字體的高度，最好壓一壓，就是壓扁一些，這樣，漢字看上去，會(huì)更象漢字一些。 說(shuō)的對(duì)不對(duì)，不妨試一試，都是很簡(jiǎn)單的處理。
三、版式
如果你功力不夠，或者時(shí)間不夠，最好采用穩(wěn)妥的排版方式。記得，在商業(yè)設(shè)計(jì)中，不要輕易嘗試夸張的跳躍性的版式，那些看上去愈隨意愈凌亂的優(yōu)秀作品，需要的時(shí)間愈多，你需要非常扎實(shí)的構(gòu)成功底，同時(shí)你需要處理所有已經(jīng)出現(xiàn)的細(xì)節(jié)，并且要?jiǎng)?chuàng)造更多的細(xì)節(jié)。一個(gè)平面里，兩個(gè)元素的距離可以擴(kuò)展到無(wú)限大，但你得有足夠的力氣，不讓它們跑出界了。越亂，越難，而不是反之。在這里所強(qiáng)調(diào)商業(yè)設(shè)計(jì)，這是為你的安全著想，因?yàn)榭蛻羰歉顿M(fèi)的，如果你的功力尚淺，就不要冒險(xiǎn)。一個(gè)簡(jiǎn)單的測(cè)試是，一張白紙上，有兩個(gè)圓點(diǎn)，想一想，如何處理兩點(diǎn)的大小和距離，可以讓這張紙看上去緊繃的快要破裂？如果你可以制造出這樣的視覺(jué)，你就可以去創(chuàng)造那些復(fù)雜的版式。
四、節(jié)奏
回到“穩(wěn)重”的版式上來(lái)，最重要的一點(diǎn)是：節(jié)奏。 什么叫節(jié)奏？因?yàn)椴煌?，所以產(chǎn)生了節(jié)奏。對(duì)比，反差，無(wú)論是面積也好，色彩也好，結(jié)構(gòu)也好，不要什么都一樣，也不要什么都不一樣，否則，就沒(méi)有節(jié)奏可言?？梢杂靡舴绾萎a(chǎn)生旋律來(lái)理解排版中的“節(jié)奏”。
五、色彩
如果你想提高，就盡量拋棄正統(tǒng)的紅黃藍(lán)綠吧。色彩的感覺(jué)，基本上靠天賦。但也可以培養(yǎng)，如果你愛(ài)看電影，多留意大師們的電影，看看里面的用色，就拿常見(jiàn)的來(lái)說(shuō)，看看王家衛(wèi)的電影，每一部，就是一本色彩學(xué)。平面設(shè)計(jì)中，色彩是什么？色彩不是紅黃藍(lán)綠，色彩是情緒，每一種色彩的選用和調(diào)制，就是每一種心情的表達(dá)。所以，最重要的一點(diǎn)，你必須是個(gè)非常感性的人。
4.
平面設(shè)計(jì)中，字體排版千變?nèi)f化，看似毫無(wú)規(guī)律，其實(shí)萬(wàn)變不離其宗，字體排版需要滿足三個(gè)要素：排列、模塊、對(duì)比。
排列文字的排列方式常用的有這么幾種：左對(duì)齊排列、右對(duì)齊排列、居中對(duì)齊排列、兩端對(duì)齊排列、頂端對(duì)齊排列、尾端對(duì)齊排列。任何一種文字排列方式都可以搭配下列圖文組合方法來(lái)進(jìn)行。
版面圖文組合方法有：左圖右文、左文右圖、上圖下文、上文下圖、圖文居中、圖文對(duì)角等，這里需要掌握的是抓住受眾畫面的視覺(jué)落腳點(diǎn)，以達(dá)到重點(diǎn)的突出，舉幾個(gè)例子，看著更直觀點(diǎn)。上文下圖型左文右圖型對(duì)角圖文型模塊在排版時(shí)，我們會(huì)將標(biāo)題文字、說(shuō)明文字、裝飾文字分門別類地放在一起，形成一個(gè)個(gè)文字模塊。
這樣的排版操作其實(shí)就是切割劃分、整理信息的過(guò)程，把關(guān)聯(lián)的元素在視覺(jué)上形成一個(gè)整體，強(qiáng)調(diào)重點(diǎn)信息，體現(xiàn)層次感。下面舉個(gè)示例。
從示例中不難發(fā)現(xiàn)，模塊的劃分在文字排版中的實(shí)用性很高，值得注意的是：僅當(dāng)文字信息間的關(guān)聯(lián)很強(qiáng)時(shí)，可以將他們歸同一個(gè)模塊。 文字模塊最少設(shè)置二個(gè)，但也不是越多越好，通常不超過(guò)四個(gè)。
對(duì)比利用視覺(jué)差異形成對(duì)比，鵬少在文字排版中屢試不爽。這種方法能夠避免排版單一、喧賓奪主的現(xiàn)象，比如關(guān)鍵文字放大、形變、加粗、變色、襯色等。
那么我們?nèi)绾卧谄矫嬖O(shè)計(jì)中快速上手字體排版呢？以鵬少的經(jīng)驗(yàn)來(lái)說(shuō)，平面設(shè)計(jì)沒(méi)有捷徑可尋，個(gè)人的悟性是必須的，不論中文字體還是英文字體，可以多從電影海報(bào)、淘寶店鋪以及戶外廣告中汲取靈感，發(fā)散思維，但不要刻意去抄襲和模仿。 我們只能在掌握原理的基礎(chǔ)上通過(guò)實(shí)際操作不斷調(diào)整變換，以期達(dá)到最理想的效果。
我是鵬少，一個(gè)平面設(shè)計(jì)圈的老司機(jī)，有任何平面設(shè)計(jì)問(wèn)題歡迎留言評(píng)論或關(guān)注私信。
5.字體排版才是網(wǎng)頁(yè)設(shè)計(jì)的基礎(chǔ)
如果網(wǎng)頁(yè)設(shè)計(jì)依賴于字體的設(shè)計(jì)，那我們還需要學(xué)習(xí)其他的東西么？——你所需要的只是理解字體設(shè)計(jì)的各個(gè)元素。
字體設(shè)計(jì)（維基百科注解為字體排印學(xué)）當(dāng)然不僅僅只是選擇字體。隨著@font-face技術(shù)和一些如Typekit,Webtype, Fontdeck， 以及 Google Web fonts等服務(wù)的改進(jìn)，你的字體設(shè)計(jì)功力也不會(huì)提高。
你可以很輕易的在你余生中只用一款字體創(chuàng)造出漂亮的設(shè)計(jì)——在過(guò)去設(shè)計(jì)師們也不得不這么做，那時(shí)還沒(méi)有Photoshop作幫助，越多的字體只會(huì)讓事情更糟糕，因?yàn)閯?chuàng)造力和審美感是不能受到過(guò)多選擇的干擾的。 更 多的玩具代表著更多樂(lè)趣，對(duì)吧？如果你選擇了這條路，但就要準(zhǔn)備為此而付出全部。
我很樂(lè)意看到不同的字體被使用，也佩服那些能成功在自己網(wǎng)站上使用新字體 的人。不過(guò)，我也遇到很多不大好的方案（比如Myspace）。
Typekit可以幫助你提前預(yù)覽改變后的字體效果，這樣對(duì)網(wǎng)頁(yè)設(shè)計(jì)的幫助是巨大的。 下面不是我刻薄，對(duì)于大多數(shù)網(wǎng)頁(yè)來(lái)說(shuō)你應(yīng)該知道的——試試翻看所有你喜歡的網(wǎng)頁(yè)設(shè)計(jì)，去掉圖片，然后想象只有文本和留白的網(wǎng)頁(yè)會(huì)是怎樣的？當(dāng)一個(gè)設(shè)計(jì)師說(shuō)“文字就是一種交互設(shè)計(jì)”，這句話不是虛構(gòu)，下面來(lái)看看這個(gè)叫iA site的網(wǎng)站： 信息架構(gòu)師都基于優(yōu)秀的排版 A Working Library是我最喜歡的設(shè)計(jì)之一，這個(gè)網(wǎng)頁(yè)以純文本的方式來(lái)展示界面，留白如齊白石水墨，恰到好處，文字排版也十分得體。
A Working Libraryby Mandy Brown。 有些人或許會(huì)認(rèn)為這樣的設(shè)計(jì)呆板而乏味，他們更傾向于使用流行的風(fēng)格。
到了最后你設(shè)計(jì)的注意力會(huì)被這些多余的視覺(jué)效果分散掉，所以你依然要把經(jīng)歷放在最初那95%上面，就像你現(xiàn)在閱讀的文章便做得很好，不需要依靠圖片仍然能展示漂亮的視覺(jué)設(shè)計(jì)效果。 沒(méi)你想象中難 你完全可以做出一個(gè)不依靠任何圖片搭配的一流網(wǎng)頁(yè)。
雖然聽(tīng)起來(lái)有點(diǎn)天馬行空，但這確實(shí)是可行的。我也并不是說(shuō)本應(yīng)該如此，但如果我們能巧妙的使用字體設(shè)計(jì)和留白便能做到美觀得體，那將來(lái)加入圖片、視頻這些元素時(shí)，不是更錦上添花了嗎？ 在使用圖像時(shí)我不是想說(shuō)那些真正要表達(dá)什么的圖像，就如圖標(biāo)，但圖像在這里就是為了引人注目。
有時(shí)一張圖勝過(guò)千言萬(wàn)語(yǔ)，所以最好使用圖片（但你仍然需要考慮使用留白）。這里有兩個(gè)以上的美好網(wǎng)站的例子，它們都將重點(diǎn)放在文字設(shè)計(jì)上以實(shí)現(xiàn)整個(gè)設(shè)計(jì)。
第一個(gè)網(wǎng)站是Blake Allen Design，第二個(gè)是The Harriet Series（這兩個(gè)網(wǎng)站都是使用圖像來(lái)表達(dá)他們的文字設(shè)計(jì)，你要認(rèn)識(shí)到這一點(diǎn)） 當(dāng)使用圖片時(shí)，我并不想定一個(gè)什么樣的標(biāo)準(zhǔn)比如它要代表著類似icon性質(zhì)的效果，但圖片就是用來(lái)展示的，有時(shí)一張圖勝過(guò)千言萬(wàn)語(yǔ)時(shí)便可考慮使用了（當(dāng)然還是要注意留白）。 以下是兩個(gè)優(yōu)秀網(wǎng)站設(shè)計(jì)的實(shí)例，它們都把重點(diǎn)放在文字設(shè)計(jì)上來(lái)實(shí)現(xiàn)整個(gè)設(shè)計(jì)效果。
第一個(gè)網(wǎng)站是Blake Allen Design，第二個(gè)是The Harriet Series（這兩個(gè)網(wǎng)站都是使用圖片來(lái)實(shí)現(xiàn)他們的文字設(shè)計(jì)，你懂我意思就好）： Blake Allen Design 使用圖片， 但有著美觀的字體。 The Harriet Seriesby OkayType。
上面的兩個(gè)設(shè)計(jì)之所以讓我感興趣，是因?yàn)槲淖衷O(shè)計(jì)并不單是指引你獨(dú)自完成這個(gè)過(guò)程，它是在用自己的風(fēng)格做著這件事。你能感覺(jué)到文字設(shè)計(jì)就是設(shè)計(jì)者個(gè)人情緒的 表達(dá)。
Blake Allen使用Helvetica體來(lái)使他的網(wǎng)頁(yè)滿是瑞士風(fēng)格式的清新、有序的框架。 而在另一方面，Harriet Series的網(wǎng)站則顯得有一點(diǎn)頑皮，也更具探索性。
這就是文字排版所造就的組織合理的混亂之美。 除了上面的特例，99%的設(shè)計(jì)師，最好還是乖乖學(xué)會(huì)文字設(shè)計(jì)，如果你不能領(lǐng)會(huì)，那日后的設(shè)計(jì)便沒(méi)有了根基。
不用去擔(dān)心缺少流行元素會(huì)怎么影響你的效果，你應(yīng)該擔(dān)心的是如何組織好網(wǎng)頁(yè)的框架，一旦你克服了這關(guān)，后面添磚加瓦的事情就簡(jiǎn)單了。 Clear是 一款節(jié)約風(fēng)格的iOS日常管理應(yīng)用。
圍繞它的觸控是使用手勢(shì)來(lái)控制界面，你會(huì)發(fā)現(xiàn)單是文字設(shè)計(jì)就足以解決一切并讓你享受著這款應(yīng)用。當(dāng)然這是使用了 Helvetica字體的效果，如果是使用了字間距不合理的Comic Sans字體呢？杰出的文字設(shè)計(jì)并不一定以很美好的方式引人注目，而這并不意味著 它也要以這樣負(fù)面的方式突出它的劣勢(shì)。
Art of the Menu是菜單設(shè)計(jì)網(wǎng)站的典范 The Art of the Menu網(wǎng)站在強(qiáng)調(diào)字體設(shè)計(jì)在菜單設(shè)計(jì)領(lǐng)域重要性做出了很大貢獻(xiàn)。當(dāng)一些餐館那么樂(lè)衷于在菜單上加入各種圖片和插頁(yè)來(lái)吸引顧客眼球時(shí)，卻并沒(méi)有考慮到合理的文字設(shè)計(jì)結(jié)構(gòu)讓顧客更舒適的瀏覽菜單，這是一大敗筆。
作為一個(gè)設(shè)計(jì)師，你實(shí)在沒(méi)有理由去為自己辯解不需要一個(gè)看得過(guò)去的設(shè)計(jì)。當(dāng)你連最基本的框架都沒(méi)法搭建好，后面在加什么其他的設(shè)計(jì)元素只會(huì)讓你的設(shè)計(jì)更糟 糕。
太多的設(shè)計(jì)師都在嘗試用沒(méi)有用的花俏物來(lái)掩飾他們的設(shè)計(jì)缺陷，但實(shí)際和火上澆油沒(méi)兩樣。 如果一個(gè)設(shè)計(jì)你看著是不順眼的，那就代表用戶體驗(yàn)不好，無(wú)論再 加入多少圖片、聲效、顏色都是徒勞。
6.如何做字體設(shè)計(jì)師
萬(wàn)物皆有本源，字體也一樣，今天我們看到的千變?nèi)f化、形式各異的字體，都離不開(kāi)文字本身的根基，脫離了這個(gè)根基去做字體，往往難以做出成功的作品，就像練武需要有基本功一樣，文字的基礎(chǔ)知識(shí)對(duì)于做好字體，有著不可或缺的作用。
我們常常會(huì)看到一些初學(xué)者做出來(lái)的字體，存在著各種各樣的問(wèn)題，很大原因就是對(duì)一些漢字的基礎(chǔ)知識(shí)不夠了解所造成的，接下來(lái)我就介紹一些初學(xué)者應(yīng)該知道的關(guān)于漢字的基礎(chǔ)知識(shí)。字體的內(nèi)在間架結(jié)構(gòu)，是決定字體內(nèi)在氣質(zhì)以及是否美觀的基礎(chǔ)性因素，而“體飾”是字體的裝飾，可以影響字體所呈現(xiàn)出來(lái)的風(fēng)格與外觀【中心與重心】物理上絕對(duì)的“中心”，人眼看上去卻感覺(jué)偏低，因?yàn)槿说难劬Υ嬖谝曈X(jué)錯(cuò)，如果按照物理的中心去設(shè)計(jì)字體，會(huì)讓人感覺(jué)中間的部分靠下，有往下掉的感覺(jué)，這就是為什么大部分字體會(huì)把視覺(jué)重心放在物理中心點(diǎn)之上的原因，這樣更符合人眼的視覺(jué)習(xí)慣，看上去才會(huì)顯得舒服。
在設(shè)計(jì)一款字體時(shí)，筆畫粗細(xì)應(yīng)當(dāng)做成一樣的嗎？答案是不應(yīng)該，因?yàn)樽峙c字之間的筆畫繁復(fù)程度都不一樣，而且同一粗細(xì)度的筆畫，在橫著、豎著、斜著以及變成曲線時(shí)，視覺(jué)上都會(huì)給人粗細(xì)不一致的感覺(jué)，因?yàn)槿搜劭礀|西時(shí)會(huì)存在視錯(cuò)覺(jué)，因此在做字的時(shí)候，要根據(jù)字體筆畫的繁雜程度以及視覺(jué)感受對(duì)筆畫粗細(xì)進(jìn)行調(diào)整，達(dá)到視覺(jué)上的統(tǒng)一。下圖是一個(gè)在物理寬度上完全相等的矩形，它的視覺(jué)上的粗細(xì)關(guān)系依次為：橫> 斜 > 豎 > 曲。
一個(gè)邊長(zhǎng)完全相等的正方形，看上去卻顯得有些偏高，這依然是視錯(cuò)覺(jué)的影響，因此通常做正方形的字，都要把外框壓扁一些，消除視錯(cuò)覺(jué)的影響。中宮的大小會(huì)影響字體呈現(xiàn)出來(lái)的氣質(zhì)以及字體在極端環(huán)境下的可識(shí)別度，通常中宮偏小的字體氣質(zhì)上顯得比較清秀，但在字體較小或遠(yuǎn)距離識(shí)別上體驗(yàn)較差（如屏顯字體和高速路牌字體），中宮偏大的字體氣質(zhì)上顯得穩(wěn)、拙一些，而且由于內(nèi)白空間較大，因此識(shí)別性上優(yōu)于中宮偏小的字體。
統(tǒng)一的形式語(yǔ)言是做好設(shè)計(jì)的基礎(chǔ)，這一點(diǎn)在現(xiàn)代的藝術(shù)鄰域中被一再印證，不論是繪畫、建筑、海報(bào)、工業(yè)設(shè)計(jì)等都能看到統(tǒng)一形式語(yǔ)言的經(jīng)典案例。正負(fù)形空間的均衡無(wú)論是偏向傳統(tǒng)的字庫(kù)字體。
