藝術(shù)設(shè)計必修課：平面設(shè)計 課件 第4章 平面設(shè)計中的文字編排

平面設(shè)計中的

文字編排第四章文字是平面設(shè)計的基本組成元素之一，雖然文字的主要作用是傳遞主題和信息，但如果經(jīng)過獨特的設(shè)計與巧妙的編排，也可以成為畫面的視覺焦點。本章介紹了平面設(shè)計中對文字的處理方法，主要包括字體、字號的選擇，以及文字編排技巧。內(nèi)容概覽01一、文字屬性選擇三、文字對齊方式二、文字設(shè)計手法四、文字編排技巧一、文字屬性選擇了解文字的七大屬性。學(xué)習(xí)目標(biāo)掌握文字屬性對設(shè)計的作用和影響。學(xué)習(xí)重點一、文字屬性選擇襯線體無襯線體01021.字型選擇襯線體是一種字體類型，其特點是在字母或筆畫的末端有額外的裝飾性線條或筆畫。常見的襯線體包括TimesNewRoman、Georgia等字體。無襯線體的特點是字母和筆畫的末端沒有額外的裝飾性線條或筆畫，筆畫粗細(xì)較為均勻一致。無襯線體給人一種簡潔、現(xiàn)代、清晰和直接的視覺感受。常見的無襯線體有Arial、Helvetica、Verdana等字體。一、文字屬性選擇x字高（x-height）指的是在給定字體中，小寫字母“x”的高度。更精準(zhǔn)的定義是基準(zhǔn)線（baseline）與字體中小寫字母的中線（meanline）之間的距離。在印刷中，x字高是一行文字的基線與小寫字母（不包括上升筆畫或下降筆畫）的主體頂部之間的距離，同時也是字母“v”“w”和“z”的高度。由于過沖（overshoot），弧形的字母如“a”“c”“e”“m”“n”“o”“r”“s”和“u”往往會略微超過x字高。2.x字高選擇通常在網(wǎng)頁端使用像素（px）作為字號的單位，移動端興起后，ios系統(tǒng)的字體單位是磅（pt），Android系統(tǒng)的是縮放獨立像素（sp）。網(wǎng)頁設(shè)計的字號不能一概而論，但一般情況下為12px。以ios為例，正文字號不應(yīng)小于11pt，只有這樣讀者才能正常閱讀，建議字號設(shè)置在14~18pt之間。01網(wǎng)頁端字號印刷品字號的大小由“點”表示，也稱磅（pt），每一點約等于0.35毫米。為了保證可讀性，印刷品文字的最小尺寸為5pt，文字過小，讀起來會有點困難。另外，如果文字較粗，字號越小就越有可能失去平衡感。圖書正文字號一般設(shè)置為9~10.5pt，設(shè)計類書籍的字號一般為7.5~9.5pt，看起來更精致。02印刷品字號一、文字屬性選擇3.字體最小字號一、文字屬性選擇

字重是指字體筆畫的粗細(xì)，不同字重傳遞出的視覺感受完全不一樣。一般在字體家族名后面注明Thin、Light、Regular、Blod、Black、Heavy等。不同的字體廠商劃分的字重各有不同。字重一般都有細(xì)體、正常、粗體三種，在應(yīng)用場景方面，通常細(xì)體更多地被應(yīng)用于超大號字體；正常用于正文內(nèi)容；粗體表示強(qiáng)調(diào)，多用于標(biāo)題。4.字重選擇一、文字屬性選擇

除了以上幾個最常用的文字屬性外，還有幾個使用頻率比較低的字體設(shè)置。例如帶下劃線的、帶刪除線的文本。下劃線文本一般出現(xiàn)在文字按鈕處或帶鏈接的網(wǎng)址，而刪除線文本一般用于表示商品的原價。5.字符樣式一、文字屬性選擇Ps和Sketch都有文字（字符）選項一欄，主要針對西文字母大小寫格式變換的設(shè)置。最常見的有默認(rèn)大小寫、全部大寫、全部小寫和小型大寫字母，Ps里面還有上標(biāo)和下標(biāo)。6.字符選項一、文字屬性選擇

全角模式下，一個字符占用兩個標(biāo)準(zhǔn)字符的位置，字符間距較大，通常用于中文、日文等東亞文字的輸入和顯示。全角字符看起來較為飽滿、方正。半角模式下，一個字符占用一個標(biāo)準(zhǔn)字符的位置，字符間距較小。半角字符常用于英文字符、數(shù)字和標(biāo)點符號的輸入和顯示。7.全角與半角二、文字設(shè)計手法了解平面設(shè)計中文字的處理手法。學(xué)習(xí)目標(biāo)掌握改變文字外觀和視覺效果的設(shè)計手法與技巧。學(xué)習(xí)重點二、文字設(shè)計手法塊面化處理加強(qiáng)立體感01包邊效果增加立體動感02擰轉(zhuǎn)字體帶來空間立體感031.文字立體化二、文字設(shè)計手法不光可以改變文字的顏色，還可以改變其肌理。簡單來說，就是保留文字的基本輪廓，將其表面替換成某種材質(zhì)（布、金屬、木）或是某種場景，這樣文字就會變得活躍起來，也就更能吸引人的注意，更好地傳遞信息。2.改變文字肌理二、文字設(shè)計手法在原有字體的基礎(chǔ)上，可以用其他形式來代替某一處的筆畫，比如用圓形替代“口”字，也可以用具有象征性的符號來代替，從而讓觀者聯(lián)想到背后的場景與理念。3.圖形替代文字筆畫把水墨技巧融入電腦字體中，字體設(shè)計作品營造出簡約、空靈的意境之美。對文字的筆畫進(jìn)行抽象處理，并加以有規(guī)律的處理，讓文字設(shè)計創(chuàng)作達(dá)到了圖形化，增強(qiáng)了文字的設(shè)計魅力二、文字設(shè)計手法把兩個字或者多個字上下有節(jié)奏的排列，組合成一個整體，使字體整體有韻律感。上下錯位形成一種動感和層次感，使字與字之間的主次關(guān)系更加明確。4.文字的錯位交疊二、文字設(shè)計手法字體拉長就是將整體的筆畫向上或向下拉伸，使字體既高雅又具有層次感。但要注意的是如果拉伸后文字顯得太“飄”，可以在文字下方加一些修飾，如點、線、面等。這種文字的特點比較明顯，筆畫纖細(xì)，字體清秀工整，結(jié)構(gòu)勻稱，整體感覺比較柔美，偏女性化。5.文字的拉長變形二、文字設(shè)計手法

通過切割文字的筆畫形成錯位感，讓文字看起來更有動感。切割可以打破文字結(jié)構(gòu)的相對平衡，重構(gòu)字體重心，將字體的靜勢轉(zhuǎn)為動勢，讓字體鮮活起來。6.文字切割法二、文字設(shè)計手法

以字體的外輪廓為造型，中間留白。用輪廓法設(shè)計出來的字體有一種通透感，外輪廓可大可小，可隨著字體的造型不斷變化。7.文字輪廓法二、文字設(shè)計手法

圓形造字法是指將一些圓形作為設(shè)計的規(guī)范，設(shè)計師以這些圓形作為依據(jù)對字體進(jìn)行裁切、拼接等。圓形造字法的好處是：一方面使字體看起來很有弧度，顯得有變化；另一方面，使字體設(shè)計更加獨特，而且看起來有理有據(jù)。8.圓形造字法二、文字設(shè)計手法

書法是中國漢字特有的一種傳統(tǒng)藝術(shù)，其本身就是字體之美的最佳體現(xiàn)。書法字體自帶一種文化感與灑脫感，所以書法字經(jīng)常用于電影海報、文化類海報、商業(yè)海報等。9.書法造字二、文字設(shè)計手法

化曲為直就是把字體中的曲線改成直線，其呈現(xiàn)出來的是簡潔、鮮明的氛圍特點，這樣的設(shè)計方法對熟悉字體結(jié)構(gòu)有很好的幫助。10.化曲為直法二、文字設(shè)計手法

鋼筆造字法是指靈活使用鋼筆設(shè)計文字的筆畫和字體的方法。具體操作方法為：使用鋼筆勾勒出字體的雛形，再進(jìn)行延長、縮短、變粗、變細(xì)等操作。使用鋼筆造字法，筆畫可曲可直，也能體現(xiàn)設(shè)計師的情緒與情感，有很強(qiáng)的可塑性。11.鋼筆造字法二、文字設(shè)計手法

連筆法也叫共用法，簡單來說就是指找到字與字之間可以連接起來的地方。連接的地方可以是字的“橫”筆畫，也可以是字的“撇”與“捺”筆畫相連。連筆法很像我們平常見到的簽名，設(shè)計時切記不要生搬硬拼，讓其筆畫自然銜接。12.連筆法三、文字對齊方式了解平面設(shè)計中文字對齊的七種方式。學(xué)習(xí)目標(biāo)掌握平面設(shè)計中不同文字對齊方式的特點以及運(yùn)用方法。學(xué)習(xí)重點三、文字對齊方式2.右對齊右對齊的編排方式與人的視線剛好相反，而且每一行起始不規(guī)則的部分干擾了用戶的閱讀，所以右對齊的使用頻率并沒有很高，往往需要通過人為干預(yù)與一些圖形或者圖片建立某種聯(lián)系而獲得平衡感。1.左對齊左對齊是最常見的對齊方式，符合人從左到右的閱讀習(xí)慣，所以能使讀者在瀏覽時感受到輕松與自然。但是也有一個缺點，如果設(shè)計不好，導(dǎo)致右端留白過多，會出現(xiàn)整體視覺不均衡的情況。3.居中對齊垂直居中的對齊方式給人莊重、嚴(yán)肅、經(jīng)典的感覺。因為大段的文字居中會造成折行閱讀困難的問題，所以居中的文字排版多用于標(biāo)題、副標(biāo)題、廣告語、短篇文字等的排版中。4.頂端對齊具有中國傳統(tǒng)文化特色的產(chǎn)品、藝術(shù)展覽或傳統(tǒng)節(jié)日的海報等都可以采用此類排版，雖然不是很方便用戶閱讀，但是能營造出較強(qiáng)的復(fù)古文化氛圍，體現(xiàn)中國風(fēng)。三、文字對齊方式6.兩端對齊對大段英文進(jìn)行排版時，字節(jié)、符號經(jīng)常會因為分布不均勻使文字兩端很難絕對對齊，導(dǎo)致視覺效果顯得比較粗糙，這時候就需要強(qiáng)制兩端對齊或者強(qiáng)制兩端對齊及末行左對齊。這樣可以使版式更加嚴(yán)謹(jǐn)、工整。5.底端對齊底端對齊也使用縱向排版，但閱讀性相對來講是所有排列方式中體驗感最差的，一般在設(shè)計排版的過程中不會單獨使用，會用于少量文字或者做裝飾版面使用。也可用于電影海報或人物海報的排版。7.首字突出首字突出的方式多種多樣。常見的有增大首字的字號，使其比段落中的其他文字更大；改變首字的字體，使用與正文不同的字體樣式，以增加獨特性；調(diào)整首字的顏色，使其更加醒目，如使用鮮艷或?qū)Ρ葟?qiáng)烈的色彩；對首字進(jìn)行裝飾，如添加陰影、立體效果、花紋等；還可以將首字進(jìn)行變形，如拉伸、扭曲或做成特定的形狀。四、文字編排技巧了解平面設(shè)計中長段文字的編排方法。學(xué)習(xí)目標(biāo)掌握平面設(shè)計中讓版面更突出的文字編排技巧。學(xué)習(xí)重點四、文字編排技巧字間距指的是在文字段落里單個文字相互之間的距離，借由把控字間距的大小，讓頁面呈現(xiàn)出舒緩或者緊湊的視覺格調(diào)。字間距過大，會使閱讀喪失連貫性，反之，就會對文字的辨識度造成影響。1.字間距和行間距的設(shè)置四、文字編排技巧前實后虛是將文字進(jìn)行疊壓后，對下層文字進(jìn)一步虛化，制造空間關(guān)系。注意如果文字太虛，可能會影響識別度，建議將完整文字放置在其他位置，以保持信息的完整性。將文字編排位置超出出血線，然后對文字進(jìn)行切割處理，這樣的處理方式可以增強(qiáng)文字的陌生感，讓畫面整體更加耐看。2.嘗試將文字出血切割3.文字編排前實后虛前實后虛是將文字進(jìn)行疊壓后，對下層文字進(jìn)一步虛化，制造空間關(guān)系。注意如果文字太虛，可能會影響識別度，建議將完整文字放置在其他位置，以保持信息的完整性。四、文字編排技巧前實后虛是將文字進(jìn)行疊壓后，對下層文字進(jìn)一步虛化，制造空間關(guān)系。注意如果文字太虛，可能會影響識別度，建議將完整文字放置在其他位置，以保持信息的完整性。讀者在閱讀時視線會隨著文字的方向移動，所以可以嘗試豎排或橫排文字來引導(dǎo)視線。橫排文字與豎排文字相比，更容易營造流行、現(xiàn)代的氛圍，特別是文字中包含西文時，更加推薦使用橫排方式。4.采用豎排或橫排四、文字編排技巧通過對字體的大小、風(fēng)格、粗細(xì)進(jìn)行調(diào)整，可以增強(qiáng)字體的表現(xiàn)力，強(qiáng)化主次之分。在畫面中，越是注重字體的對比變化，就越能夠讓畫面的層次清晰明確，也越能增強(qiáng)畫面的躍動感。畫面中運(yùn)用多種字體，會給人一種潮流、充滿活力的感覺，然而也可能會喪失整體感，給人留下凌亂的印象，但在案例中，若所有字體都具備相同的特性（相同的色彩、相同的字號、相同的粗細(xì)），則能夠加強(qiáng)整體感。5.不同文字搭配四、文字編排技巧前實后虛是將文字進(jìn)行疊壓后，對下層文字進(jìn)一步虛化，制造空間關(guān)系。注意如果文字太虛，可能會影響識別度，建議將完整文字放置在其他位置，以保持信息的完整性。這種把畫面包起來的做法，會把原本容易被忽略的邊界凸顯出來，還能增強(qiáng)畫面的張力。6.巧用文字邊框7.文字穿插處理這種方式打破了原來字體的結(jié)構(gòu)，通過兩個或者多個元素組合成新的文字設(shè)計，相互作用，相互穿插，表現(xiàn)出若隱若現(xiàn)的關(guān)系，讓畫面變得鮮活且豐富。四、文字編排技巧01首字、首句錯位編排02文字整體錯位編排03文字大小錯位排版8.使用錯位編排四、文字編排技巧前實