網(wǎng)頁中的文字設計

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

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

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

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

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

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

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