文字設(shè)計的原理[日]伊達千代&內(nèi)藤孝彥著悅知文化譯——文字設(shè)計所必需的最新信息和技巧typeBASICDESIGN2文字設(shè)計的原理[日]伊達千代&內(nèi)藤孝彥著——文字設(shè)計所1目錄Step1Step2Step3Step4認識文字文字與意向容易閱讀的文字組合做出美觀的版面目錄Step1認識文字文字與意向容易閱讀的文字組合做出美觀的文字與設(shè)計構(gòu)成文字的要素西方語系字體東方語系字體字體的變化Step1認識文字文字與設(shè)計Step1認識文字文字與圖像設(shè)計有著緊密的關(guān)聯(lián)性，因此，要將它們視為一體來認識文字設(shè)計具有輕松改變整體感覺的能力。為了能夠在設(shè)計中具備靈活應(yīng)用字體的能力，就必須了解各種與文字相關(guān)的知識才行使用黑體和宋體給人實在、誠實的印象，但沒有辦法傳達出度假村療養(yǎng)效果的感覺試試針對亞洲的異國風情和女性目標選擇適合的字體是不是馬上和前面的印象不一樣呢？借由文字的設(shè)計整體氣氛都大大改變了！文字與設(shè)計文字與圖像設(shè)計有著緊密的關(guān)聯(lián)性，因此，要將它們視為一體來認識永理解文字首先要認識文字的構(gòu)成元素中每個部位及其名稱只有考慮到文字的相關(guān)構(gòu)造，才能理解每種字體的的特色所在構(gòu)成文字的要素Mbxy上緣線大寫字母線中間線基線下緣線X高HeHeX高O0字腔虛擬框字面骨架：文字的基本線條胸線小：文字整齊勻稱，窄小萎縮胸線大：字體開闊，具有現(xiàn)代感西方語系東方語系骨架胸線永理解文字首先要認識文字的構(gòu)成元素中每個部位及其名稱只有考慮被稱為“襯線體”的字體的特點，是字形筆畫前端有像是爪形的裝飾在襯線體中，歷史最悠久的就是古羅馬時期的石碑上刻畫而成，別名“羅馬體”（roman)這種字體兼具傳統(tǒng)氣息和容易閱讀的特點，經(jīng)常被使用與正文、標題的基本字體西方語系字體——襯線體HEARTHEARTHEART支架襯線體發(fā)絲型襯線體板狀襯線體被稱為“襯線體”的字體的特點，是字形筆畫前端有像是爪形的裝飾沒有襯線的字體，稱為“無襯線體”襯線體中也有筆畫線條均等的字型，無襯線體與筆畫粗細無關(guān)，指的是沒有襯線的字體西方語系字體——無襯線體ImageImageImageg的外形特別外形粗壯有力展現(xiàn)出古典風格理性幾何圖形給人冷靜的印象沒有多余的裝飾優(yōu)美線條明快輕巧現(xiàn)代、典雅、簡潔古典無襯線體現(xiàn)代無襯線體溫暖的無襯線體沒有襯線的字體，稱為“無襯線體”襯線體中也有筆畫線條均等的字除了襯線體和無襯線體之外的其他字體西方語系字體——其他字體gothicgothicgothicgothicgothicgothicgothicgothicgothicgothicgothic除了襯線體和無襯線體之外的其他字體西方語系字體——其他字體g豎線粗、橫線細，并加上名為“鱗”的裝飾，這種字體稱為“宋體”根據(jù)所要傳達的結(jié)果，選擇適合的宋體東方語系字體——宋體花宋體新宋體花花花華文宋體華文中宋花仿宋傳統(tǒng)型宋體：像用筆書寫出來的，給人沉重印象現(xiàn)代型宋體：線條像幾何形效果，缺乏溫暖感中間型宋體：取兩者所長其他宋體宋體分類豎線粗、橫線細，并加上名為“鱗”的裝飾，這種字體稱為“宋體”橫線與豎線寬度幾乎相同的東方語系字體，稱為“黑體”同時使用傳統(tǒng)型黑體和現(xiàn)代型黑體，會產(chǎn)生既復(fù)古又現(xiàn)代，既輕快又厚重的感覺，容易造成閱讀混亂東方語系字體——黑體木木胸線較小線條并非單純的直線充滿懷舊的感覺胸線較大給人明快放開的感覺同時給人機械般的冰冷感傳統(tǒng)型黑體現(xiàn)代型黑體橫線與豎線寬度幾乎相同的東方語系字體，稱為“黑體”同時使用傳除了宋體與黑體以外的其他字體東方語系字體——其他字體楷書行楷行書隸書幼園漢儀南宮體方正靜蕾體疾風草書毛筆行書彩云吶喊體九宮瘦金除了宋體與黑體以外的其他字體東方語系字體——其他字體楷書行楷同一種字體設(shè)計中，有粗細或?qū)挾炔煌淖兓?，稱之為“字體家族”字體的變化ElegantGREATNobodyknows腰線指文字的粗細程度，許多字體都具備兩種以上的腰線來做變化襯線體的斜體字非常具有速度的動感效果寬度較寬的文字給人壓迫感，寬度較窄的文字給人輕快的感覺寬度粗細正斜NobodyknowsRINGElegantRINGGREAT在字體之中，按照文字的重量、角度或?qū)挾鹊茸兓袛?shù)種不同的字體同一種字體設(shè)計中，有粗細或?qū)挾炔煌淖兓?，稱之為“字體家族”高級感與傳統(tǒng)感親近感與柔和感未來性與先進性懷舊與復(fù)古華麗感與裝飾性傳統(tǒng)文化Step2文字與意向嚴謹感與信耐感自然感與手工感精致的印象力道與沖擊力纖細與美麗高級感與傳統(tǒng)感Step2文字與意向嚴謹感與信耐感高級感與傳統(tǒng)感文字的優(yōu)美曲線與其周邊的空間，營造出高級與傳統(tǒng)的氛圍LuxuryLuxury西文字體，襯線體比無襯線體有格調(diào)以史為鑒以史為鑒東方語系，宋體感覺比黑體高雅窈窕淑女君子好逑手寫字體，尤其是毛筆字體豎排最能體現(xiàn)歷史效果誠信誠信字體周圍留有空間，字號不要太大，無彩色(灰黑),給人強烈的信賴感襯線體和宋體比無襯線體和黑體更為歷史悠久，并為人們長期所用高級感與傳統(tǒng)感文字的優(yōu)美曲線與其周邊的空間，營造出高級與傳統(tǒng)親近感與柔和感沒有邊角的圓形，帶給讀者一種親近的感覺文字的親近感與柔和感文字的親近感與柔和感線條纖細，前段尖銳的直線型設(shè)計給人危險難以靠近的印象線條粗大，前端渾圓的文字，不會讓人感覺到緊張，富有易于親近和柔和感文字的親近感與柔和感HAPPY？采用類似于手寫的字體，能更進一步讓人覺得，易于親近，有生命力的溫暖背景采用冷色系會呈現(xiàn)出冰冷、生硬的印象；最好能采用暖色系，別讓顏色對比過于強烈HAPPY？無論是自然界中還是人工制品，尖銳細長的會感覺到危險；圓滑的則給人“安心感”但是渾圓的文字也會給人“孩子氣”“輕浮”的感覺，不適用于著重信賴感的作品親近感與柔和感沒有邊角的圓形，帶給讀者一種親近的感覺文字的親未來性與先進性有規(guī)則性如圖形般的文字，會讓人感受出新穎和科技感FutureFutureeternityeternity文字的構(gòu)成要素越單純未來性、先進性的印象就越強。無襯線體勝過襯線體，黑體勝過宋體讓文字構(gòu)成要素更加單純，當作圖形來使用，更能加強未來性的印象不斷讓文字單純化，就會讓文章變得不容易閱讀，要考慮用途及想要表現(xiàn)的意向之間的平衡使用過多顏色，先進的印象戶變得淡?。唤ㄗh活用黑色或灰色這類無彩色，采取少色的配色方式未來性與先進性有規(guī)則性如圖形般的文字，會讓人感受出新穎和科技懷舊與復(fù)古文字設(shè)計有其流行性，可以反映出時代的風貌DESIGNDESIGN一般來說，富有“懷舊”感的文字，其特色具有手寫字的溫暖及柔和羅馬字體是從古羅馬時代一直沿用至今的一種古典設(shè)計文字哥特體是由鋼筆的草寫體演化而來，給人又黑又重的印象懷舊與復(fù)古文字設(shè)計有其流行性，可以反映出時代的風貌DESIG華麗感與裝飾性裝飾性高的文字，有引入注目的效果江湖情懷HEAVY為了吸引目光，廣告牌和海報總是以粗大的文字呈現(xiàn)，這是東方和歐美共同的文化HAPPYCAT從藤蔓、葉子、羽毛、花朵等自然物中獲取構(gòu)思，加入文字，可以營造優(yōu)美華麗的氣氛以“圖”來設(shè)計文字，將是否易讀的想法暫擱一旁，從視覺來說能帶來不小沖擊CATpicture華麗感與裝飾性裝飾性高的文字，有引入注目的效果江湖情懷HEA傳統(tǒng)文化要讓人感到傳統(tǒng)文化，非豎排的毛筆字莫屬這五種文字設(shè)計，便是書法的根本。就設(shè)計感來說，能強烈感受到傳統(tǒng)文化的字體是楷書、行書、草書給人古樸的印象的配色，減少鮮艷的顏色，避免太過亮眼的色調(diào)草書篆書隸書行書楷書毛筆字白日依山盡黃河入海流欲窮千里目更上一層樓配合運筆而省略筆畫的行書和草書，是以豎排為前提而設(shè)計，最好不要使用橫向的排列方式毛筆字傳統(tǒng)文化要讓人感到傳統(tǒng)文化，非豎排的毛筆字莫屬這五種文字設(shè)計嚴謹感與信耐感將標準的文字設(shè)計作寬松的搭配，借此增加其信耐感愉悅且充滿現(xiàn)代感的文字設(shè)計，在吸引目光上有很高的效果，但卻很難讓人有信賴感要塑造出嚴謹和值得信賴的印象，東方語系采用宋體，西方語系則采用襯線體乘上信賴之翼翱翔嚴謹感與信耐感將標準的文字設(shè)計作寬松的搭配，借此增加其信耐感自然感與手工感手寫的文字，會讓人感覺到手的溫度與膚觸的溫柔比起有棱有角的設(shè)計，圓滑的文字給人印象比較溫柔。另外文字之間的距離最好寬松一些比起方方正正的狀態(tài)，有點歪斜反而能提升手工感要更加感覺自然，還得靠手寫字體自然感與手工感手寫的文字，會讓人感覺到手的溫度與膚觸的溫柔比精致的印象想營造出精致的印象時，文字的配置方式比采用何種字體更重要無襯線體比襯線體利落；細體字比粗體字利落不論使用何種配置的文字，若配置過于擁擠，整體設(shè)計看起來并感覺沉悶、土氣將字號調(diào)小，極力縮減字數(shù)，配置要素力求簡練，盡可能留白，這樣便有精致的感覺refinerefine精致的印象想營造出精致的印象時，文字的配置方式比采用何種字體力道與沖擊力將粗線條、有棱有角的文字放大排版，能呈現(xiàn)出力道比起纖細的文字，粗線條的文字較能呈現(xiàn)出力道；越采用直線型字體越能呈現(xiàn)堅硬的意向比起襯線體和宋體，無襯線體和黑體更能顯得出力道文字若是黑色，不管背景是何種顏色，力道相似；若背景是黑色，文字應(yīng)選用白色文字距離拉開給人松散的感覺，要給人緊張感就盡可能緊縮文字間距IMPACTIMPACTSHOCKSHOCK力力力力FIGHTFIGHT力道與沖擊力將粗線條、有棱有角的文字放大排版，能呈現(xiàn)出力道比纖細與美麗細膩、有生命力的曲線，呈現(xiàn)出纖細之美在東方語系中，可使用線條纖細的字體，如宋體；想給人流暢的印象，可使用行書或草書在西方語系中，可使用線條纖細的襯線體；若使用鋼筆字的手寫體更能強調(diào)纖細感年輕女性喜好較為圓滑可愛的文字；至于商業(yè)類和學習，則是要求線條更為銳利的設(shè)計流暢的字體流暢的字體delicatedelicateLovelyTIGHTLY纖細與美麗細膩、有生命力的曲線，呈現(xiàn)出纖細之美在東方語系中，何為容易閱讀的文字編排字號邊界行長和分欄行距Step3容易閱讀的文字組合視覺的導(dǎo)向接近和遠離內(nèi)容和字體的關(guān)系對比何為容易閱讀的文字編排Step3容易閱讀的文字組合視覺的導(dǎo)向何謂容易閱讀的文字編排為了讓文字容易閱讀，有了許多的規(guī)則容易閱讀容易看容易理解版型文字方向字體字號邊界行長、分欄、欄距行距要一次整理出所有文字組合的要素是很困難的；依照左圖的順序一步步的做好，就能排出容易閱讀的文章何謂容易閱讀的文字編排為了讓文字容易閱讀，有了許多的規(guī)則容易字號容易閱讀的字號，會根據(jù)文字的目的、作用、讀者對象而改變標題部分正文部分補充部分字號依照大標題、小標題、副標題、引言的順序逐漸變小正文字號依據(jù)閱讀對象的年齡來變化補充說明部分，像專欄、批注和照片說明等要素，基本上比正文字號更小字號容易閱讀的字號，會根據(jù)文字的目的、作用、讀者對象而改變標邊界“邊界”，不僅能幫助閱讀，也會左右人們對頁面的印象123441321訂口切口天頭地腳234狹窄的邊界，信息量多，適合給人熱鬧感覺的雜志、宣傳冊和傳單寬廣的邊界，會產(chǎn)生高雅的高級感，非常適合名牌的宣傳冊等刊物邊界“邊界”，不僅能幫助閱讀，也會左右人們對頁面的印象123行長與分欄為了要讓長篇文章容易閱讀，必須設(shè)定適當?shù)男虚L與分欄行長欄欄欄距行長行長過長難以閱讀，35-55mm視線移動距離短，也容易閱讀欄當一行太長的時候，可分割成幾個欄欄距比頁邊距窄，若太窄則會難以閱讀，最好是大于正文的兩個字左右的寬度行長與分欄為了要讓長篇文章容易閱讀，必須設(shè)定適當?shù)男虚L與分欄行距行距的空隙大小，是為讓人感受到文章的“間隔”的重點行距行高標題標題部分是視覺焦點，要求產(chǎn)生強烈的效果，行距設(shè)為“0”，文字不會重疊正文行距一般設(shè)為半個字到一個字的尺寸，有些字體很大或很粗，稍微擴大行距說明注釋補充性文字要比正文字號小，行長也短，行距設(shè)為一個字的1/4~1/2行距行距的空隙大小，是為讓人感受到文章的“間隔”的重點行距行視覺的導(dǎo)向隨著實現(xiàn)自然流動來配置版面，就會讓文字變得容易閱讀橫排豎排熱鬧依照視線的流暢移動排版而形成的版面配置，是很標準的容易閱讀的配置這種規(guī)則的排版，會單調(diào)缺乏變化傳單和休閑類雜志會故意打亂順序，營造歡樂氛圍視線移動方向視覺的導(dǎo)向隨著實現(xiàn)自然流動來配置版面，就會讓文字變得容易閱讀接近和遠隔使關(guān)系強的文字接近，內(nèi)容相異的文字遠離的配置CreativeDirectorLeeSimonStudioU235.N.Y.,S.U.Asimon@u235.xxxArtDirectorJohnWalterWalterDesignTokyo,Japanwalter@fdo.xx.jp毫無章法的配置這些文字，版面會變得雜亂難以閱讀統(tǒng)一文字的位置和間距，雖然變得較容易閱讀，但卻無法理解文字之間的關(guān)系將內(nèi)容緊密的文字放在一起成為一組，將其余文字隔開，讓彼此的關(guān)系變得明確CreativeDirectorLeeSimonStudioU235.N.Y.,S.U.Asimon@u235.xxxArtDirectorJohnWalterWalterDesignTokyo,Japanwalter@fdo.xx.jpCreativeDirectorLeeSimonStudioU235.N.Y.,S.U.Asimon@u235.xxxArtDirectorJohnWalterWalterDesignTokyo,Japanwalter@fdo.xx.jp接近和遠離，不僅局限于文字、照片與文字、照片與照片等，其在各式各樣的情況都會出現(xiàn)接近和遠隔使關(guān)系強的文字接近，內(nèi)容相異的文字遠離的配置Cre內(nèi)容和字體的關(guān)系如果選用適合文章內(nèi)容的字體，由視覺角度來看，整體印象也變得容易傳達文字Font文字文字FontFont文字Font文字文字FontFont文字Font文字文字FontFont想要營造傳統(tǒng)可信賴及高級感時，可以使用宋體、楷書、行書等，或可以使用襯線體和傳統(tǒng)的手寫體想要營造都會感和時尚的氣氛，可以使用黑體和無襯線體。字體的寬度不同，給人的印象也會發(fā)生變化想要營造出親切和熱鬧快樂的氛圍時，可以使用如手寫般的字體，或是運用裝飾手法般的字體內(nèi)容和字體的關(guān)系如果選用適合文章內(nèi)容的字體，由視覺角度來看，對比給文字加點適度變化，整個版面就能顯現(xiàn)出強弱節(jié)奏，也讓人容易閱讀改變文字本身設(shè)定的方法，長、寬、字體及色彩等文字本身不變化，改變組合方法產(chǎn)生對比，如留白空間、加橫線、改變行長和對齊方式等對比的目的是強調(diào)出重要的文字，使其不會埋沒與版面中若強調(diào)過多反而不協(xié)調(diào)，根據(jù)需求考慮對比強度，需要仔細把握方法一方法二對比給文字加點適度變化，整個版面就能顯現(xiàn)出強弱節(jié)奏，也讓人容字號對比重量對比色彩對比節(jié)奏材質(zhì)立體緊排Step4做出美觀的版面寬排方向性著重點陰影邊線與外框擬態(tài)裁切字號對比Step4做出美觀的版面寬排字號對比將文字的字號加以變化，是強調(diào)文字最基本的手法字號大小的變化稱為躍出率。文字躍出率低會給人一種平淡無奇的印象，提高躍出率可以創(chuàng)造強弱變化、增加沖擊力將文字當作重量來思考，字號越大，其所在之處重量越重；字號小，只要分量夠多，重量也會變重在長篇文章中，段落總結(jié)句使用大一點的文字，整體內(nèi)容就特別容易把握，這種句子稱為“小標”字號對比將文字的字號加以變化，是強調(diào)文字最基本的手法字號大小重量對比把字的重量加以變化，版面也會產(chǎn)生強弱的差別所謂“重量”是指文字的線條粗細相同字號文字，可以借由字的重量變化來表現(xiàn)強弱線條粗感覺沉重，有存在感，線條細感覺輕巧helveticahelveticaDesignRulesofTypographyweightweight重量對比把字的重量加以變化，版面也會產(chǎn)生強弱的差別所謂“重量字體對比在字體上添加變化，可以讓讀者心中感覺到傳達者的在“在意”將部分文字改用其他字體，會讓讀者感到異樣感，這種異樣感是聚集目光的重點相近的字體效果不太明顯，變換字體時，請使用給人感覺完全不同的字體即使差異明顯的字體，線條細時不會有太大差異，請一種使用粗線，或都使用粗線字體對比適合使用在內(nèi)容對立的字詞或文章上，不同字體產(chǎn)生的“異樣感”，更可以產(chǎn)生鮮明的對比赤黑stairwayToSevenstairwayToSeven字體對比在字體上添加變化，可以讓讀者心中感覺到傳達者的在“在色彩對比若要強調(diào)某一部分時，改變文字顏色是極為有效的方法autumnautumn上方的autumn配色給人夏天的感覺，下方配色有秋意的感覺沒有明度差視認性差(上)，有明度差，視認性高(下)文字用前進色，看起來就會上??；用后退色就會變得不太顯眼protrudeprotrude在單張圖片上使用較多色彩時，將色調(diào)統(tǒng)一，會有整體和諧感autumnautumnHAPPYnewyear20142013前進色：暖色色調(diào)：鮮艷程度與明度的組合色彩對比若要強調(diào)某一部分時，改變文字顏色是極為有效的方法au節(jié)奏在版面上創(chuàng)造出節(jié)奏，那個部分就會成為目光的焦點完全按照規(guī)則，正確排列文字時，顯得整齊而易于閱讀，但感受不到律動，給人單調(diào)而無趣的印象改變部分文字的大小，一旦字體、粗細和色彩有所變動，版面就會產(chǎn)生“節(jié)奏感”給人有趣的印象想要更具動態(tài)的表現(xiàn)節(jié)奏感，需要花點心思，改變排列角度，橫排換豎排，文字放大超出版面等，注意留下一定的“靜止”部分節(jié)奏在版面上創(chuàng)造出節(jié)奏，那個部分就會成為目