FONTAND

LAYOUTDESIGN字體與版式設(shè)計(jì)第1章概述.pptx第2章文字書寫基本規(guī)律.pptx第3章創(chuàng)意字體設(shè)計(jì).pptx第4章段落文字的設(shè)計(jì)方法.pptx第5章版式設(shè)計(jì)基本理論.pptx第6章版面中的文字群體.pptx第7章版面中的文字設(shè)計(jì)與編排.pptx第8章圖版構(gòu)成與設(shè)計(jì).pptx全套PPT課件第一章概述FONTAND

LAYOUTDESIGN第一節(jié)字體設(shè)計(jì)基本知識(shí)文字是人類傳遞信息、記錄語(yǔ)言的符號(hào)，是文明社會(huì)的標(biāo)志。在不同的歷史時(shí)期，文字被賦予了不同的造型風(fēng)格與外觀形態(tài)。而我們所說的字體，就是對(duì)文字造型風(fēng)格與外觀形態(tài)的概括，如古代以不同的文字形態(tài)區(qū)分隸書、楷書和行書等字體。從某種程度上說，字體體現(xiàn)了各個(gè)歷史時(shí)期的人文風(fēng)貌和藝術(shù)發(fā)展歷程。一、什么是字體03/37字體與版式設(shè)計(jì)隸書：《石門頌》楷書：顏氏家廟碑04/37字體與版式設(shè)計(jì)行書：《蘭亭序》05/37字體與版式設(shè)計(jì)字體設(shè)計(jì)是按照視覺設(shè)計(jì)規(guī)律，運(yùn)用不同的藝術(shù)表現(xiàn)手法，對(duì)文字的造型與結(jié)構(gòu)、編排與組合進(jìn)行美化加工，以其靈活多變的設(shè)計(jì)語(yǔ)言與視覺形式給人以美的感受，提高字體的識(shí)別性與可讀性，加強(qiáng)視覺沖擊力與藝術(shù)感染力，從而達(dá)到樹立品牌形象、改變輿論傾向、博得受眾支持等目的。字體設(shè)計(jì)的基本屬性：1.實(shí)用性2.藝術(shù)性06/37二、字體設(shè)計(jì)的概念字體與版式設(shè)計(jì)就其造型而言，字體有其自身的特點(diǎn)，它包括實(shí)用性和藝術(shù)性兩個(gè)方面。從實(shí)用性來說，要求字形筆畫規(guī)范準(zhǔn)確，具有良好的識(shí)別性和可讀性；從藝術(shù)性來說，要求設(shè)計(jì)形象美觀、富有個(gè)性，具有較強(qiáng)的視覺沖擊力和藝術(shù)感染力。07/37字體與版式設(shè)計(jì)不同的字體形式有其獨(dú)特的結(jié)構(gòu)特點(diǎn)，傳遞出與眾不同的氣質(zhì)，在此基礎(chǔ)上對(duì)文字形象進(jìn)行符合設(shè)計(jì)對(duì)象特性要求的創(chuàng)意處理，表達(dá)出設(shè)計(jì)者的創(chuàng)意就是字體設(shè)計(jì)的意義所在。字體設(shè)計(jì)作為藝術(shù)設(shè)計(jì)的一部分，在不斷地發(fā)展、創(chuàng)新，改變著人類的文化觀念與生活方式，同時(shí)它也是體現(xiàn)人類文明進(jìn)步的重要標(biāo)志。08/37字體與版式設(shè)計(jì)三、字體設(shè)計(jì)的意義隨著社會(huì)的進(jìn)步和人們審美情趣的提高，字體設(shè)計(jì)的應(yīng)用形式、傳播媒介、表達(dá)方式、創(chuàng)作方法等都有更多層次的拓展，并且被廣泛地應(yīng)用到各個(gè)設(shè)計(jì)領(lǐng)域，如標(biāo)志設(shè)計(jì)、商品包裝設(shè)計(jì)、海報(bào)設(shè)計(jì)、書籍裝幀設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)、展示設(shè)計(jì)、動(dòng)漫設(shè)計(jì)等領(lǐng)域。不同設(shè)計(jì)領(lǐng)域的字體形態(tài)展現(xiàn)出不同的功能與性格。字體設(shè)計(jì)在標(biāo)志設(shè)計(jì)中的應(yīng)用09/37字體與版式設(shè)計(jì)10/37字體與版式設(shè)計(jì)字體設(shè)計(jì)在海報(bào)設(shè)計(jì)中的應(yīng)用（一）手繪字體的工具11/37字體與版式設(shè)計(jì)四、字體設(shè)計(jì)的常用工具（二）字體設(shè)計(jì)相關(guān)軟件......鉛筆：較常見的繪圖工具，有硬鉛和軟鉛的區(qū)別。硬鉛可以畫出比較細(xì)膩而明朗的線條，軟鉛則可以描繪出明度比較低的線條。(一)手繪字體的工具12/37字體與版式設(shè)計(jì)橡皮：一般分為兩種，即普通橡皮和可塑橡皮。普通橡皮可以用來涂擦字體結(jié)構(gòu)線，可塑橡皮可塑造明暗關(guān)系，常用于比較復(fù)雜的字體創(chuàng)作。(一)手繪字體的工具13/37字體與版式設(shè)計(jì)普通橡皮可塑橡皮針管筆：手繪字體的基本工具之一，能繪制出均勻一致的線條。(一)手繪字體的工具14/37字體與版式設(shè)計(jì)鋼筆：既能繪制出毛筆字剛勁有力的意境，同時(shí)也是很好用的涂鴉工具。(一)手繪字體的工具15/37字體與版式設(shè)計(jì)手寫鋼筆字體馬克筆：主要用于一次性的快速繪圖，常用于產(chǎn)品設(shè)計(jì)、廣告標(biāo)語(yǔ)設(shè)計(jì)、海報(bào)繪制或其他美術(shù)創(chuàng)作，可畫出變化不大的、較粗的線條。(一)手繪字體的工具16/37字體與版式設(shè)計(jì)毛筆：一般用于水墨風(fēng)格與中國(guó)風(fēng)的表現(xiàn)。(一)手繪字體的工具17/37字體與版式設(shè)計(jì)平頭筆：可使筆畫保持一定粗細(xì)，哥特體就是運(yùn)用平頭筆繪制出來的。(一)手繪字體的工具18/37字體與版式設(shè)計(jì)哥特體變形字體平頭筆AdobePhotoshop：可制作各種特效字體。(二)字體設(shè)計(jì)的相關(guān)軟件19/37字體與版式設(shè)計(jì)Coreldraw和AdobeIllustrator：可制作各種矢量字體，字體放大不會(huì)出現(xiàn)鋸齒和變形，打印時(shí)非常清晰，一般用于字體結(jié)構(gòu)的搭建和處理。(二)字體設(shè)計(jì)的相關(guān)軟件20/37字體與版式設(shè)計(jì)MAYA和3dMax：可制作的立體字廣泛應(yīng)用于影視片頭和廣告片中。(二)字體設(shè)計(jì)的相關(guān)軟件21/37字體與版式設(shè)計(jì)AfterEffects：一款圖形視頻處理軟件，我們可以在字體設(shè)計(jì)完成后，用該設(shè)計(jì)軟件進(jìn)行動(dòng)畫效果的處理和渲染，達(dá)到耳目一新的效果。(二)字體設(shè)計(jì)的相關(guān)軟件22/37字體與版式設(shè)計(jì)InDesign：是一款專業(yè)的排版軟件，亦可處理矢量、像素兩種文字類型。(二)字體設(shè)計(jì)的相關(guān)軟件23/37字體與版式設(shè)計(jì)版式設(shè)計(jì)是指在有限的版面空間里，根據(jù)特定內(nèi)容的需要，將文字字體、圖片圖形、線條線框、色塊肌理等視覺元素進(jìn)行合理地編排組合，從而正確地表現(xiàn)版面信息，并運(yùn)用造型要素及形式原理，把構(gòu)思與計(jì)劃以視覺形式表達(dá)出來。24/37字體與版式設(shè)計(jì)第二節(jié)版式設(shè)計(jì)基本知識(shí)一、版式設(shè)計(jì)的概念25/37字體與版式設(shè)計(jì)上面兩圖均是田中一光的作品。版面體現(xiàn)出巧妙共生的虛實(shí)關(guān)系以及熱情飽滿的民族色彩，各視覺元素既能形成對(duì)比，又能協(xié)調(diào)共生。他的作品結(jié)合了濃厚的東方文化和鮮明的現(xiàn)代意識(shí)，創(chuàng)作出令人耳目一新的視覺形象，具有高度的象征性與濃厚的藝術(shù)氣息。版式設(shè)計(jì)是現(xiàn)代設(shè)計(jì)師必備的藝術(shù)修養(yǎng)與基礎(chǔ)技能，設(shè)計(jì)師不僅僅要把設(shè)計(jì)觀點(diǎn)傳達(dá)給受眾，更要廣泛地調(diào)動(dòng)受眾的熱情，使受眾在接受版面信息的同時(shí)獲得美的感受。26/37字體與版式設(shè)計(jì)版式設(shè)計(jì)的原則就是通過恰當(dāng)而有藝術(shù)感染力的編排，讓受眾在享受美感的同時(shí)，接受作者想要傳達(dá)的信息。版式設(shè)計(jì)的最終目的是使版面產(chǎn)生清晰的條理性，幫助受眾正確地理解版面信息，達(dá)到最佳的訴求效果。二、版式設(shè)計(jì)的意義27/37字體與版式設(shè)計(jì)設(shè)計(jì)學(xué)科的發(fā)展和設(shè)計(jì)領(lǐng)域的不斷擴(kuò)大，使版式設(shè)計(jì)已不局限于報(bào)紙、包裝、書籍裝幀、海報(bào)、宣傳冊(cè)、企業(yè)形象和網(wǎng)頁(yè)等二維平面上的呈現(xiàn)，我們?cè)谌S的立體和四維的空間中也能看到它的身影。例如，包裝設(shè)計(jì)中各個(gè)特定的平面，展示空間各種識(shí)別標(biāo)志的組合，以及都市商業(yè)區(qū)中懸掛的標(biāo)語(yǔ)和霓虹燈等。二、版式設(shè)計(jì)的意義28/37字體與版式設(shè)計(jì)版式設(shè)計(jì)在包裝設(shè)計(jì)中的應(yīng)用版式設(shè)計(jì)在書籍裝幀中的應(yīng)用版式設(shè)計(jì)在商業(yè)區(qū)霓虹燈中的應(yīng)用29/37字體與版式設(shè)計(jì)版式設(shè)計(jì)的程序一般包括以下幾點(diǎn)：項(xiàng)目分析與調(diào)研提煉主題明確設(shè)計(jì)定位資料收集確定版面結(jié)構(gòu)圖文編排與處理30/37字體與版式設(shè)計(jì)三、版式設(shè)計(jì)的一般程序版式設(shè)計(jì)作為加強(qiáng)信息傳遞的表現(xiàn)手法之一，在設(shè)計(jì)編排的過程中應(yīng)注意其主次結(jié)構(gòu)關(guān)系。因此，在編排一個(gè)版面的圖片與文字等信息元素的時(shí)候，根據(jù)主題內(nèi)容的要求，應(yīng)先確立版面的結(jié)構(gòu)，再按照結(jié)構(gòu)的劃分進(jìn)行文字與圖形的編排，最后使版面達(dá)到協(xié)調(diào)統(tǒng)一的視覺效果。31/37字體與版式設(shè)計(jì)字體設(shè)計(jì)與版式設(shè)計(jì)是相輔相成的，盡管它們?cè)谄矫嫔戏謱儆趦煞N不同特質(zhì)的造型手段，扮演著屬于自己的角色，承擔(dān)著不同的任務(wù)，但在同一時(shí)空共同表現(xiàn)時(shí)，版式設(shè)計(jì)將包括字體在內(nèi)的各種構(gòu)成要素有機(jī)地組合在一起，以達(dá)到最佳的視覺傳達(dá)效果，引起受眾的注意和興趣。32/37字體與版式設(shè)計(jì)第三節(jié)字體設(shè)計(jì)與版式設(shè)計(jì)的關(guān)系字體設(shè)計(jì)的首要任務(wù)是版面中文字的視覺化處理。換句話說，就是如何通過恰當(dāng)?shù)淖煮w設(shè)計(jì)，使圖文的閱讀更加順暢舒適。對(duì)于成功的平面設(shè)計(jì)作品來說，字體設(shè)計(jì)在版式設(shè)計(jì)中起著不可估量的作用。33/37字體與版式設(shè)計(jì)左圖，運(yùn)用稚拙的手寫字體作為版面的主視覺，對(duì)字體的形態(tài)、顏色進(jìn)行對(duì)比，使版面更加生動(dòng)、活潑，更具視覺吸引力。34/37字體與版式設(shè)計(jì)左圖以文字作為版面的主要構(gòu)成要素，采用文字具象化的特殊處理，賦予版面以趣味性。35/37字體與版式設(shè)計(jì)任何視覺藝術(shù)都離不開字體與版式設(shè)計(jì)，所有的平面設(shè)計(jì)作品都是通過字體與圖形的精心編排，從而形成一個(gè)完整的畫面。36/37字體與版式設(shè)計(jì)臨寫楷書、隸書，體會(huì)傳統(tǒng)字體的結(jié)構(gòu)特征，感受文字的魅力。相關(guān)練習(xí)學(xué)生作業(yè)示例37/37字體與版式設(shè)計(jì)FONTAND

LAYOUTDESIGN字體與版式設(shè)計(jì)

第二章文字書寫基本規(guī)律FONTAND

LAYOUTDESIGN第一節(jié)漢字書寫規(guī)律(一)節(jié)奏與韻律節(jié)奏:是指按照一定的條理、秩序，重復(fù)連續(xù)地排列，形成的一種律動(dòng)形式。韻律：有規(guī)律的節(jié)奏經(jīng)過擴(kuò)展和變化所產(chǎn)生的流動(dòng)美。一、漢字的形式美法則03/44字體與版式設(shè)計(jì)04/44字體與版式設(shè)計(jì)漢字是由點(diǎn)、線組合而成的，在點(diǎn)與線的組合之中，存在著力的呼應(yīng)和對(duì)比，線條規(guī)律性的重復(fù)、扭曲、排列，形成節(jié)奏與韻律，只有當(dāng)成組的線條按照一定的規(guī)律和視覺心理構(gòu)成完美的整體時(shí)，才能產(chǎn)生優(yōu)美和諧、富有藝術(shù)感染力的字體。05/44字體與版式設(shè)計(jì)(二）對(duì)稱與平衡對(duì)稱:一種等量等形的組合形式，它的表現(xiàn)形式如同天平一般，對(duì)稱軸兩端的形態(tài)面積是相等的，對(duì)稱的形態(tài)能表達(dá)秩序、安靜與威嚴(yán)等心理感受。平衡:一種等量不等形的組合形式，它是一種動(dòng)態(tài)的平衡，畫面中的形態(tài)和面積不一定絕對(duì)相等。它在表現(xiàn)形式上比對(duì)稱有更寬的自由度。06/44字體與版式設(shè)計(jì)平衡是在字體設(shè)計(jì)當(dāng)中取得協(xié)調(diào)性的一種重要手段，很多時(shí)候我們所追求的是視覺上的平衡與統(tǒng)一，而非絕對(duì)的平衡。07/44字體與版式設(shè)計(jì)(三）變化與統(tǒng)一變化與統(tǒng)一的關(guān)系是既相互對(duì)立又相互依存的。沒有變化，就沒有創(chuàng)新和發(fā)展；沒有統(tǒng)一，就會(huì)顯得雜亂無章。統(tǒng)一：重在體現(xiàn)漢字的共性與整體性，如筆畫形態(tài)、顏色、大小等的統(tǒng)一。變化：不是毫無規(guī)則的變化，這里是指在統(tǒng)一的基礎(chǔ)上產(chǎn)生變化，避免字體因過于統(tǒng)一而缺乏生氣。08/44字體與版式設(shè)計(jì)在漢字設(shè)計(jì)過程中，我們?cè)诒３肿中谓Y(jié)構(gòu)整體統(tǒng)一的基礎(chǔ)上，將某些筆畫做一些特異的處理和變化，會(huì)使其在細(xì)節(jié)上更具表現(xiàn)力。09/44字體與版式設(shè)計(jì)(四）對(duì)比與調(diào)和對(duì)比：差異性的強(qiáng)調(diào)，對(duì)比的因素存在于相同或相異的性質(zhì)之間，也就是把相對(duì)的兩要素進(jìn)行比較，產(chǎn)生大小、明暗、黑白、強(qiáng)弱、疏密等的對(duì)比。沒有視覺上的對(duì)比，設(shè)計(jì)作品常常會(huì)陷入平庸。調(diào)和：即和諧融洽，是指適合、安定、統(tǒng)一，是近似性的強(qiáng)調(diào)，使兩者或兩者以上的要素具有某種共性。10/44字體與版式設(shè)計(jì)對(duì)比與調(diào)和是相輔相成的。在漢字設(shè)計(jì)中常用對(duì)比與調(diào)和來突出主題、豐富整體畫面等。11/44字體與版式設(shè)計(jì)二、漢字的基本筆型結(jié)構(gòu)(一)漢字的基本筆形筆畫是漢字的最小構(gòu)成單位，筆畫的形狀特征是造成文字差異的最主要因素。漢字的筆畫可以歸納為8種：點(diǎn)、橫、豎、撇、捺、提、折、鉤，它是從漢字“永”的基本筆畫延伸出來的，是創(chuàng)造優(yōu)美字體的基礎(chǔ)。通常，在字體設(shè)計(jì)中需要先設(shè)定好基本筆形，然后再進(jìn)行造字。通過對(duì)宋體、黑體的筆形分析，熟悉、掌握它們的繪寫規(guī)律，對(duì)開創(chuàng)新的筆形風(fēng)格、新的字體起著很好的輔助作用。1.宋體宋體的特點(diǎn)是字形方正，筆畫橫平豎直、橫細(xì)豎粗、棱角分明，結(jié)構(gòu)嚴(yán)謹(jǐn)、整齊均勻，有極強(qiáng)的筆畫規(guī)律性。末端有裝飾（“字腳”或“襯線”），點(diǎn)、撇、捺、鉤等筆畫有尖端，屬于白體。12/44字體與版式設(shè)計(jì)13/44字體與版式設(shè)計(jì)2.黑體黑體字形端莊，筆畫單純、粗細(xì)一致，起筆收筆均呈方形，沒有襯線裝飾，故又稱方頭體或等線體。黑體視覺效果強(qiáng)烈，給人以粗實(shí)有力、嚴(yán)肅莊重、樸素大方的視覺感受，適用于標(biāo)題等需要重點(diǎn)突出的位置。14/44字體與版式設(shè)計(jì)(二)漢字的結(jié)構(gòu)規(guī)范字體的結(jié)構(gòu)就像動(dòng)物的骨架，必須要疏密有致、結(jié)構(gòu)嚴(yán)謹(jǐn)。影響漢字結(jié)構(gòu)的因素很多，但主要需注意以下幾點(diǎn)：1.空間結(jié)構(gòu)2.重心3.字面大小15/44字體與版式設(shè)計(jì)1.空間結(jié)構(gòu)以字體結(jié)構(gòu)劃分，可將漢字分為獨(dú)體字和合體字兩大類別。獨(dú)體字：由筆畫為基本單位構(gòu)成的字體，一般筆畫較少，構(gòu)成簡(jiǎn)潔。合體字:由兩個(gè)或兩個(gè)以上的偏旁部首組成的字體。合體字因組合方式的不同，又可細(xì)分為左右結(jié)構(gòu)、上下結(jié)構(gòu)、左中右結(jié)構(gòu)、上中下結(jié)構(gòu)、上下左右結(jié)構(gòu)、全包圍結(jié)構(gòu)、半包圍結(jié)構(gòu)和穿插結(jié)構(gòu)。獨(dú)體結(jié)構(gòu)：人、丈、我……左右結(jié)構(gòu)：掙、顆、法……上下結(jié)構(gòu)：志、宇、思……上中下結(jié)構(gòu)：髻、稟、曼……左中右結(jié)構(gòu)：湖、衍、辯……16/44字體與版式設(shè)計(jì)上下左右結(jié)構(gòu)：華、敷、覆……全包圍結(jié)構(gòu)：囚、回、圍……半包圍結(jié)構(gòu)：同、巨、匹……穿插結(jié)構(gòu)：多、會(huì)、有……17/44字體與版式設(shè)計(jì)書寫漢字時(shí)，要注意漢字結(jié)構(gòu)的比例分割，進(jìn)行恰當(dāng)?shù)慕M合。18/44字體與版式設(shè)計(jì)如下圖,上下、上中下結(jié)構(gòu)的文字必須做到上緊下松，一般上部稍小、下部稍大，如劣、蘋等。左右結(jié)構(gòu)的文字由于受到從左到右的閱讀習(xí)慣的影響，一般左側(cè)稍小，右側(cè)稍大，以區(qū)分主次，且避免簡(jiǎn)單重復(fù)，如明、林、幼等。即使左側(cè)部分筆畫較多，右側(cè)較少，也應(yīng)適當(dāng)縮小左側(cè)體量，如敘、勁、數(shù)等。19/44字體與版式設(shè)計(jì)2.重心在一個(gè)正方形中用目測(cè)的方法找出一個(gè)中心，做上記號(hào)，稱為“視覺中心”；然后在四角畫兩條對(duì)角線，相交之處叫做“絕對(duì)中心”（也叫幾何中心）。實(shí)驗(yàn)表明，大多數(shù)人的視覺中心都在絕對(duì)中心的上方稍微偏左的位置。這種現(xiàn)象叫做“視錯(cuò)覺”，是自然界中萬(wàn)有引力定律的反映。20/44字體與版式設(shè)計(jì)針對(duì)這一現(xiàn)象，在進(jìn)行漢字書寫時(shí)，要把中心定在視覺中心上，字體的上半部緊湊一些、下半部寬暢一些，以求得視覺上的平衡。如圖a，將“豐”字中間一橫，放在正方形的絕對(duì)中心上，在視覺上會(huì)給人以重心偏低、頭重腳輕的感覺。而將中間一橫提高后，在視覺上才顯得穩(wěn)定，如圖b。3.字面大?。?）外形傳統(tǒng)上我們稱漢字為“方塊字”，其實(shí)根據(jù)字形結(jié)構(gòu)的不同,我們可將其具體分為方形、三角形、菱形以及圓形4種幾何形態(tài)。從理論上來講，長(zhǎng)寬相等的4個(gè)圖形的面積大小統(tǒng)一，但視覺觀感上卻存在著大小的差異，其中方形最大，菱形最小。所以在書寫時(shí)要依據(jù)文字本身的構(gòu)成形態(tài)進(jìn)行適當(dāng)調(diào)整，達(dá)到視覺面積相近、整體完整的狀態(tài)。21/44字體與版式設(shè)計(jì)如左圖，在同樣大小的兩個(gè)方格內(nèi)畫多條密集的線，一個(gè)畫滿豎線，另一個(gè)畫滿橫線，畫滿豎線的方格顯寬，畫滿橫線的方格則顯窄。由此可見，在字體中，與格子平行的線條顯長(zhǎng)，如方形字；不與格子平行的線條顯短，如菱形字。22/44字體與版式設(shè)計(jì)如下圖，筆畫線條與所占方塊邊線平行的漢字，在書寫時(shí)要將邊框向內(nèi)收一些，如田、國(guó)、團(tuán)等。而以撇、捺、點(diǎn)、勾為主的文字，因其筆畫不與方塊邊線平行，所以這些筆畫要稍突破方塊邊框，如水、今等。而對(duì)于部分邊線與方塊邊線平行的文字，則部分回收，而與邊線不平行的筆畫仍需外放，如上、匡、風(fēng)等。23/44字體與版式設(shè)計(jì)24/44字體與版式設(shè)計(jì)（2）留白漢字的筆畫繁簡(jiǎn)差距明顯，對(duì)字體的大小影響很大。如下圖，兩個(gè)相同大小的正方形，其中線條少、內(nèi)白多的顯大，線條多、內(nèi)白少的則顯小。在書寫漢字時(shí)，為了取得視覺上的均衡，筆畫少的字要撐滿方格，字面就容易顯大；而筆畫多的則要縮格，字面就容易顯小。25/44字體與版式設(shè)計(jì)如下圖，將“口、囚、國(guó)、圓”4個(gè)字排列在一起，如果處理得同樣大小，那么“口”字會(huì)顯得稍大，“圓”字則會(huì)顯得稍小，為了達(dá)到視覺上的平衡，就必須將“口”字縮小。（3）筆畫粗細(xì)文字的筆畫千變?nèi)f化、繁簡(jiǎn)懸殊，但是不論其筆畫簡(jiǎn)單還是復(fù)雜，都應(yīng)該做到視覺上的和諧統(tǒng)一。要善于根據(jù)視錯(cuò)覺的現(xiàn)象，將文字的筆畫分布得均勻合理，筆畫與筆畫之間的比例、間隙等都應(yīng)該有一定的調(diào)整，這樣文字才具有穩(wěn)定性。26/44字體與版式設(shè)計(jì)漢字筆畫粗細(xì)的調(diào)整需遵循下列原則：橫細(xì)豎粗：同樣粗細(xì)的一條橫線和一條豎線，看上去橫線比豎線粗一點(diǎn)，因此，在漢字書寫中，我們需要將橫向筆畫減細(xì)，使其在視覺上整體統(tǒng)一。27/44字體與版式設(shè)計(jì)外粗內(nèi)細(xì)：筆畫過繁的文字，一般外圍的筆畫略粗一些，內(nèi)里的筆畫略細(xì)一些。交叉減細(xì)：線的交叉越多越顯黑，因此在交叉處筆畫應(yīng)稍細(xì)一些。28/44字體與版式設(shè)計(jì)主粗副細(xì)：主要筆畫支撐著字的骨架和結(jié)構(gòu)，對(duì)字體全貌起決定作用，其余是副筆。一般而言，主要筆畫略粗一些，副筆略細(xì)一些，這樣便于掌握字架結(jié)構(gòu)，以達(dá)到整體的視覺協(xié)調(diào)。疏粗密細(xì)：漢字筆畫多顯黑，筆畫少顯亮。筆畫疏的一般略粗一些，筆畫密的略細(xì)一些。29/44字體與版式設(shè)計(jì)拉丁文字在書寫時(shí)亦要遵循其形式美法則，才能制造出具有美感的視覺傳達(dá)效果。（一）幾何造型拉丁字母是由圓弧線和直線組成的幾何形結(jié)構(gòu)，我們可以按照基本形狀將其分為矩形（如H、E、F）、三角形（如A、V、Y）、圓形（如Q、O、G）以及其他形（如J、L、S）等。30/44字體與版式設(shè)計(jì)第二節(jié)拉丁文字書寫規(guī)律一、拉丁文字的形式美法則31/44字體與版式設(shè)計(jì)拉丁字母的幾何造型本身就具備了視覺上的美感，是人們長(zhǎng)期從事書寫藝術(shù)的結(jié)晶。同時(shí)，它的幾何形結(jié)構(gòu)有利于打造更好的字形效果，使其規(guī)范統(tǒng)一、韻律十足，增強(qiáng)版面的整體效果。（一）統(tǒng)一連貫拉丁字母的筆畫特點(diǎn)是橫細(xì)豎粗，在書寫時(shí)，用筆的傾斜角度應(yīng)始終保持不變，執(zhí)筆的傾斜角度以10°—35°為宜，不同的傾斜角度會(huì)產(chǎn)生不同的粗細(xì)比例和藝術(shù)風(fēng)格。32/44字體與版式設(shè)計(jì)筆勢(shì)統(tǒng)一的拉丁文字均齊、美觀，能在統(tǒng)一與變化中產(chǎn)生美感，帶來良好的視覺吸引力。如左圖所示，作品中將手寫字體以傾斜的方式呈現(xiàn)，在視覺上給人一種向上拉伸的趨勢(shì)，賦予文字以律動(dòng)與和諧美。（三）虛實(shí)留白“實(shí)”在版面中應(yīng)理解為看得見的主體“虛”則是無像無形或模糊細(xì)小的部分。拉丁字母的字形比較簡(jiǎn)練，字母內(nèi)外的虛空間比較大，這些形狀各異的虛空間對(duì)字母的整體形象有很大的影響，并有檢查和糾正字體筆畫的作用。因此我們不僅要關(guān)注筆畫的設(shè)計(jì)，同時(shí)也要注意筆畫以外的虛空間是否具有美感。33/44字體與版式設(shè)計(jì)34/44字體與版式設(shè)計(jì)

字體筆畫的粗細(xì)變化會(huì)帶來不同的視覺感受，要充分注意字母筆畫的粗細(xì)程度，做到疏密有度，讓文字的虛實(shí)空間在視覺上達(dá)到協(xié)調(diào)一致。（四）勻稱安定勻稱：字母組成的勻稱與否，最重要的是要使字母的“作用空間”以外的空白面積配置大致相等。安定：往往是通過文字的結(jié)構(gòu)，將重心放在視覺中心上，并通過上緊下松表現(xiàn)出來的。35/44字體與版式設(shè)計(jì)

善于利用視錯(cuò)覺進(jìn)行字體設(shè)計(jì)是達(dá)到文字勻稱安定、完美統(tǒng)一的重要規(guī)律之一。要想在視覺上獲得大小、粗細(xì)統(tǒng)一的安定感，就要在書寫時(shí)做適當(dāng)調(diào)整。36/44字體與版式設(shè)計(jì)二、拉丁文字的基本筆形結(jié)構(gòu)（一）拉丁文字的基本筆形:襯線體和無襯線體1.襯線體“襯線”指字母筆畫結(jié)構(gòu)之外，邊緣的裝飾部分。襯線不只是裝飾物，它們可以幫助眼睛在字符間互相區(qū)別，有助于水平方向的視覺移動(dòng)，帶來更佳的閱讀體驗(yàn)。襯線體常被用于正文部分，能夠給人以嚴(yán)肅、精致的視覺感受。而且襯線體的書寫十分規(guī)范，很適用于編排印刷。襯線體一般將其分為3種類型：（1）括弧型襯線：帶有緩和曲線的襯線；（2）極細(xì)型襯線：具有極細(xì)筆畫的襯線；（3）粗襯線：四方形粗重的村線。37/44字體與版式設(shè)計(jì)2.無襯線體無襯線體（Sans-serif）是相對(duì)于襯線體而言的，是指字母的每個(gè)筆畫都保持一樣的粗細(xì)比例，沒有任何修飾的字體。無襯線體簡(jiǎn)潔流暢、樸素端正，給人一種輕松、現(xiàn)代的視覺感受，多用于標(biāo)題、較短的文字段落以及一些需要著重突出的地方，或是一些較為通俗的讀物中。38/44字體與版式設(shè)計(jì)（二）拉丁文字的結(jié)構(gòu)特征拉丁文字為線形文字，其高度一定，寬度因字根的增減而變化。大寫拉丁字母的高度是一致的，而寬度不一致；小寫拉丁字母的高度和寬度都不一致，但其高度的錯(cuò)落是有規(guī)律的。拉丁字體的書寫在組織結(jié)構(gòu)上有嚴(yán)格的規(guī)范，以保證字母主體高度的統(tǒng)一。如下圖，“基線”是大小寫字母書寫的基準(zhǔn)，所有字母都排在此線上。39/44字體與版式設(shè)計(jì)在大寫字母中，從基線到大寫字母頂部的高度稱之為“大寫字高”，與大寫字高頂端對(duì)齊的線稱為“大寫字高線”。與大寫字母的大寫字高相對(duì)的是小寫字母的高度，以沒有上下延伸部分的x來作為小寫字母的代表，其高度命名為“x字高”，與x字高頂端對(duì)齊的線稱為“肩線”。x字高直接影響到字母在視覺上的大小，同時(shí)也是決定拉丁文行間距離的依據(jù)。40/44字體與版式設(shè)計(jì)在小寫字母中，從字高向上延伸的部分稱為“升部”，如字母b、d、f、h等，與升部頂端對(duì)齊的線稱為“升部線”。從基線向下延伸的部分叫“降部”，比如字母g、j、p、q、y等，與降部頂端對(duì)齊的線稱為“降部線”。41/44字體與版式設(shè)計(jì)一般來說“升部線”會(huì)比“大寫字高線”稍高。如右圖，當(dāng)大寫字母“I”和小寫字母“l(fā)”放在一起時(shí)，如果將“升部線”和“大寫字高線”設(shè)置成一樣高度的話，會(huì)增加識(shí)別的難度。42/44字體與版式設(shè)計(jì)要想在視覺上獲得大小統(tǒng)一的平衡感，就要在書寫時(shí)做適當(dāng)?shù)恼{(diào)整。外形具有圓弧輪廓的字母，如字母“O”，需要超過基線所劃定的區(qū)域才能使得它在視覺上與方形字母“H”等同；三角形字母“A”的頂端也需要高于大寫字高線，這樣才能在視覺上形成統(tǒng)一。43/44字體與版式設(shè)計(jì)以宋體和黑體為原型，分別設(shè)計(jì)3款字體。要求如下：1、遵循漢字的形式美法則，提取宋體和黑體的結(jié)構(gòu)線；2、對(duì)所提取出來的結(jié)構(gòu)線進(jìn)行適當(dāng)?shù)暮?jiǎn)化；3、在第2步的基礎(chǔ)上，調(diào)整橫、豎筆畫比例，形成新的字體樣式。相關(guān)練習(xí)學(xué)生作業(yè)示例44/44字體與版式設(shè)計(jì)FONTAND

LAYOUTDESIGN字體與版式設(shè)計(jì)

第三章創(chuàng)意字體設(shè)計(jì)FONTAND

LAYOUTDESIGN第一節(jié)創(chuàng)意字體設(shè)計(jì)的基本原則文字的主要功能是有效地傳遞信息，而我們?cè)O(shè)計(jì)字體的目的在于將文字更加準(zhǔn)確、清晰和生動(dòng)地展現(xiàn)在受眾面前。設(shè)計(jì)師在進(jìn)行創(chuàng)意字體設(shè)計(jì)時(shí)，不能一味地追求字體的視覺效果而忽略其識(shí)別性，否則就失去了文字的基本功能，也失去了創(chuàng)新的意義。一、識(shí)別性03/104字體與版式設(shè)計(jì)04/104字體與版式設(shè)計(jì)進(jìn)行創(chuàng)意字體設(shè)計(jì)時(shí)，要以字體的可識(shí)別為基礎(chǔ)，對(duì)字體形態(tài)進(jìn)行變化和創(chuàng)新，對(duì)字體大小、間距等設(shè)計(jì)要點(diǎn)進(jìn)行合理調(diào)控。營(yíng)造整潔、清晰的視覺印象，使字體個(gè)性更加鮮明。05/104字體與版式設(shè)計(jì)二、統(tǒng)一性在字體設(shè)計(jì)中，不管是單個(gè)字、多個(gè)字還是一個(gè)詞組，我們都應(yīng)將其看作一個(gè)整體。筆形：要求筆畫形狀、大小、寬窄、方向保持一致。結(jié)構(gòu)：要求字與字之間相互穿插、相互補(bǔ)充，形成統(tǒng)一的整體，以符合人們的審美。06/104字體與版式設(shè)計(jì)創(chuàng)意字體設(shè)計(jì)中字體需要服從主題的要求，形式與內(nèi)容應(yīng)吻合一致，不能相互脫離，更不能相互沖突，以免破壞文字的訴求效果。尤其在商業(yè)廣告的字體設(shè)計(jì)中，每一個(gè)企業(yè)或者品牌，都有其自身的企業(yè)形象或文化內(nèi)涵，要通過字體設(shè)計(jì)將其準(zhǔn)確地傳達(dá)給受眾，否則字體設(shè)計(jì)將失去意義。07/104字體與版式設(shè)計(jì)如左圖，“粗茶淡飯”四個(gè)字在筆形、結(jié)構(gòu)、風(fēng)格及設(shè)計(jì)手法上具有統(tǒng)一性，同時(shí)，將“淡”進(jìn)行圖形化設(shè)計(jì)，選取的麥穗圖形與該品牌的企業(yè)形象與文化內(nèi)涵相吻合。該字體設(shè)計(jì)將統(tǒng)一性原則體現(xiàn)得淋漓盡致。08/104字體與版式設(shè)計(jì)三、獨(dú)特性創(chuàng)意字體的獨(dú)特性，要針對(duì)不同的主題進(jìn)行表現(xiàn)，從字的形態(tài)特征與組合上進(jìn)行綜合考量，突出文字的個(gè)性色彩和內(nèi)涵，產(chǎn)生獨(dú)特的視覺效果。09/104字體與版式設(shè)計(jì)設(shè)計(jì)廣告字體時(shí)，應(yīng)根據(jù)廣告主題的要求，極力突出字體設(shè)計(jì)的個(gè)性色彩，給人以別開生面的視覺感受，這樣才有利于樹立良好的企業(yè)和產(chǎn)品形象。10/104字體與版式設(shè)計(jì)四、藝術(shù)性進(jìn)行創(chuàng)意字體設(shè)計(jì)時(shí)，無論筆畫結(jié)構(gòu)怎么變，最終的目的都是讓字體在視覺上給人以美的感受，使字體富有藝術(shù)感染力，這樣的創(chuàng)新才有意義。設(shè)計(jì)時(shí)，不僅要在局部體現(xiàn)美，更要把控筆形、結(jié)構(gòu)，以及整個(gè)設(shè)計(jì)過程。11/104字體與版式設(shè)計(jì)以上兩例創(chuàng)意字體設(shè)計(jì)，分別運(yùn)用了圖形化和適合圖形的創(chuàng)意字體設(shè)計(jì)手法。在視覺上給人以美的享受，同時(shí)能夠?qū)⑿畔⒏訙?zhǔn)確地傳達(dá)給受眾。第二節(jié)創(chuàng)意字體設(shè)計(jì)的基本手法影響文字形體的因素有很多，起決定性作用的主要有兩種：一是筆形，二是結(jié)構(gòu)。筆形變異：在標(biāo)準(zhǔn)印刷字體的基礎(chǔ)上，通過筆畫的粗細(xì)、長(zhǎng)短和方向等的變化，來突破常規(guī)字體的樣式，從中找尋新的創(chuàng)意點(diǎn)，將文字變得更加生動(dòng)有趣。筆形變異要特別注意文字整體風(fēng)格的把握，在筆形變化的時(shí)候，每個(gè)字的筆畫形狀一定要統(tǒng)一，這樣才能產(chǎn)生和諧的美感。一、筆形變異12/104字體與版式設(shè)計(jì)13/104字體與版式設(shè)計(jì)筆畫的粗細(xì)對(duì)文字所產(chǎn)生的心理感受有著直接影響：將字體筆畫變細(xì)，給人以精致秀麗、輕松暢快的視覺感受，如圖a。將筆畫加粗，給人以力度感、重量感，如圖b。對(duì)筆畫進(jìn)行夸張?jiān)O(shè)計(jì)，通過放大、延伸等筆畫變化，可使字體具有力度感，如圖c。14/104字體與版式設(shè)計(jì)案例講解1.從印刷字體黑體字入手，將筆畫減細(xì)，搭建“蠶蛹”二字的骨架.在基本骨架搭建完成后，對(duì)字體的細(xì)節(jié)做進(jìn)一步的調(diào)整。15/104字體與版式設(shè)計(jì)案例講解2.對(duì)字體結(jié)構(gòu)進(jìn)行優(yōu)化，通過調(diào)整筆畫的長(zhǎng)短，形成不同的視覺效果。同時(shí)運(yùn)用了連筆的手法。16/104字體與版式設(shè)計(jì)案例講解3.運(yùn)用圓形和三角形的視覺元素來代替部分筆畫，豐富整體效果，增強(qiáng)“蠶蛹”二字的趣味性。17/104字體與版式設(shè)計(jì)案例講解4.添加輔助元素，使整個(gè)設(shè)計(jì)更加完整。18/104字體與版式設(shè)計(jì)案例講解5.展示效果19/104字體與版式設(shè)計(jì)二、簡(jiǎn)化統(tǒng)一簡(jiǎn)化統(tǒng)一，是在不影響字體辨認(rèn)度的前提下，對(duì)字體中的某些筆畫進(jìn)行巧妙精簡(jiǎn)，使字體顯得簡(jiǎn)潔和新穎，構(gòu)成別致的視覺形態(tài)。在設(shè)計(jì)的過程中，我們要學(xué)會(huì)發(fā)現(xiàn)字與字之間的某些共性，對(duì)這些特點(diǎn)和共性進(jìn)行總結(jié)提煉，再對(duì)整體進(jìn)行簡(jiǎn)約化的設(shè)計(jì)。簡(jiǎn)化方式一般有以下兩種：1.概括：將字體中起裝飾作用的筆畫特征去除，對(duì)文字的筆畫進(jìn)行幾何形概括。2.減化：對(duì)文字的筆畫進(jìn)行切割、省略，或形成新的連筆。20/104字體與版式設(shè)計(jì)左圖為無印良品的標(biāo)志，對(duì)品牌名稱“MUJI”和“無印良品”字樣進(jìn)行字體設(shè)計(jì)，極簡(jiǎn)的造型和該品牌的設(shè)計(jì)風(fēng)格及文化理念相得益彰。21/104字體與版式設(shè)計(jì)以下兩例字體設(shè)計(jì)，在不同的筆畫位置有不同的筆畫切割、省略、連筆等處理。左圖，對(duì)“小先生”三個(gè)字進(jìn)行了兩處筆畫共用的處理。右圖，對(duì)“ZARZA”中的字母“A”進(jìn)行了筆畫切割處理，字母“R”省略了筆畫，字母“Z”與“A”形成了新的連筆。這樣的變化是可識(shí)別的，也使得字體具有新意。22/104字體與版式設(shè)計(jì)案例講解1.“忘記”的本質(zhì)意思是不記得某些事情，因此，可以通過筆畫的省略，來增強(qiáng)它的直觀感受。首先，設(shè)計(jì)出字體的基本框架，調(diào)整筆畫，使其更具統(tǒng)一性。23/104字體與版式設(shè)計(jì)案例講解2.觀察“忘記”二字的筆畫及結(jié)構(gòu)特征，在不影響字體識(shí)別性的情況下省略某些筆畫。在本設(shè)計(jì)中，首先省略“心”字的兩個(gè)點(diǎn)，然后省略“記”字的某個(gè)筆畫，如下圖。24/104字體與版式設(shè)計(jì)案例講解3.將“心”字以及“己”的轉(zhuǎn)角做圓弧狀處理，使字體變得柔和。25/104字體與版式設(shè)計(jì)案例講解4.添加英文“FOREVER”,使整體效果更加完整。26/104字體與版式設(shè)計(jì)案例講解5.展示效果27/104字體與版式設(shè)計(jì)案例講解1.“simple”意為“簡(jiǎn)單”，用簡(jiǎn)單的筆畫來構(gòu)建它的基本骨架，簡(jiǎn)潔明了，突出本質(zhì)。28/104字體與版式設(shè)計(jì)案例講解2.調(diào)整字母“S”和“P”的筆畫，將轉(zhuǎn)角處由直線變成弧線，在統(tǒng)一中求得變化。29/104字體與版式設(shè)計(jì)案例講解3.在不影響字體識(shí)別性的前提下，省略其中某些筆畫，讓他們起到“暗示”的作用。30/104字體與版式設(shè)計(jì)案例講解4.添加線性文字，文字間形成大小對(duì)比，使設(shè)計(jì)更加完整且富有層次感。31/104字體與版式設(shè)計(jì)案例講解5.展示效果一32/104字體與版式設(shè)計(jì)案例講解6.展示效果二33/104字體與版式設(shè)計(jì)三、適合圖形適合圖形：字體在變化中與特定圖形結(jié)合，使字體適應(yīng)其外輪廓的造型。對(duì)字體進(jìn)行適合圖形設(shè)計(jì)時(shí)，首先要明確外形，然后依據(jù)外形勾畫、分割骨架，找出最佳視覺設(shè)計(jì)語(yǔ)言。常見的造型有方形、圓形、三角形、多角形、自由形等，圓形給人緊密、團(tuán)結(jié)、飽滿、可愛的感覺，方形給人堅(jiān)實(shí)、嚴(yán)肅、秩序和穩(wěn)重的感覺，三角形則顯得尖銳，給人刺激、運(yùn)動(dòng)、科技、力量的感覺。34/104字體與版式設(shè)計(jì)左圖，“金玡居”與圓形結(jié)合，給人以飽滿、傳統(tǒng)的視覺及心理感受，“居”字上面的云紋樣更是深化了主題。35/104字體與版式設(shè)計(jì)左圖為拉丁文字“mouse”與老鼠造型的結(jié)合，使得字體更加生動(dòng)、有趣味。而且，造型的選擇符合語(yǔ)義，使信息傳達(dá)更準(zhǔn)確。36/104字體與版式設(shè)計(jì)案例講解1.“急躁”是指對(duì)不稱心的事情易于激動(dòng)、沒有耐心。我們可通過字體設(shè)計(jì)，強(qiáng)化這種情緒。三角形給人以尖銳的心理感受，可將其與“急躁”二字進(jìn)行結(jié)合。調(diào)整三角形的朝向，以適應(yīng)文字不同的基本結(jié)構(gòu)（“急”為上下結(jié)構(gòu)，“燥”為左右結(jié)構(gòu)）。37/104字體與版式設(shè)計(jì)案例講解2.結(jié)合三角形的形狀，對(duì)“急躁”的筆形、結(jié)構(gòu)進(jìn)行調(diào)整。將筆畫也設(shè)計(jì)成三角形的形狀，使整體更具有統(tǒng)一感。38/104字體與版式設(shè)計(jì)案例講解3.利用輔助線，調(diào)整細(xì)節(jié)。39/104字體與版式設(shè)計(jì)案例講解4.添加線條等視覺元素，強(qiáng)調(diào)字體的輪廓，同時(shí)使該設(shè)計(jì)更加完整。40/104字體與版式設(shè)計(jì)案例講解5.展示效果41/104字體與版式設(shè)計(jì)案例講解1.“MOUSE”意為“嘴巴”，因此將其與嘴巴的形狀進(jìn)行結(jié)合，符合語(yǔ)義情景。42/104字體與版式設(shè)計(jì)案例講解2.利用輔助線將字母的外形勾勒出來，同時(shí)調(diào)整字母筆畫的粗細(xì)，以“橫細(xì)豎粗”為主。43/104字體與版式設(shè)計(jì)案例講解3.調(diào)整字母的細(xì)節(jié)（如下圖標(biāo)注），使線條更加貼合輪廓型。44/104字體與版式設(shè)計(jì)案例講解4.線條和字母的添加使設(shè)計(jì)更加完整，并且強(qiáng)調(diào)圖形化。45/104字體與版式設(shè)計(jì)案例講解5.展示效果46/104字體與版式設(shè)計(jì)四、重心變化在常規(guī)的字體設(shè)計(jì)中，我們一般將字體重心設(shè)定得比絕對(duì)中心高一些，這樣更加符合視覺規(guī)律。但在創(chuàng)意字體設(shè)計(jì)中，我們完全可以打破常規(guī)的思路，靈活調(diào)整字體重心，使其更有特點(diǎn)。我們有很多種改變重心的方法，例如統(tǒng)一將字體重心上移、下移、左移和右移，或?qū)⒄M字體進(jìn)行重心錯(cuò)位分布，以達(dá)到一種特殊的視覺感受。通過創(chuàng)意發(fā)揮，字體重心可以得到不同的設(shè)計(jì)表現(xiàn)，重心的靈活選擇、巧妙使用，可以讓字體更有生命力。47/104字體與版式設(shè)計(jì)左圖“俏江南”和“SOUTHBEAUTY”字樣均采用重心上移的設(shè)計(jì)手法，重心較高的文字顯得俊秀、雅致，整體簡(jiǎn)約、明快。48/104字體與版式設(shè)計(jì)將英文“SHIFT”的重心整體壓低，給人以穩(wěn)重、可信賴、且富有親和力的感覺。同時(shí)，將字母“I”和“T”做傾斜處理，在統(tǒng)一中求變化，避免單調(diào)。49/104字體與版式設(shè)計(jì)案例講解1.以印刷字體黑體字為基礎(chǔ)字形，在調(diào)整其重心之前，先將其進(jìn)行上下拉伸處理。50/104字體與版式設(shè)計(jì)案例講解2.在設(shè)計(jì)該字體時(shí)，打破常規(guī)，將這三個(gè)字的重心上移。并且將中心筆畫調(diào)整到統(tǒng)一的水平線上，再進(jìn)一步調(diào)整其筆形結(jié)構(gòu)。51/104字體與版式設(shè)計(jì)案例講解3.進(jìn)一步調(diào)整后，將標(biāo)注的部位拉長(zhǎng)，凸顯長(zhǎng)方形的特征。52/104字體與版式設(shè)計(jì)案例講解4.加上外框和拼音等視覺元素，完成整個(gè)設(shè)計(jì)。53/104字體與版式設(shè)計(jì)案例講解5.展示效果54/104字體與版式設(shè)計(jì)五、重復(fù)筆畫重復(fù)，可以是對(duì)單個(gè)字中的某一筆畫進(jìn)行重復(fù)處理，也可以是將同一個(gè)特殊筆畫貫穿于整個(gè)字體設(shè)計(jì)當(dāng)中，不同的重復(fù)方式所產(chǎn)生的效果是不同的。在創(chuàng)意字體設(shè)計(jì)中，當(dāng)某個(gè)筆畫重復(fù)出現(xiàn)的時(shí)候，我們很容易被它的特殊性所吸引，重復(fù)出現(xiàn)的筆畫可以使人產(chǎn)生不同的聯(lián)想。55/104字體與版式設(shè)計(jì)在做筆畫重復(fù)時(shí)，我們要兼顧字體的識(shí)別性，筆畫重復(fù)是為了更好地詮釋字體，只有合理地運(yùn)用，才能達(dá)到好的視覺效果。左圖中“KENZO”字樣運(yùn)用了筆畫重復(fù)的手法，符合該品牌的設(shè)計(jì)原則——崇尚愉快、輕松和自由，融合了東方與西方的魅力。下方的文字群體采用中間取齊、兩端隨意的編排方式，版面活潑、自由。56/104字體與版式設(shè)計(jì)案例講解1.將“設(shè)計(jì)”兩個(gè)字中的撇和捺均處理成直線，使整體具有統(tǒng)一感。同時(shí)，將字體拉長(zhǎng)，增加字體的設(shè)計(jì)空間。57/104字體與版式設(shè)計(jì)案例講解2.將下圖標(biāo)注的筆畫進(jìn)行簡(jiǎn)化處理，使字體更加簡(jiǎn)潔。58/104字體與版式設(shè)計(jì)案例講解3.將“設(shè)計(jì)”兩個(gè)字均進(jìn)行筆畫重復(fù)的處理，以增強(qiáng)字體的視覺效果。59/104字體與版式設(shè)計(jì)案例講解4.添加細(xì)線、拉丁字母和點(diǎn)的元素，使設(shè)計(jì)更加完整。60/104字體與版式設(shè)計(jì)案例講解5.展示效果61/104字體與版式設(shè)計(jì)案例講解1.以無襯線體作為該創(chuàng)意字體設(shè)計(jì)的基礎(chǔ)字形。62/104字體與版式設(shè)計(jì)案例講解2.基于拉丁字母的幾何特征，將“AND”進(jìn)行如下塊面處理。將“A”概括為正三角形，將“N”概括為矩形（由兩個(gè)三角形構(gòu)成），將“D”概括為右向等腰三角形。63/104字體與版式設(shè)計(jì)案例講解3.為塊面化處理后的拉丁字母加上重復(fù)的線條，以增強(qiáng)字體視覺效果。注意線條的長(zhǎng)短以及間距等問題。64/104字體與版式設(shè)計(jì)案例講解4.注意標(biāo)注位置，調(diào)整細(xì)節(jié)，使其更好地融入三角形輪廓。65/104字體與版式設(shè)計(jì)案例講解5.添加拉丁文字，并且在顏色上形成對(duì)比，豐富整體設(shè)計(jì)。66/104字體與版式設(shè)計(jì)案例講解6.展示效果67/104字體與版式設(shè)計(jì)六、嫁接在培育植物時(shí)，人們往往采用嫁接的手段將兩種植物連接在一起，培育出優(yōu)異的新品種。在字體設(shè)計(jì)中，我們也可以使用一些與字體含義相關(guān)的實(shí)物或圖形，將字體的某個(gè)筆畫替換掉，使文字變得更直觀、生動(dòng)，別具風(fēng)趣。68/104字體與版式設(shè)計(jì)呂勝中先生的系列叢書《再見傳統(tǒng)》，其書名即是運(yùn)用各種民間藝術(shù)形式巧妙地替換部分筆畫，裝點(diǎn)文字整體，構(gòu)成極富中國(guó)文化意味，飽含民俗風(fēng)情的文字圖形，耐人尋味。69/104字體與版式設(shè)計(jì)在運(yùn)用嫁接手法進(jìn)行字體設(shè)計(jì)時(shí)，應(yīng)注意嫁接的形象要與文字的內(nèi)容、含義有機(jī)結(jié)合，不可生搬硬套或無聯(lián)系地組合，并且要注意保持字體的識(shí)別性和統(tǒng)一性。70/104字體與版式設(shè)計(jì)案例講解1.在宋體字的基礎(chǔ)上，將“割舍”二字進(jìn)行簡(jiǎn)化處理，強(qiáng)化宋體字“橫細(xì)豎粗”的筆形特征，構(gòu)建字體的基本骨架。71/104字體與版式設(shè)計(jì)案例講解2.在字體結(jié)構(gòu)上，將筆畫進(jìn)行分離或交錯(cuò)穿插處理，并且采用圓形替代“口”字，在統(tǒng)一中求變化，避免單調(diào)。72/104字體與版式設(shè)計(jì)案例講解3.運(yùn)用嫁接的創(chuàng)意字體設(shè)計(jì)手法，用刀的圖形替代“割”字的立刀旁，嫁接的形象與字的含義有機(jī)結(jié)合，使字體變得直觀、生動(dòng)。73/104字體與版式設(shè)計(jì)案例講解4.增加細(xì)線，目的是傳達(dá)“割”的感受，使文字語(yǔ)義更加直觀。74/104字體與版式設(shè)計(jì)案例講解5.展示效果75/104字體與版式設(shè)計(jì)七、圖形化字體設(shè)計(jì)的圖形化，就是指將字體某部分或整個(gè)字體進(jìn)行圖形化設(shè)計(jì)，用圖形語(yǔ)言詮釋字義。與字體不同，圖形是有畫面感的。當(dāng)我們?cè)谧煮w中融入了與字義緊密關(guān)聯(lián)的圖形，那么，這樣的畫面感會(huì)大大提升字體的設(shè)計(jì)感和表現(xiàn)力，呈現(xiàn)出飽滿、有說服力、易于信息傳播和記憶的字體形態(tài)。圖形化的方法有代替法和添加法兩種：1、代替法：用某一圖形直接代替筆畫；2、添加法：通過添加新的相關(guān)元素，以實(shí)現(xiàn)完整的圖形與畫面，達(dá)到預(yù)期效果。76/104字體與版式設(shè)計(jì)1、代替法：用某一圖形直接代替筆畫如下面左側(cè)的字體設(shè)計(jì)，用樹葉的圖形代替“f”中的豎筆畫，在增強(qiáng)字體趣味性的同時(shí)，也與該品牌的產(chǎn)品定位（植萃類護(hù)膚品）相吻合。右側(cè)字體中的部分筆畫被箭頭圖形所替代，箭頭具有指向性，同時(shí)代表著速度感，彰顯品牌特性。77/104字體與版式設(shè)計(jì)2、添加法：通過添加新的相關(guān)元素，以實(shí)現(xiàn)完整的圖形與畫面，達(dá)到預(yù)期效果。左圖，為文字添加蟹的圖形，符合字義情景；文字使用手寫體，具有親和力；文字在大小、顏色方面富有變化，使整體具有層次感。右圖為“BURGERKING”（漢堡王）的標(biāo)志設(shè)計(jì)，通過添加相關(guān)元素的方法，將整體設(shè)計(jì)成漢堡的造型，形態(tài)飽滿，富有表現(xiàn)力。78/104字體與版式設(shè)計(jì)案例講解1.將黑體字作為基礎(chǔ)字形，將字體拉長(zhǎng)。79/104字體與版式設(shè)計(jì)案例講解2.對(duì)筆畫進(jìn)行簡(jiǎn)化處理，并且將“肆無忌憚”四個(gè)字的重心提高，傳達(dá)出高冷的視覺及心理感受。改變筆畫的長(zhǎng)短、方向，并且將某些筆畫進(jìn)行圖形化處理，使字體具有獨(dú)特性。80/104字體與版式設(shè)計(jì)案例講解3.利用筆畫重復(fù)的設(shè)計(jì)手法，重復(fù)字體中的某些筆畫，以增強(qiáng)字體的視覺效果。81/104字體與版式設(shè)計(jì)案例講解4.添加具有關(guān)聯(lián)性的圖形、線條等，強(qiáng)化字體的設(shè)計(jì)感與表現(xiàn)力，使整體更加飽滿。82/104字體與版式設(shè)計(jì)案例講解5.展示效果83/104字體與版式設(shè)計(jì)八、電腦特效利用設(shè)計(jì)軟件可對(duì)字體做肌理、光感等方面的特殊處理，使字體設(shè)計(jì)擁有了更多的表現(xiàn)形式，在視覺效果的表現(xiàn)上有了新的途徑。

左圖為某商品的廣告設(shè)計(jì)，將廣告文字制作成立體的、雕刻藝術(shù)風(fēng)格的特效字體，有效地強(qiáng)化了版面的視覺效果，富有廣告性。84/104字體與版式設(shè)計(jì)

左圖為二維空間內(nèi)的立體效果字體設(shè)計(jì)，利用色彩的不同和透視關(guān)系表現(xiàn)字體的立體效果。右圖為利用設(shè)計(jì)軟件制作的金屬字，對(duì)字體在肌理、光感、造型等方面進(jìn)行特殊處理，具有較強(qiáng)的視覺沖擊力。85/104字體與版式設(shè)計(jì)案例講解1.首先，以宋體字作為基本形，簡(jiǎn)化筆畫，強(qiáng)化“橫細(xì)豎粗”的筆形特證，再以圓形的視覺元素代替字體中的部分筆畫。86/104字體與版式設(shè)計(jì)案例講解2.為“時(shí)間”兩個(gè)字制作一定的厚度，表達(dá)時(shí)間感。在制作完成后，選擇“寸”中的圓和“間”字左上的圓形，用Illustrator軟件中的混合工具制作其混合效果，以增強(qiáng)了字體的空間感。87/104字體與版式設(shè)計(jì)案例講解3.將字體中的豎筆畫制作成圓柱體，將其與圓形交錯(cuò)相接，制作富有空間感的立體效果。88/104字體與版式設(shè)計(jì)案例講解4.為該字體添加顏色，在賦予字體立體感的同時(shí)，增添一份藝術(shù)美感。89/104字體與版式設(shè)計(jì)案例講解5.展示效果90/104字體與版式設(shè)計(jì)案例講解1.首先，以無襯線體作為基本形來設(shè)計(jì)“USE”這三個(gè)字母的骨架。其次，將筆畫簡(jiǎn)化且處理成方形結(jié)構(gòu)。91/104字體與版式設(shè)計(jì)案例講解2.在基本骨架構(gòu)成后，將直角處改成柔和的弧線。92/104字體與版式設(shè)計(jì)案例講解3.運(yùn)用省略筆畫的設(shè)計(jì)手法，分割字母中的某些筆畫，創(chuàng)造可以產(chǎn)生“暗示”性的線條。93/104字體與版式設(shè)計(jì)案例講解4.在完成字體的平面化設(shè)計(jì)后，制作橙黃色到紫色的漸變，最后利用Illustrator軟件中混合工具制作拉丁字母的空間特效。94/104字體與版式設(shè)計(jì)案例講解5.展示效果第三節(jié)字體設(shè)計(jì)中的風(fēng)格和情緒表現(xiàn)具有精致感的字體講究筆畫纖細(xì)、線條流暢，給人以浪漫、優(yōu)雅的視覺印象和心理感受，展現(xiàn)畫面的獨(dú)特魅力。這種字體一方面使觀者感到賞心悅目，另一方面，細(xì)膩的字體筆畫顯示出設(shè)計(jì)對(duì)象的卓越品質(zhì)。一、具有精致感的字體95/104字體與版式設(shè)計(jì)具有精致感的字體適用于表現(xiàn)以女性為主導(dǎo)的內(nèi)容，例如表現(xiàn)女性產(chǎn)品、化妝品、日常生活用品等主題。96/104字體與版式設(shè)計(jì)這是某電影的招貼設(shè)計(jì)。設(shè)計(jì)者以電影本身的時(shí)尚元素為參考，將電影標(biāo)題設(shè)計(jì)得簡(jiǎn)約得體，外形清新大方，結(jié)合圖中的高跟鞋，綻放出優(yōu)雅精致的品格。97/104字體與版式設(shè)計(jì)二、具有親和力的字體在進(jìn)行此類風(fēng)格的字體設(shè)計(jì)時(shí)，應(yīng)運(yùn)用自由、流暢的書寫方式，使字體具有一種隨意、圓潤(rùn)的視覺優(yōu)勢(shì)，給人一種親切的心理感受。這兩例卡通風(fēng)格的字體設(shè)計(jì)。畫面中的字體與圖形巧妙地銜接在一起，采用多彩而亮麗的顏色，散發(fā)出輕松的氣息，使觀者感受到親和力。98/104字體與版式設(shè)計(jì)左圖為某音樂節(jié)招貼設(shè)計(jì)，標(biāo)題文字采用手寫字體，縱向排列，自由而隨意。且字體在造型上包含的象征意義與主題內(nèi)容相吻合。99/104字體與版式設(shè)計(jì)三、具有民族特征的字體剪紙、書法及皮影等的表現(xiàn)手法非常有特色，突出一種民族特征?？梢耘c圖形相結(jié)合，像山水類、鳥類、植物類的圖形。在具體運(yùn)用時(shí)，要根據(jù)不同表現(xiàn)手法的不同特性進(jìn)行合理調(diào)整。左圖，該字體設(shè)計(jì)充分體現(xiàn)了皮影的形態(tài)特征，文字與文字疊印，制造出雜音，借助其明暗對(duì)比，保證了文字的可讀性。100/104字體與版式設(shè)計(jì)該字體運(yùn)用了剪紙的表現(xiàn)手法，將文字雙喜進(jìn)行圖形化處理，并與80年代最具代表性的物品結(jié)合，將民族特征與時(shí)代感表現(xiàn)得淋漓盡致。101/104字體與版式設(shè)計(jì)“上善若水”圖文結(jié)合，體現(xiàn)出中國(guó)水墨暈染的通透感。102/104字體與版式設(shè)計(jì)四、具有歷史感的字體巧妙地運(yùn)用受眾的念舊心理，結(jié)合現(xiàn)代與復(fù)古兩種元素來進(jìn)行字體風(fēng)格的塑造，營(yíng)造出懷舊復(fù)古、具有歷史感的韻味。左圖是某茶葉的包裝設(shè)計(jì)，設(shè)計(jì)者將茶香與中國(guó)書法結(jié)合在一起，通過蒼勁有力的書法，為畫面營(yíng)造出充滿古樸韻味的氛圍。103/104字體與版式設(shè)計(jì)在具有歷史感的字體設(shè)計(jì)中，應(yīng)該選擇那些具有歷史文化氣氛的，在歷史的長(zhǎng)河中長(zhǎng)期受大眾喜愛的字體來進(jìn)行表現(xiàn)。像楷書、隸書、行書等書法字體，或是民國(guó)時(shí)期的繁體字，都能給人以非常深刻的歷史印象，因此這種字體形象也就產(chǎn)生了一種明顯的歷史風(fēng)格和情緒。選擇4個(gè)可成系列的詞語(yǔ)（如：春、夏、秋、冬；開心、生氣、難過、興奮），對(duì)其進(jìn)行創(chuàng)意設(shè)計(jì)。要求如下：1、根據(jù)本章所講的創(chuàng)意手法，對(duì)其進(jìn)行創(chuàng)意設(shè)計(jì)；2、遵循漢字書寫原則；3、系列詞語(yǔ)的設(shè)計(jì)要具有統(tǒng)一性。相關(guān)練習(xí)學(xué)生作業(yè)示例104/104字體與版式設(shè)計(jì)FONTAND

LAYOUTDESIGN字體與版式設(shè)計(jì)

第四章段落文字的設(shè)計(jì)方法FONTAND

LAYOUTDESIGN第一節(jié)文字大小的選擇與應(yīng)用文字的大小是決定文字可讀性與易讀性的重要指標(biāo)。在字體設(shè)計(jì)中，不同的文字大小有著與之相對(duì)應(yīng)的運(yùn)用范圍。合理地選擇文字大小，有助于打造層級(jí)分明、美觀度高的版面效果，并且對(duì)于版面信息的傳達(dá)力度有著重要的影響。03/20字體與版式設(shè)計(jì)描述文字大小的單位主要有號(hào)數(shù)制和點(diǎn)數(shù)制。號(hào)數(shù)制是漢字大小的標(biāo)準(zhǔn)，稱為字號(hào)。點(diǎn)數(shù)制又叫磅數(shù)制，是英文“point”的音譯，用磅（pt）表示。字號(hào)和磅的對(duì)應(yīng)關(guān)系較為復(fù)雜。04/20字體與版式設(shè)計(jì)不論磅值如何選擇，都應(yīng)將文字的識(shí)別性作為前提條件，讓受眾能夠清晰地分辨出文字內(nèi)容。05/20字體與版式設(shè)計(jì)一般情況下，6磅、7磅的文字較小，通常用于一些細(xì)節(jié)信息的描述；8磅、9磅、10磅、11磅的文字便于閱讀，常用于一些信息量較大的文字版面，如書籍、雜志等的正文部分；13磅以上的文字則適合用作標(biāo)題。第二節(jié)文字的距離

字間距：指字與字之間的距離，既包括橫向間距，也包括縱向間距（尤其在中文和日文的版面中）。合理的字間距，能幫助觀者進(jìn)行有序的閱讀，從而使文字信息的傳播效率最大化。06/20字體與版式設(shè)計(jì)一、字間距的選擇與應(yīng)用07/20字體與版式設(shè)計(jì)一般情況下，閱讀性文字的字間距約是單字寬度的1/12，在具體運(yùn)用中可以根據(jù)設(shè)計(jì)師的直覺與理性經(jīng)驗(yàn)進(jìn)行調(diào)整。08/20字體與版式設(shè)計(jì)字間距是決定閱讀過程中流暢感與韻律感的關(guān)鍵。寬松的字間距給人以爽朗舒適的感覺，讓觀者在閱讀時(shí)能有個(gè)短暫的停頓時(shí)間，呈現(xiàn)出較為輕松的版面效果。但字間距過大容易影響閱讀文字的連貫性。左圖中，字號(hào)較大的詞組以較為寬松的字距設(shè)置，形成一種寬廣的視野，從而使整個(gè)畫面充滿了自由的氣息。09/20字體與版式設(shè)計(jì)緊湊的字間距使人感到緊張，呈現(xiàn)出緊湊、穩(wěn)定的版面效果。但字間距太小容易出現(xiàn)文字粘連，影響文字的識(shí)別性。右圖版面中，段落文字的字間距較窄，緊密的文字排列呈現(xiàn)出穩(wěn)重、有力的視覺效果。10/20字體與版式設(shè)計(jì)在字體設(shè)計(jì)中，通常將矩形字母之間的距離作為基本的參考單位。

下圖，字母“A”、“V”為正、倒三角形結(jié)構(gòu)，因此需要相互穿插。字母“V”、“O”同樣需要注意穿插關(guān)系，字母“O”與長(zhǎng)方形字母“H”則構(gòu)成了拉丁字母的基本間距?！癟”與“N”、“S”組合的距離可以看出直線與曲線的細(xì)微變化。

行距：指版面中每一行文字間的間隔距離，與字距的設(shè)定有著異曲同工之妙。行距的寬窄影響著閱讀的流暢性，同時(shí)也關(guān)系到版面的美觀。行間距過大，會(huì)減弱閱讀的流暢性，并且容易造成版面浪費(fèi)。行間距過小，上下兩行文字會(huì)出現(xiàn)互相干擾的情況，給讀者在閱讀中造成一定的阻礙，容易產(chǎn)生視覺疲勞。

11/20字體與版式設(shè)計(jì)二、行間距的選擇與應(yīng)用一般情況下，行間距要大于字間距，漢字的行間距一般為單字高度的1/4左右，在實(shí)際處理時(shí)要根據(jù)具體內(nèi)容作適當(dāng)調(diào)整，如報(bào)紙正文的行距一般為字高的1/4-1/3，圖書正文的行距一般為字高的1/2-2/3。大寫拉丁字母的行間距一般為字高的1/2，如果字行比較長(zhǎng)，可以擴(kuò)大行距，以方便閱讀；小寫字母的行距以字母主題高度的1/3為標(biāo)準(zhǔn)。12/20字體與版式設(shè)計(jì)13/20字體與版式設(shè)計(jì)14/20字體與版式設(shè)計(jì)

將拉丁文字進(jìn)行豎排時(shí)，需要考慮文字的識(shí)別性，可將其整體旋轉(zhuǎn)90度。較大的行間距，能在視覺上給讀者以富有跳躍性的閱覽節(jié)奏，并且在一定程度上還能提升文字的辨識(shí)度。上圖的文字版面中各行文字間保持著較為寬松的距離，呈現(xiàn)出疏朗、清晰的版面效果并且通過對(duì)文字進(jìn)行不同大小的字號(hào)設(shè)定，有效地增強(qiáng)了版面的跳躍性。15/20字體與版式設(shè)計(jì)較小的行間距，能夠呈現(xiàn)密集、塊狀的版面效果，賦予作品以一定的形式美感。右圖，版面中的文字區(qū)域，每行文字以緊密的形式編排在一起，給人留下疏密有致的視覺印象。同時(shí)，將文字群體進(jìn)行具象化處理，增加了版面的趣味性。16/20字體與版式設(shè)計(jì)根據(jù)本章知識(shí)，設(shè)計(jì)以文字為主要構(gòu)成元素的雜志內(nèi)頁(yè)。要求如下：1、內(nèi)容完整，版面中以文字為主，圖片為輔；2、符合文字版式編排規(guī)律，有較好的閱讀體驗(yàn)。相關(guān)練習(xí)學(xué)生作業(yè)示例17/20字體與版式設(shè)計(jì)18/20字體與版式設(shè)計(jì)19/20字體與版式設(shè)計(jì)20/20字體與版式設(shè)計(jì)FONTAND

LAYOUTDESIGN字體與版式設(shè)計(jì)

第五章版式設(shè)計(jì)基本理論FONTAND

LAYOUTDESIGN第一節(jié)版面的基本構(gòu)成（一）點(diǎn)的形態(tài)概念點(diǎn)是視覺設(shè)計(jì)的最小單位，是構(gòu)成一切形態(tài)的基礎(chǔ)。點(diǎn)一般是指版面中較小的形象，一個(gè)文字、一個(gè)色塊、一個(gè)標(biāo)點(diǎn)符號(hào)等都可以被認(rèn)作是點(diǎn)。在版面中的點(diǎn)，由于其形態(tài)、大小、位置的不同，所產(chǎn)生的視覺效果、心理作用也不盡相同。一、點(diǎn)03/87字體與版式設(shè)計(jì)04/87字體與版式設(shè)計(jì)如右上圖所示，點(diǎn)具有方形、圓形、三角形、梯形以及不規(guī)則形等多種形態(tài)。如右下圖，點(diǎn)的放大和縮小會(huì)給整個(gè)版面帶來完全不同的感受，點(diǎn)的縮小會(huì)引起注意，而放大的點(diǎn)則會(huì)形成面。05/87字體與版式設(shè)計(jì)點(diǎn)在版面中的位置不同，所產(chǎn)生的心理感受也是不同的：當(dāng)單個(gè)點(diǎn)居中時(shí)，版面會(huì)有平靜、集中、規(guī)整的感覺；當(dāng)點(diǎn)偏上時(shí)產(chǎn)生不穩(wěn)定感，帶來上升、飄逸、危險(xiǎn)的心理感受，形成自上而下的視覺流程；當(dāng)點(diǎn)的位置偏向下方時(shí)，版面則有下墜、限制的感覺；當(dāng)點(diǎn)位于版面的左半面或者右半面的時(shí)候，會(huì)有一種向心運(yùn)動(dòng)的感覺，但如果位于版面的邊緣位置，會(huì)產(chǎn)生一種離心的動(dòng)勢(shì)。06/87字體與版式設(shè)計(jì)1.單獨(dú)的一個(gè)點(diǎn)在版面里會(huì)成為視覺中心，起到突出或強(qiáng)調(diào)重要信息的作用。2.版面中有兩個(gè)點(diǎn)同時(shí)出現(xiàn)時(shí)，點(diǎn)和點(diǎn)之間會(huì)出現(xiàn)實(shí)際并不存在的視覺連線。3.當(dāng)許多點(diǎn)按一定方向排列時(shí)，它就產(chǎn)生了“線”。4.通過點(diǎn)的密集或分散的組織布局，構(gòu)成一種肌理或“面”，營(yíng)造新奇的版面效果，襯托版面主體。點(diǎn)還可以和其他形態(tài)組合，起著平衡版面輕重、填補(bǔ)一定空間、點(diǎn)綴和活躍版面氣氛的作用。（二）點(diǎn)的版式構(gòu)成07/87字體與版式設(shè)計(jì)

在設(shè)計(jì)時(shí)需結(jié)合主題，利用點(diǎn)的編排來豐富其在設(shè)計(jì)中的作用，有利于突顯設(shè)計(jì)的主題。08/87字體與版式設(shè)計(jì)點(diǎn)的不同編排形式所帶來的心理感受是不同的，有規(guī)律的重復(fù)編排，會(huì)使版面顯得平穩(wěn)、安靜。點(diǎn)與點(diǎn)相互擠壓、充斥版面，會(huì)產(chǎn)生一種擁擠、緊張的氣氛。而安置疏散、間距不等的點(diǎn)會(huì)讓人產(chǎn)生不安、煩躁的心理感受。09/87字體與版式設(shè)計(jì)二、線（一）線的造型語(yǔ)義線：點(diǎn)的發(fā)展和延伸。線的粗細(xì)、長(zhǎng)短、方向及形狀等的不同給人造成不同的視覺和心理感受。

直線簡(jiǎn)明醒目、莊嚴(yán)明確，偏向男性化；曲線則優(yōu)雅抒情、柔軟流暢，偏向女性化；折線則顯示出某種不安定因素。10/87字體與版式設(shè)計(jì)線還可以指示方向，不同方向的線在運(yùn)用中有很大的心理差別。水平線開闊、和平、靜謐、安定；垂直線挺拔、莊嚴(yán)、崇高、神圣；斜線動(dòng)感、活潑，具有強(qiáng)勁有力的動(dòng)勢(shì)。

線框具有警示作用，可形成視覺焦點(diǎn)，線框的粗細(xì)也能夠強(qiáng)調(diào)情感。11/87字體與版式設(shè)計(jì)（二）線的版式構(gòu)成作為版式設(shè)計(jì)的構(gòu)成要素，線的影響力大于點(diǎn)。線在版式構(gòu)成中除了對(duì)心理起作用外，還有一些其他的重要作用。比如，線可以串聯(lián)各種視覺要素，也可以把版面中的圖像和文字分開，起著切割版面、方便閱讀的作用。線封閉后能構(gòu)成各種不同的形狀，起著裝飾版面、確定輪廓等作用。線還有引導(dǎo)和指示的作用，在版面構(gòu)成時(shí)常用線來引導(dǎo)讀者的視線，引起讀者的注意。12/87字體與版式設(shè)計(jì)線相較于點(diǎn)在視覺上占有更大的空間，它們的延伸營(yíng)造了一種動(dòng)勢(shì)。有意識(shí)地改變版面中線的方向，可以形成一定的立體空間感。13/87字體與版式設(shè)計(jì)左圖，各視覺元素呈斜線排列，賦予版面以強(qiáng)烈的動(dòng)勢(shì)。版面中的粗線將標(biāo)題與正文分隔開來，起到切割版面的作用。14/87字體與版式設(shè)計(jì)三、面（一）面的形態(tài)特征面:點(diǎn)的放大、集中或線的重復(fù)、圍合。面可分成幾何形和自由形兩大類別。方形給人以均衡、端正的感覺，可以用來表現(xiàn)高度的秩序性，在視覺上給人以理性、明晰及準(zhǔn)確的審美享受；圓形給人一種團(tuán)結(jié)、圓滿的心理感受。三角形則讓人感到尖銳、活潑。自由形比幾何形少了些嚴(yán)謹(jǐn)，多了些舒展、輕松、自由的個(gè)性。15/87字體與版式設(shè)計(jì)下圖是韓國(guó)麗水世界博覽會(huì)的宣傳海報(bào)。版面使用簡(jiǎn)潔的抽象形態(tài)，曲線圖形造型豐富、清新自然、相互依存，深刻地表現(xiàn)了“天然的海洋及海岸資源多樣性與可持續(xù)發(fā)展”這一主題。16/87字體與版式設(shè)計(jì)（二）面的版式構(gòu)成面在版面中具有平衡版面、豐富空間層次、烘托及深化主題的作用。在版式設(shè)計(jì)中，面的表現(xiàn)包括色彩、肌理等方面的變化，它可以是圖像、背景或空白區(qū)域，也可以是大面積的文字組成的“虛面”，亦或是由線的分割而產(chǎn)生的面形。面的形狀和邊緣影響著面的表現(xiàn)形態(tài)，使面的形象產(chǎn)生豐富的變化。17/87字體與版式設(shè)計(jì)

下圖版面中，有大面積文字構(gòu)成的“虛面”，也有色塊、圖像構(gòu)成的實(shí)面。此外，文字、圖像以外的空白區(qū)域，也是面的表現(xiàn)形態(tài)。18/87字體與版式設(shè)計(jì)下圖，在左對(duì)齊的段落文字下面添加色塊，強(qiáng)化了“面”的感受。19/87字體與版式設(shè)計(jì)（一）三維空間的版式構(gòu)成平面版式上的三維空間，是在平面上制造的一種假象，通過版面中各視覺元素的透視關(guān)系、位置關(guān)系和肌理質(zhì)感來制造空間層次。有利于表現(xiàn)版面主題內(nèi)容，營(yíng)造強(qiáng)烈的視覺沖擊力。四、其他1.透視關(guān)系的空間層次：是指根據(jù)透視學(xué)近大遠(yuǎn)小、近實(shí)遠(yuǎn)虛的規(guī)律，調(diào)整版面中的比例關(guān)系。在版式編排的時(shí)候，將主體形象放大、次要形象縮小，使版式形成良好的空間層次關(guān)系。20/87字體與版式設(shè)計(jì)左圖是某一電影的宣傳海報(bào)，充分利用了透視規(guī)律，打造出具有縱深感的空間。21/87字體與版式設(shè)計(jì)2.位置關(guān)系的空間層次：是指將文字與圖形進(jìn)行前后重疊、穿插排列，產(chǎn)生空間節(jié)奏感。右圖，利用圖與圖、圖與文的前后穿插，賦予版面以立體感。22/87字體與版式設(shè)計(jì)3.肌理的空間層次：以細(xì)小的文字或圖像組織而成的版面，從整體看具有肌理感，其空間關(guān)系建立在肌理組織的大小及色彩的強(qiáng)弱關(guān)系上。

右圖，將文字具象化處理，利用文字大小、色彩等的對(duì)比使版面產(chǎn)生空間層次。23/87字體與版式設(shè)計(jì)（二）色彩的構(gòu)成

特殊的色彩組合可以造就設(shè)計(jì)的情趣。要產(chǎn)生和諧的感覺就選用色譜中相近的顏色，如左圖。

要產(chǎn)生更多的張力和變化就選用對(duì)比色，對(duì)比色可以迅速引起讀者注意，如右圖。同時(shí)，以上兩個(gè)版面中的標(biāo)題文字分別運(yùn)用了電腦特效和筆形變異的設(shè)計(jì)手法，有效地豐富了版面的視覺效果。24/87字體與版式設(shè)計(jì)第二節(jié)版式設(shè)計(jì)基本原則25/87字體與版式設(shè)計(jì)一、內(nèi)容與形式統(tǒng)一版式設(shè)計(jì)是信息傳播的橋梁，版式設(shè)計(jì)的前提是版式所追求的視覺形式須符合主題內(nèi)容。內(nèi)容與形式是相輔相成的，如果脫離內(nèi)容，再完美的視覺形式都會(huì)變得空洞無力。同樣，只追求內(nèi)容的傳達(dá)而不注重藝術(shù)的表現(xiàn)，版面將會(huì)缺乏生氣，難以引起讀者的閱讀興趣。只有合理地統(tǒng)一內(nèi)容與形式，強(qiáng)化整體布局，才能取得獨(dú)特的社會(huì)和藝術(shù)價(jià)值。26/87字體與版式設(shè)計(jì)

左圖是《俄國(guó)先鋒派1910-1933》的書籍封面設(shè)計(jì)及網(wǎng)站Enter頁(yè)面設(shè)計(jì)，紅色部分象征打開的書本，內(nèi)容與形式非常統(tǒng)一。利用空白設(shè)計(jì)使標(biāo)題突出，并且通過文字形態(tài)對(duì)比，使版面具有層次感。27/87字體與版式設(shè)計(jì)

下圖Bubbles的美發(fā)沙龍創(chuàng)意廣告。設(shè)計(jì)者用指紋印的視覺形式構(gòu)成不同的發(fā)型，顯示出“好發(fā)型信手拈來”的宣傳思想。左圖，圓圈紋的視覺元素一語(yǔ)雙關(guān)，既代表著聲波，也是樹木年輪的象征。在形式上與該招貼的主題內(nèi)容“聲音的森林”相統(tǒng)一。28/87字體與版式設(shè)計(jì)二、整體協(xié)調(diào)在版面中，整體的協(xié)調(diào)來自于各種編排要素（圖與圖、圖與文字以及文字與文字）恰到好處的配合，使其具有某種共同的形式特征，賦予版面以秩序美、條理美、形式美，從而獲得良好的視覺效果。整體的協(xié)調(diào)是版面產(chǎn)生美感的重要前提，也是版式設(shè)計(jì)的一個(gè)重要原則。使版面更加具有整體性與協(xié)調(diào)性，可以從以下幾個(gè)方面去考慮：

1.加強(qiáng)整體布局：在整體的組織及結(jié)構(gòu)上建立清晰的視覺方向秩序，如水平結(jié)構(gòu)、垂直結(jié)構(gòu)、斜向結(jié)構(gòu)、曲線結(jié)構(gòu)等。29/87字體與版式設(shè)計(jì)下圖為多倫多交響樂團(tuán)的推廣畫冊(cè)設(shè)計(jì)，其整體結(jié)構(gòu)具有明確的視覺方向秩序。30/87字體與版式設(shè)計(jì)2.建立信息等級(jí)：對(duì)所要編排的信息進(jìn)行整合和排序，建立良好的閱讀順序。下面兩例版式設(shè)計(jì)，主要信息與次要信息均采用不同的處理手法，利用文字大小、顏色、種類等的區(qū)別，建立主次分明的信息等級(jí)，形成鮮明的閱讀秩序31/87字體與版式設(shè)計(jì)3.加強(qiáng)文案集合：版面中文本信息較多時(shí)，可采用文案組塊的形式，使版面看起來更有條理。32/87字體與版式設(shè)計(jì)左圖，版面中文本信息較多，設(shè)計(jì)師將版面進(jìn)行分欄處理，整體化的塊狀設(shè)計(jì)使內(nèi)容清晰地呈現(xiàn)在讀者面前。33/87字體與版式設(shè)計(jì)三、主題突出要使版面具有良好的誘導(dǎo)力，鮮明突出的主題，可以通過版面的主從關(guān)系、整體排序、空白設(shè)計(jì)等的把握與運(yùn)用來達(dá)到。1.把握主從關(guān)系：按照主從關(guān)系的順序，將主體形象放大，作為視覺中心，表達(dá)主題思想右圖，將主體形象與標(biāo)題文字放在版面的視覺中心，使主題明確、突出。34/87字體與版式設(shè)計(jì)左圖，將主體物進(jìn)行特寫展示，文字編排在版面下方，整個(gè)版面簡(jiǎn)潔明了，具有很好的視覺信息傳遞功能。2.加強(qiáng)整體排序：對(duì)文案中的多種信息進(jìn)行整體編排設(shè)計(jì)，注意主次關(guān)系，使主題鮮明、一目了然。35/87字體與版式設(shè)計(jì)

左邊的版面，將標(biāo)題文字置于版面左上方，符合人們的視覺習(xí)慣，起到強(qiáng)調(diào)的作用。下面左邊的版面，由于插圖、標(biāo)題、正文等信息處理手法的不同，主次分明，形成良好的閱讀順序。36/87字體與版式設(shè)計(jì)37/87字體與版式設(shè)計(jì)3.運(yùn)用空白設(shè)計(jì)：在主體四周留白，使主體達(dá)到被強(qiáng)調(diào)的效果。

左圖，將標(biāo)題文字四周留出空白，獨(dú)立于版面中，起到很好的強(qiáng)調(diào)作用第三節(jié)版式設(shè)計(jì)基本原理38/87字體與版式設(shè)計(jì)一、形態(tài)對(duì)比

形態(tài)對(duì)比:文字等視覺元素的大小對(duì)比、粗細(xì)對(duì)比、疏密對(duì)比等。大文字強(qiáng)勁有力，但缺乏纖細(xì)精致之感。若將其與小文字配合使用，可以互相調(diào)和，并產(chǎn)生生動(dòng)、活潑的對(duì)比關(guān)系。對(duì)比大，版面富有動(dòng)勢(shì)，具有強(qiáng)烈的視覺沖擊力；對(duì)比小，給人以穩(wěn)靜、舒暢的心理及視覺感受。字體的粗細(xì)可表達(dá)不同的性格特征，粗字體更偏向男性性格，細(xì)字體則更偏向于女性性格。將二者進(jìn)行對(duì)比，給版面帶來變化。39/87字體與版式設(shè)計(jì)左圖，放大的標(biāo)題文字與底部極細(xì)密的小文字形成強(qiáng)烈對(duì)比，使版面具有視覺沖擊力。下圖，粗體大字集中在左頁(yè)的標(biāo)題上，細(xì)體小字集中在大面積的正文上，兩者對(duì)比強(qiáng)烈，又保證了版面的穩(wěn)定。左頁(yè)的疏松、透氣與右頁(yè)的密集形成對(duì)比，使版面具有活力。40/87字體與版式設(shè)計(jì)二、色彩對(duì)比色相對(duì)比：兩種以上的顏色進(jìn)行組合后，由于色相差別而形成的色彩對(duì)比效果。版面的色彩對(duì)比有色相對(duì)比、明度對(duì)比、冷暖對(duì)比、飽和度對(duì)比等。色彩對(duì)比弱，版面柔和、舒適，色彩對(duì)比強(qiáng)，版面視覺沖擊力強(qiáng)，吸睛度高。41/87字體與版式設(shè)計(jì)補(bǔ)色對(duì)比是最強(qiáng)烈的對(duì)比類型，如紅與綠、黃與紫的對(duì)比。補(bǔ)色對(duì)比使版面視覺效果強(qiáng)烈，如右圖。但若處理不當(dāng)，易產(chǎn)生不安定、不協(xié)調(diào)的感覺。42/87字體與版式設(shè)計(jì)由于版面構(gòu)成要素明度的不同而形成的色彩對(duì)比效果，稱為明度對(duì)比。它是決定版面是否清晰、明快的關(guān)鍵。右圖，聚光燈聚焦在版面中心，與周圍環(huán)境形成明度對(duì)比，主體形象引人注目，使讀者印象深刻。43/87字體與版式設(shè)計(jì)三、統(tǒng)一與協(xié)調(diào)過分強(qiáng)調(diào)對(duì)比關(guān)系，易使版面混亂，可通過運(yùn)用有相同特征的造型，使各因素協(xié)調(diào)起來。當(dāng)有相同特征的造型在版面各處反復(fù)出現(xiàn)時(shí)，會(huì)產(chǎn)生統(tǒng)一的調(diào)子，使版面具有整體感和節(jié)奏感。44/87字體與版式設(shè)計(jì)如右圖，粗體阿拉伯?dāng)?shù)字和細(xì)線在版面中反復(fù)出現(xiàn)，使版面具有節(jié)奏感與統(tǒng)一感。采用同類插畫，也會(huì)使版面具有統(tǒng)一感。45/87字體與版式設(shè)計(jì)四、平衡

在版式設(shè)計(jì)中，版面的平衡是由各構(gòu)成要素的布局決定的。平衡的版面給人以安定感，但完完全全的平衡容易使人感到乏味，因此要注意賦予版面以動(dòng)勢(shì)與變化。46/87字體與版式設(shè)計(jì)左圖，針對(duì)版面左頁(yè)的去底圖版，右頁(yè)用密集的段落文字來保持版面的平衡。若將右側(cè)段落文字的強(qiáng)度減弱，平衡將被打破。左圖，重心放在版面的上部和右側(cè)，針對(duì)左上方的標(biāo)題和右側(cè)的群體文字，左下方使用空白設(shè)計(jì)，以保持版面平衡。47/87字體與版式設(shè)計(jì)五、強(qiáng)調(diào)

強(qiáng)調(diào)能夠避免版面的單調(diào)，但強(qiáng)調(diào)的面積不宜過大，否則將會(huì)使版面紛亂?？赏ㄟ^大小對(duì)比、色彩對(duì)比、質(zhì)感對(duì)比等達(dá)到強(qiáng)調(diào)的目的。左圖是大小對(duì)比的版面構(gòu)成，對(duì)比強(qiáng)烈，具有很好的強(qiáng)調(diào)作用。且版面中心小的造型產(chǎn)生節(jié)奏感。48/87字體與版式設(shè)計(jì)

右圖，在大面積版面的上半部運(yùn)用粗體字，字體或是反白，或是與背景進(jìn)行色相對(duì)比。同時(shí)，添加裝飾性的視覺元素，達(dá)到強(qiáng)調(diào)標(biāo)題的目的。49/87字體與版式設(shè)計(jì)六、起承關(guān)系在版面中，以一處為起點(diǎn)，后面有承接它的造型，二者相互呼應(yīng)、相互協(xié)調(diào)，賦予版面以動(dòng)勢(shì)。二者的間距越大，被調(diào)動(dòng)的版面面積也就越大，動(dòng)勢(shì)則越強(qiáng)。在運(yùn)用起承關(guān)系時(shí)，要注意版面的平衡，二者強(qiáng)弱不均時(shí)，共鳴將減弱。50/87字體與版式設(shè)計(jì)左圖，左頁(yè)與右頁(yè)運(yùn)用相同類型的圖版，雙方取得平衡，擴(kuò)大動(dòng)勢(shì)。下面的兩例版式，版面上端和下端的文字均采用相同的處理手法，首尾呼應(yīng)，最大限度地調(diào)動(dòng)版面的動(dòng)勢(shì)。51/87字體與版式設(shè)計(jì)七、圖底關(guān)系一般情況下，是在白紙上印刷黑色字，此時(shí)白紙叫作“底”，黑字叫作“圖”。若在黑紙上印刷白色色字，則此時(shí)黑紙為“底”，白字為“圖”。其中，在白底上印刷的圖叫作“陽(yáng)圖”，黑底上印刷的圖叫作“陰圖”。在版式設(shè)計(jì)中，運(yùn)用陽(yáng)圖與陰圖形成對(duì)比，可豐富版面層次。52/87字體與版式設(shè)計(jì)右圖，大字既是圖，也是小字的底，圖底交錯(cuò)，營(yíng)造奇特的視覺效果。右圖，陽(yáng)文與陰文交錯(cuò)出現(xiàn)，使版面富有層次感與韻律感。53/87字體與版式設(shè)計(jì)右圖，在白底上印刷陽(yáng)文，在黑底上印刷陰文，用明暗對(duì)比表現(xiàn)具有時(shí)間感的空間。54/87字體與版式設(shè)計(jì)八、集中與放射焦點(diǎn)集中在畫面中心的版式叫做向心型版式，焦點(diǎn)向外擴(kuò)散的版式叫做擴(kuò)散型版式。其中，向心型版式穩(wěn)靜，擴(kuò)散型版式富有動(dòng)勢(shì)。左圖，以版面中心的標(biāo)題為基點(diǎn)，線性文字等視覺元素向版面四處擴(kuò)散。55/87字體與版式設(shè)計(jì)左下圖，視線隨著圖版的動(dòng)勢(shì)呈放射性擴(kuò)散開來。右下圖，視線集中在版面的視覺中心，呈放射狀態(tài)，給版面帶來動(dòng)勢(shì)。56/87字體與版式設(shè)計(jì)九、文字的基本設(shè)置在版式設(shè)計(jì)中，可以通過對(duì)文字的大小、粗細(xì)字體的種類，字群及其字距、行距等的設(shè)置，強(qiáng)化主題內(nèi)容，豐富版面的視覺效果。

在同一個(gè)版面中適當(dāng)選擇不同的字體，可以區(qū)分主次、豐富版面的層次，當(dāng)然也不能過多地使用，否則就會(huì)顯得雜亂無章。一般情況下，同一版面內(nèi)最多不超過3~4種字體。字體種數(shù)多，版面熱鬧、有趣；字體種數(shù)少，版面穩(wěn)靜、雅致。57/87字體與版式設(shè)計(jì)左圖，版面字體種類較多，呈現(xiàn)出熱鬧的版面氛圍，具有親和力。58/87字體與版式設(shè)計(jì)下圖，字體種類少，給人以穩(wěn)重、可信賴的心理感受，表現(xiàn)產(chǎn)品的精密與高品質(zhì)。59/87字體與版式設(shè)計(jì)當(dāng)兩個(gè)或兩個(gè)以上的視覺元素相互靠近時(shí)，就會(huì)自動(dòng)成為群組。如左圖，每個(gè)版塊的視覺元素由于相互靠近而形成群組，視覺元素的群組化使得版面清晰、有條理。此外，當(dāng)具有相同特征的文字同時(shí)出現(xiàn)時(shí)，就會(huì)相互呼應(yīng)成為群組，在視覺上構(gòu)成一定形狀。60/87字體與版式設(shè)計(jì)十、版面率與跳躍率正文使用的部分叫做版面，版面面積與全頁(yè)面積的比叫做“版面率”