商品特色
品牌識別、LOGO商標、CIS形象設計,光創意不夠,還需要有對「字」的字形造型能力與敏感度。
作者集30多年為品牌操刀視覺形象與教學實務經驗,點出華康、明體、繁黑等常見中英字體運用奧秘,在何種條件下該用哪種字體,又該如何變化造型,串聯圖像。
想自創字體,全step by step系統教學,零基礎也能輕鬆學。
作者簡介:
蔡啟清 / 種字文化人
初期接觸品牌設計,開始與文字為伍,從單純的英文字體創作變化,有感而發華文字體造型,少有人系統性整理,深刻體會做字、造字形,是文化大工程,縱使50歲才埋首做字體,卻樂此不疲。
自比文字字耕農,曾擔任大同大學工業設計系兼任副教授,希望能將累積幾十年的實務與教學經驗,透過字體設計,讓華文字體設計有更多同好加入,一起耕/種字,翻轉各種LOGO好設計。
♦2007 「台灣設計獎」活動形象創作金獎
♦2014、2016 德國紅點包裝設計獎指導老師
♦2020 獲頒台灣當代卓越設計家證書
章節試閱
>>閱讀性Readability
以往Readablility被譯成可讀性,但Readablility指閱讀全文的容易程度,直接譯為閱讀性及可,好的文字設計可提升閱讀性,並不特別去強調理解程度,理解程度還關乎教育程度。如圖比較Arial Regular的辨識度和閱讀性都可,而Times New Roman Regular的辨識度可,但閱讀性佳。
中文字體標楷體的辨識度佳,但閱讀性卻不佳。尤其字體設計如空氣與水,設計時需多考慮中性與簡潔,但提高月圖性不是要字體的字符造型盡量相似,字面大小完全不變化,如此反而會因平淡而無法再堅持閱讀下去,如下的圖蘭亭黑中會造成閱讀單調。字符雖有相異但整體的和諧與對比的適當調配才是好的中性,但影響閱讀性的因素也有很多,包括字元間距、行距、行寬、灰度等等。
陸續再談如何提供閱讀性,建立規則是讓初學者理解與入門,不是限制與墨守成規,而是希望能互相運用與打破規則。
✧英文字的剖析
文字設計前要對英文字書寫結構做詳盡分析與規劃,英文字有重要的導線guideline來依循,首先是基線Base line - 所有字元立足而向上或向下的基準線,如房子的地面基礎,向上的線是主線Mean line,主線到基準線的距離是x高度,因此,直接用x高度線x-height line,而不用主線。同樣字級大小的字體,其x高度不一定相同,而不同的x高度產生不同的特質,正常的字體規則是「當一套字的x-height相對愈高,在同樣的文字大小下會顯得看起來較大」,但並不一定是如此,某些字體設計原本就是字幅寬,x-height雖然低些,但文字大小不會看起來比較小。大寫線Captial line(簡稱Capline),也就大寫字筆畫的上限,基線到大寫線之間的高度稱為大寫高度Capheight,而b、h從x高度線上端突出部分,稱為上升部acender,筆畫的最上限是上升線Acender line,p、y從基線往下突出部分,稱為下降部decender,筆畫的最底限是下降線Decender line。設計師依字體特質去決定這五條導線的相對位置,也有字體把大寫線和上升線合併在一起,不區分大寫I、小寫l的高度,但仍要考慮辨識度。
但如果注意看A或O的頂端會稍微超過大寫線,O的底端超過基線,專業術語是overshoot,譯為過衝,就是譯成「超出」即可,這是視覺修正,讓大寫字的最上調整到視覺平齊,另外再詳述,而小寫字也須注意一下做視覺修正。
✧英文字符的各部位
英文字符的各部位因其特性與造型,各有不同名稱,部分名稱也有不同稱呼,大致如圖,設計時可供參考。
✧說明有爭議的counter
英文字符的部位中有一個名為counter,如圖p和c標示處,翻譯為實心包圍區是一部分正確而已。回到merriam-webster定義counter: an area within the face od a letter wholly or party enclosed by strokes(在字母中被筆畫全封閉或半封閉的區域),因此圖示如:雙層a, p, c的全封閉或半封閉的區域都是counter,只是為了區別,便把半封閉的區域取名open-counter,其實也可不需要,直接稱counter亦可;另一名稱開口aperture指的指是c、e字的open-counter的開口處。
明顯只看到圓弧的白區域而已,應該也只對一半,看圖示A與雙層g,A的封閉區不是圓弧,以往我們都會困惑,這三角形區域有新名稱嗎?看merriam-webster的定義,這非圓弧的三角區域也是counter,但serif的A下方就變成是counter,雙層g的下層可封閉也可開口。
為何要談counter? 主要是英文字在小字顯示時加大counter,會有助於辨識文字,至於中文漢字也應要套用counter來說明字體時會有問題,有許多字有好幾個counter且在不同角落,或有些字沒有counter。再看圖示:「林」字,假想框中的negative space都不是counter,方正字庫稱這些為字白,counter並不類似中宮,中宮這名稱會再解釋。
✧英文字體依樣式分類
有襯線Serif
有襯線字源自出現在古羅馬的石刻拉丁字母,又常被稱為羅馬體。除了石刻,隨著筆具紙張發達,書寫時也在筆畫兩端利用壓筆移動自然產生楔形裝飾細節。
無襯線Sans Serif
無襯線字顧名思義就是沒有裝飾細節,直到19世紀才出現的近代字體,造型簡潔、降低橫直比粗細對比,雖把Rockwell字體去掉粗襯線看起來就類似Univers,其實還是不同。
手寫體Script
將手寫的字體與有襯線字分離,主要是造型上差異,除了部分Gothic Script的尖硬,多了柔和感少了雕刻風格,而多數手寫體不具有襯線。
裝飾字Decorative
隨著造字軟體的發達,更多裝飾字輩開發,甚至把圖案融入字中,做大標題使用。而Decorative不再是襯線字,華康櫻花體不再是無襯線字,都是裝飾字。
>>中文漢字剖析
為了統一中文漢字的特色DNA,要先確定其視覺的要素:基本筆畫,大致分為12種,點(側)、橫(勒)、撇(啄)、提(策)、灣(掠)、豎勾(趯)、橫折勾、橫折、豎彎勾、斜勾、捺(磔)、豎(努),而常聽到的永字八法是說明一個永字包含漢字的八極筆畫運筆方法將於字體設計篇再詳述。
✧字身與字面
先看一個活字塊的圖,一活字塊的外圍目前稱為字身,而活字雕刻上的文字表面目前稱為字面,但英文的body指的是中文字面,卻不是字身,但字身框其實不是也不是body的外框,很容混亂。字身框就是全方em square假想框,在中文造字上目前就是正方形,1000x1000 upm(uint per em),而字面框是字符圖框bounding box,目前圖框與全方假想框比率稱為字面率。雖是字級大小相同,原則上字面率較大的字體整體的感覺較大、字元間距僅,而字面率較小的字體整體的感覺變小,字元間距鬆。但是相同字面率大小的靠字重、襯線與中宮不同,感覺也會不同。數位時代中文漢字卻被當成方塊字在方框中設計,求方便但缺失太大,字符書法固有的形態與大小不一的特色被忽視、字元間距易錯亂,更導致字幅寬的字體字元間距太緊,而字幅窄的字體的字元間距顧大。
✧中文字體類型
中文漢字不以襯線做分類,最為常見分類是楷體、明體、黑體、仿宋、圓體、手寫字跡體、展示字體。有人說因為明體、仿宋因有橫直畫對比、三角垛和收筆的形式,可視為襯線體,黑體筆畫等寬粗細一致、沒有襯線,可視為無襯線體,不然,黑體也可以有橫直畫會比、可設計如明體的起筆、轉折的襯線筆畫。黑體在日本稱為角Gothic,稱呼黑體是超詭異的,根本和Blackletter混淆,只是被用久了,就隨俗吧,但改稱「方體」也不夠理想,會誤解為中文漢字都是方塊字。
>>閱讀性Readability
以往Readablility被譯成可讀性,但Readablility指閱讀全文的容易程度,直接譯為閱讀性及可,好的文字設計可提升閱讀性,並不特別去強調理解程度,理解程度還關乎教育程度。如圖比較Arial Regular的辨識度和閱讀性都可,而Times New Roman Regular的辨識度可,但閱讀性佳。
中文字體標楷體的辨識度佳,但閱讀性卻不佳。尤其字體設計如空氣與水,設計時需多考慮中性與簡潔,但提高月圖性不是要字體的字符造型盡量相似,字面大小完全不變化,如此反而會因平淡而無法再堅持閱讀下去,如下的圖蘭亭黑中會造成閱讀單調...
作者序
分享文字設計旅程美景(自序)
做為一個logoholic標誌成癮者,我經常思考如何以文字設計的好字型與好造型來做出好標誌。
回首文字設計的旅程,要從一個16歲青年的夢想開始。那時我的腦海中一心想念建築系,但回到新營老家拜訪長輩 ── 再金廣告社的林阿伯時,看到他在電影看板上一筆一畫,靠著精湛手藝就能寫出工整的美術字,我雖沒有這種功力,但卻自信擁有設計的DNA,觸發我對文字設計的感受。爾後在19歲時協助魏朝宏老師的著作「改訂版 文字造形」做完稿,書中談到字體設計的概念,頓時在我心中播下了小小的種子,夢想有朝能造出一套中文字體,若不是受魏老師啟蒙,也不會踏上文字設計這奇妙路程,終於直到50歲才開始做字體,現在則每日欣賞文字設計路上的風景、享受19歲時就默想的福。
大學時期雖主修工業設計,但到了美國進修改專攻視覺傳達設計,接受諸多老師不同觀點的薰陶,並致力於研究企業識別,對英文字體結構與型態,做深入的瞭解與練習。即使後來已職掌大同公司視聽產品工業設計主管職務,卻因距離文字設計太遙遠,只好選擇離開。進入檸檬黃設計擔任資深設計與藝術指導,就能經常與文字設計為伍,而老闆是「文字造型與文字編排」作者的蘇宗雄老師,他對文字更是要求嚴謹,厚植我於中文文字造型的實力,更欣賞了一段美好風景,直到創業與擔任教職還能繼續文字設計,沒有偏離自己喜愛的路。
30餘年來累積了實務與教學經驗,結交博學多聞朋友,斗膽彙整設計路上所見風景,以自己的觀點編成此書,將文字設計區分文字造型與字體設計兩部分,更能清楚一窺兩者間的相似交集與差異區隔。以往在文字造型方面,究竟為何而做?做的道理又是為何?如只因師徒傳承、按圖索驥,易受到忽略,而對比在美國受過的訓練,總有些覺得國內的文字造型太偏美術字,技巧表現的過強,卻少了些微妙的思考,因此,我會用案例來剖析,尋找文字和圖形間的關係、如何剪裁、強化重點與修整,除談how更強調why。而字體設計這一方面,過往大多是臨摹舊字,不僅無法察覺問題,即使製造了問題,更不知如何修正,因知識來自字體公司的片斷介紹,欠缺有系統的論述,近來重市場商業性,直接拿日本字體來修改、求快速、省成本,也充斥更多裝飾字體,我則強調文化與閱讀的獨立字體設計師,透過與現有字體的分析比較,按部就班(step by step)來探討印刷字體的設計原則,再藉由自行設計的歐文字體與文鼎DC清圓體、文鼎DC清新明,以真實案例呈現,希望能解字體設計的迷霧與擴展視野。
而字體設計耗費時太長又不見得能賣好價錢,為何還要堅持造字,何苦來哉?但精采風景常在路途中的每次轉彎處,愈是少人走的路,或許風景愈殊勝,我如果不去走,永遠到達不到轉彎處,更感受不到風景是如何,而當別人看到的字只是黑白無奇的字,但我卻在文字的旅程裡欣賞美妙的風景。
我有幸能在設計路上看風景,若有固執與任性,是被寵出來的,就是許許多多的親朋好友、客戶、學生們的信任,一切只有感恩。希望透過這本書也分享我看到的美景,更院未來有更多同好投入設計,打造中文字體設計百花齊放的環境。
分享文字設計旅程美景(自序)
做為一個logoholic標誌成癮者,我經常思考如何以文字設計的好字型與好造型來做出好標誌。
回首文字設計的旅程,要從一個16歲青年的夢想開始。那時我的腦海中一心想念建築系,但回到新營老家拜訪長輩 ── 再金廣告社的林阿伯時,看到他在電影看板上一筆一畫,靠著精湛手藝就能寫出工整的美術字,我雖沒有這種功力,但卻自信擁有設計的DNA,觸發我對文字設計的感受。爾後在19歲時協助魏朝宏老師的著作「改訂版 文字造形」做完稿,書中談到字體設計的概念,頓時在我心中播下了小小的種子,夢想有朝能造出一...
目錄
| 推薦序
| 自序
| 前言
| Lesson 1 | 掌握好字型大原則
⏹︎先搞清楚字型與字體
⏹︎掌握文字型態
⏹︎字的特質Personality
⏹︎辨識度Legibility
⏹︎閱讀性Readability
⏹︎有襯線Serif
⏹︎無襯線Sans Serif
⏹︎手寫體Script
⏹︎裝飾字Decorative
⏹︎英文字體家族
⏹︎中文漢字剖析
| Lesson 2 | 設定好字型營造好視覺
⏹︎粗細的比較
⏹︎減少交點筆畫重量
⏹︎哪一個是正方形
⏹︎調整相對大小
⏹︎上下不相等,不等分
⏹︎筆畫粗細與疏密(灰度)
⏹︎關於反白字
⏹︎負空間Negative Space
⏹︎重心centroid
⏹︎中宮(胸線、字懷)
| Lesson 3 | 打造英中好字體
⏹︎英文大寫型態
⏹︎英文小寫型態
⏹︎造字前的技術
⏹︎英文範例解析
●Blendix
●Conciser Bold
●Denext Regular
●Unique Bamboo
⏹︎中文字體設計
⏹︎漢字的形體層次
⏹︎漢字的字根部件建構
⏹︎漢字的間架結構型態
⏹︎漢字造型的視覺調和
⏹︎中文範例解析
●清圓體Bold
●清圓體Medium
●清圓簡粗
●清圓簡中
●清新明Bold
⏹︎字體的教學課程
| Lesson 4 | 圖像與文字造型的應用
⏹︎英文的文字造型
●認識字符的本質與純粹的設計
●負形空間形成正形線條
●結合兩個英文字母
●十二生肖賀卡
●字義傳達
●菲思特西式餐廳F字標誌設計
●iQmax文字標章設計
●TCOM文字標章設計
⏹︎中文漢字的文字造型
●造新字
●詞語和字
●單字系列連作漢字海報
●點陣字的造型簡化
●清字田書法標誌
●不受控的綠色小窩
●書籍名:預見未來
●自由季品牌標準字
●企業名稱標準字
●純青農場中文標準字
●大標題的文字造型:大金剛掌
⏹︎2014年紅點獎包裝設計獎指導作品:尋尋秘蜜
⏹︎2016年紅獎包裝設計獎指導作品:覓東山
| Lesson 5 | Logo真實案例分析
⏹︎大同公司形象設計研究
⏹︎中華電訊品牌設計
⏹︎禾伸堂形象設計
⏹︎禾伸堂HEC品牌形象
⏹︎神腦WAP王品牌形象設計
⏹︎基因數碼科技形象設計
⏹︎敦揚科技品牌形象
⏹︎南方塑膠企業形象
⏹︎角板山商圈包裝形象設計
⏹︎鴻碁國際品牌形象
⏹︎國家自然公園識別標誌
| 推薦序
| 自序
| 前言
| Lesson 1 | 掌握好字型大原則
⏹︎先搞清楚字型與字體
⏹︎掌握文字型態
⏹︎字的特質Personality
⏹︎辨識度Legibility
⏹︎閱讀性Readability
⏹︎有襯線Serif
⏹︎無襯線Sans Serif
⏹︎手寫體Script
⏹︎裝飾字Decorative
⏹︎英文字體家族
⏹︎中文漢字剖析
| Lesson 2 | 設定好字型營造好視覺
⏹︎粗細的比較
⏹︎減少交點筆畫重量
⏹︎哪一個是正方形
⏹︎調整相對大小
⏹︎上下不相等,不等分
⏹︎筆畫粗細與疏密(灰度)
⏹︎關於反白字
⏹︎負空間Negative Space
⏹︎重心centroid
⏹︎中宮(胸線、字懷)
| Le...
購物須知
退換貨說明:
會員均享有10天的商品猶豫期(含例假日)。若您欲辦理退換貨,請於取得該商品10日內寄回。
辦理退換貨時,請保持商品全新狀態與完整包裝(商品本身、贈品、贈票、附件、內外包裝、保證書、隨貨文件等)一併寄回。若退回商品無法回復原狀者,可能影響退換貨權利之行使或須負擔部分費用。
訂購本商品前請務必詳閱退換貨原則。