網(wǎng)頁(yè)中的文字設(shè)計(jì)

1、2本章目標(biāo)本章目標(biāo)n了解網(wǎng)頁(yè)中的文字在網(wǎng)頁(yè)設(shè)計(jì)中的作用了解網(wǎng)頁(yè)中的文字在網(wǎng)頁(yè)設(shè)計(jì)中的作用n熟悉網(wǎng)頁(yè)中常見(jiàn)的文字類(lèi)型熟悉網(wǎng)頁(yè)中常見(jiàn)的文字類(lèi)型n掌握常見(jiàn)文字類(lèi)型的設(shè)計(jì)方法掌握常見(jiàn)文字類(lèi)型的設(shè)計(jì)方法36.1 文字在網(wǎng)頁(yè)中的應(yīng)用文字在網(wǎng)頁(yè)中的應(yīng)用n6.1.1字體的選擇字體的選擇n6.1.2字體的種類(lèi)字體的種類(lèi)n6.1.3文字的大小文字的大小n6.1.4文字的排列文字的排列n6.1.5文字的文字的“雜音雜音”n6.1.6文字的圖形化文字的圖形化46.1.1字體的選擇字體的選擇n單從視覺(jué)上講，文字本身是一種特殊的圖形，字體具有不同的性格和單從視覺(jué)上講，文字本身是一種特殊的圖形，字體具有不同的性格和表現(xiàn)力。

2、筆畫(huà)粗壯，棱角分明的字體給人以男性化，莊重，嚴(yán)肅，醒表現(xiàn)力。筆畫(huà)粗壯，棱角分明的字體給人以男性化，莊重，嚴(yán)肅，醒目，有力等感覺(jué)；筆畫(huà)纖細(xì)、圓潤(rùn)的字體給人以女性化，清新，舒朗，目，有力等感覺(jué)；筆畫(huà)纖細(xì)、圓潤(rùn)的字體給人以女性化，清新，舒朗，精密，柔弱的印象；手寫(xiě)體是隨意、輕松幽默、兒童化的語(yǔ)言。精密，柔弱的印象；手寫(xiě)體是隨意、輕松幽默、兒童化的語(yǔ)言。 56.1.2字體的種類(lèi)字體的種類(lèi)n總的來(lái)講，同一頁(yè)面中字體種類(lèi)少、差異性小使頁(yè)面具有文靜、雅致總的來(lái)講，同一頁(yè)面中字體種類(lèi)少、差異性小使頁(yè)面具有文靜、雅致的特點(diǎn)多用于表現(xiàn)精細(xì)、高格調(diào)等特征；字體種類(lèi)多、差異性大使人的特點(diǎn)多用于表現(xiàn)精細(xì)、高格調(diào)等特征；

3、字體種類(lèi)多、差異性大使人感覺(jué)畫(huà)面熱鬧，信息量大，但是無(wú)用不當(dāng)會(huì)給人以雜亂的感覺(jué)。除非感覺(jué)畫(huà)面熱鬧，信息量大，但是無(wú)用不當(dāng)會(huì)給人以雜亂的感覺(jué)。除非特別需要的情況同一頁(yè)面中字體不宜過(guò)多，一般不超過(guò)特別需要的情況同一頁(yè)面中字體不宜過(guò)多，一般不超過(guò)4種。種。66.1.3文字的大小文字的大小n平面上圖形大小的變化可以產(chǎn)生空間層次感，進(jìn)平面上圖形大小的變化可以產(chǎn)生空間層次感，進(jìn)而產(chǎn)生前與后、主與次的區(qū)別。同樣的，字體相而產(chǎn)生前與后、主與次的區(qū)別。同樣的，字體相同時(shí)，字號(hào)大可使文字醒目而突出，像是站在隊(duì)同時(shí)，字號(hào)大可使文字醒目而突出，像是站在隊(duì)伍前排；字號(hào)小使文字產(chǎn)生后退的觀感，使其成伍前排；字號(hào)小使文字產(chǎn)

4、生后退的觀感，使其成為背景或次要元素。隨著文字減小，精密細(xì)致的為背景或次要元素。隨著文字減小，精密細(xì)致的感覺(jué)逐漸加強(qiáng)。感覺(jué)逐漸加強(qiáng)。76.1.3文字的大小文字的大小n在同一畫(huà)面中適當(dāng)?shù)陌才盼淖值拇笮∈欠浅Ｖ匾?，可以在同一?huà)面中適當(dāng)?shù)陌才盼淖值拇笮∈欠浅Ｖ匾模梢杂绊懻麄€(gè)畫(huà)面的格調(diào)。對(duì)比使文字特征互為強(qiáng)化和補(bǔ)充，影響整個(gè)畫(huà)面的格調(diào)。對(duì)比使文字特征互為強(qiáng)化和補(bǔ)充，文字字號(hào)差別給人跳躍、富于活力的印象；反之，則有平文字字號(hào)差別給人跳躍、富于活力的印象；反之，則有平穩(wěn)安靜的感覺(jué)。穩(wěn)安靜的感覺(jué)。86.1.4文字的排列文字的排列n文字除了其自身作為單獨(dú)形象存在時(shí)所具有的個(gè)性特征之外，文字除了其自身作為

5、單獨(dú)形象存在時(shí)所具有的個(gè)性特征之外，其不同的組織排列形式也是加強(qiáng)文字表現(xiàn)力的重要手段之一些，其不同的組織排列形式也是加強(qiáng)文字表現(xiàn)力的重要手段之一些，這可以理解為文字圖形化的一種形式，這時(shí)文字成為構(gòu)成畫(huà)面這可以理解為文字圖形化的一種形式，這時(shí)文字成為構(gòu)成畫(huà)面的一個(gè)視覺(jué)元素。的一個(gè)視覺(jué)元素。96.1.4文字的排列文字的排列n文字排列的疏密對(duì)版面的視覺(jué)效果的影響是很大的文字排列的疏密對(duì)版面的視覺(jué)效果的影響是很大的,不同的不同的文字排列形成不同的文字排列形成不同的心理感覺(jué)文字排列形成不同的文字排列形成不同的心理感覺(jué).排列緊排列緊密會(huì)給喧鬧、通俗、擁擠、隨便的感覺(jué)；反之，給人高雅、密會(huì)給喧鬧、通俗、擁擠

6、、隨便的感覺(jué)；反之，給人高雅、正式、輕松、通暢的印象。正式、輕松、通暢的印象。106.1.5文字的文字的“雜音雜音”n“雜音雜音”效果是借用聲學(xué)的概念形象地描繪在視覺(jué)上與之類(lèi)效果是借用聲學(xué)的概念形象地描繪在視覺(jué)上與之類(lèi)似的感覺(jué)。顧名思義，文字的似的感覺(jué)。顧名思義，文字的“雜音雜音”就是利用模糊、撕就是利用模糊、撕裂、重疊、顫動(dòng)、扭曲等多種手法使文字形成特殊的視覺(jué)裂、重疊、顫動(dòng)、扭曲等多種手法使文字形成特殊的視覺(jué)效果。效果。 116.1.6文字的圖形化文字的圖形化n圖形化文字具有了圖形語(yǔ)言的特征，信息傳達(dá)更為形象生圖形化文字具有了圖形語(yǔ)言的特征，信息傳達(dá)更為形象生動(dòng)，也更直接，是平面設(shè)計(jì)中較為常

7、用而又有效的手法。動(dòng)，也更直接，是平面設(shè)計(jì)中較為常用而又有效的手法。126.2 常見(jiàn)的文字特效設(shè)計(jì)常見(jiàn)的文字特效設(shè)計(jì)n6.2.1 眩彩果凍字眩彩果凍字n6.2.2 立體條紋字立體條紋字n6.2.3 不銹鋼字不銹鋼字n6.2.4 膠凝字膠凝字n6.2.5 晶瑩剔透玻璃字體晶瑩剔透玻璃字體n6.2.6 像素立體字像素立體字136.2.1 眩彩果凍字眩彩果凍字n實(shí)例效果實(shí)例效果n操作步驟操作步驟(略略)146.2.2 立體條紋字立體條紋字n實(shí)例效果實(shí)例效果n操作步驟操作步驟(略略)156.2.3 不銹鋼字不銹鋼字n實(shí)例效果實(shí)例效果n操作步驟操作步驟(略略)166.2.4 膠凝字膠凝字n實(shí)例效果實(shí)例效果n操作步驟操作步驟(略略)176.2.5 晶瑩剔透玻璃字體晶瑩剔透玻璃字體n實(shí)例效果實(shí)例效果n操作步驟操作步驟(略略)186.2.6 像素立體字像素立體字n實(shí)例效果