網(wǎng)頁界面設(shè)計(jì)教程五：文字的編排設(shè)計(jì)
以語言進(jìn)行信息傳達(dá)時(shí)，語氣、語調(diào)以及面部表情、姿態(tài)手勢(shì)是語言的輔助和補(bǔ)充，而在界面設(shè)計(jì)中，文字的字體、規(guī)格及其編排形式，就相當(dāng)于文字的輔助信息傳達(dá)手段。
宋體字型結(jié)構(gòu)方中有圓，剛?cè)嵯酀?jì)，既典雅莊重，又不失韻昧靈氣，從視覺角度來說，宋體閱讀最省目力，不易造成視覺疲勞，具有很好的易讀性和識(shí)別性。
楷體字型柔和悅目，間架結(jié)構(gòu)舒張有度，可讀性和識(shí)別性均較好，適用于較長的文本段落，也可用于標(biāo)題。
仿宋體筆畫粗細(xì)均勻，秀麗挺拔，有輕快、易讀的特點(diǎn)，適用于文本段落。因其字型娟秀，力度感差，故不宜用作標(biāo)題。
黑體不僅莊重醒目，而且極富現(xiàn)代感，因其形體粗壯，在較小字體級(jí)數(shù)時(shí)宜彩等線體（即細(xì)黑），否則不易識(shí)別。
圓體視覺沖擊力不如黑體，但在視覺心理上給人以明亮清新、輕松愉快的感覺，但其識(shí)別性弱，故只適宜作標(biāo)題性文字。
手寫體分為兩種，一種來源于傳統(tǒng)書法，如隸書體，行書體，另一種是以現(xiàn)代風(fēng)格創(chuàng)造的自由手寫體，如廣告體，POP體。手寫體只適用于標(biāo)題和廣告性文字，長篇文本段落和小字體級(jí)數(shù)時(shí)不宜使用，應(yīng)盡量避免在同一頁面中使用兩種不同的手寫體，因?yàn)槭謱戵w形態(tài)特征鮮明顯著，很難形成統(tǒng)一風(fēng)格，不同手寫體易造成界面雜亂的視覺形象，手寫體與黑體宋體等規(guī)范的字體相配合，則會(huì)產(chǎn)生動(dòng)靜相宜，相得宜彰的效果。
美術(shù)體是在宋體、黑體等規(guī)范字體基礎(chǔ)上變化而成的各種字體，如綜藝體、琥珀體。美術(shù)體具有鮮明的風(fēng)格特征，不適于文本段落，也不宜混雜使用，多用于字體級(jí)數(shù)較大的標(biāo)題，發(fā)揮引人注目，活躍界面氣氛的作用。
拉丁字母依據(jù)其基本結(jié)構(gòu)可以分為三種類型：
�。�1）飾線體（Serif）：此類字體在筆畫末端帶有裝飾性部分，筆畫精細(xì)對(duì)比明顯，與中文的宋體具有近似形態(tài)特征，飾線體在閱讀時(shí)具有較好的易讀性，適于用作長篇幅文本段落。代表字體是新羅馬體（Times New Roman）。
（2）無飾線體（Sans Serif）：筆畫的粗細(xì)對(duì)比不明顯，筆畫末端沒有裝飾性部分，字體形態(tài)與中文的黑體相類似。由于其筆畫粗細(xì)均勻，故在遠(yuǎn)距離易于辨認(rèn)，具有很好的識(shí)別性，多用于標(biāo)題和指示性文字。無飾線體具有簡(jiǎn)潔規(guī)整的形態(tài)特征，符合現(xiàn)代的審美標(biāo)準(zhǔn)。代表字體是赫爾維梯卡體（Helvetica）。
�。�3）裝飾體（Decorative，也稱Display）：即通常所說的“花”體，由于此類字體信箋于形式的裝飾意味，閱讀時(shí)較為費(fèi)力，易讀性較差，只適合于標(biāo)題或較短文本，類似于中文的美術(shù)體和手寫體。代表字體是草體（Script）。
在某些特殊場(chǎng)合，如廣告或展示性的短語中，拉丁字母全部使用小寫字母，能夠造成一種平易近人的親切感。
拉丁字母字體大都包含字幅（正、長、扁）、黑度（細(xì)、粗、超粗）、直斜的變化，因而由一種基本字型可以變化出多種具有相似特征的同族字體，這些字體統(tǒng)稱為“字族”。
同一頁面中字體應(yīng)盡量在同一字族中選用，以保證界面具有明確、統(tǒng)一的風(fēng)格特征。
在計(jì)算機(jī)字庫中，有關(guān)字體特征的表示大多彩縮略語，如Cn(Condensed，長體)，Ex(Expanded，扁體)，Lt(Light，細(xì))，Med(Medium，中粗)，DemBol或Dm(Demi Bold，半粗)，Bd(Bold，粗)，XBd(Extra Bold，特粗)，It(Italic，斜體)等。中文正文的字符數(shù)每行以20-35個(gè)為宜，西文則約40-70個(gè)字符最易閱讀，因此較寬的文字幅面應(yīng)考慮采用分欄的排布方式。通常設(shè)定行距為字高的150-200%，西文的行距通常小于中文行距。
粗細(xì)對(duì)比是剛與柔的對(duì)比，也有人稱之為男性性格與女性性格的對(duì)比。在同一行文字中使用粗細(xì)對(duì)比的效果最為強(qiáng)烈。粗字少細(xì)字多易取得平衡，給人以明快新穎的感覺，細(xì)字少粗字多，則不易平衡，但往往會(huì)產(chǎn)生具有幽默感的特殊效果。
界面中文字編排要求視覺上產(chǎn)生類似于天平平衡的印象，失去平衡的文字編排設(shè)計(jì)，將得不到瀏覽者的信賴，并給人以粗劣的印象。
可能通過左右延伸的水平線，上下延伸的垂直線，動(dòng)感的弧線和斜線，穿插的圖形來誘導(dǎo)視線依照設(shè)計(jì)師安排好的結(jié)構(gòu)形式順序?yàn)g覽。
在界面的四角配置文字或符號(hào)，界面的勢(shì)力范圍就明確地確定下來，界面中即使存在讓人感覺動(dòng)蕩不定的元素也會(huì)因此而穩(wěn)定下來。在四角中，左上和右下具有特殊的吸引力，是處理的重點(diǎn)，處理得好，可以使界面左右均衡，同時(shí)還會(huì)形成從左上到右下沿對(duì)角線流動(dòng)的視覺過程，給人以自然穩(wěn)定的感覺。
非規(guī)律性造型形式的錯(cuò)落變化，應(yīng)出現(xiàn)在周圍有較充分的留白空間的場(chǎng)所，效果較為顯著。如在界面中央或正上方表現(xiàn)效果較好，標(biāo)題性文字往往使用此手法處理。
分欄式結(jié)構(gòu)中，文字群體通常只出現(xiàn)在一欄中，每行的字符數(shù)相對(duì)較少，易于瀏覽。分欄中如果都排布文字群體，界面會(huì)顯得十分擁擠，故不宜采用。其他欄中可設(shè)置目錄、標(biāo)題、導(dǎo)航等簡(jiǎn)潔的文字信息，整體形式繁簡(jiǎn)對(duì)比，疏密得當(dāng)。國內(nèi)使用較多的是三分欄，國外四分欄式結(jié)構(gòu)則較為普遍。
宋體字型結(jié)構(gòu)方中有圓，剛?cè)嵯酀?jì)，既典雅莊重，又不失韻昧靈氣，從視覺角度來說，宋體閱讀最省目力，不易造成視覺疲勞，具有很好的易讀性和識(shí)別性。
楷體字型柔和悅目，間架結(jié)構(gòu)舒張有度，可讀性和識(shí)別性均較好，適用于較長的文本段落，也可用于標(biāo)題。
仿宋體筆畫粗細(xì)均勻，秀麗挺拔，有輕快、易讀的特點(diǎn)，適用于文本段落。因其字型娟秀，力度感差，故不宜用作標(biāo)題。
黑體不僅莊重醒目，而且極富現(xiàn)代感，因其形體粗壯，在較小字體級(jí)數(shù)時(shí)宜彩等線體（即細(xì)黑），否則不易識(shí)別。
圓體視覺沖擊力不如黑體，但在視覺心理上給人以明亮清新、輕松愉快的感覺，但其識(shí)別性弱，故只適宜作標(biāo)題性文字。
手寫體分為兩種，一種來源于傳統(tǒng)書法，如隸書體，行書體，另一種是以現(xiàn)代風(fēng)格創(chuàng)造的自由手寫體，如廣告體，POP體。手寫體只適用于標(biāo)題和廣告性文字，長篇文本段落和小字體級(jí)數(shù)時(shí)不宜使用，應(yīng)盡量避免在同一頁面中使用兩種不同的手寫體，因?yàn)槭謱戵w形態(tài)特征鮮明顯著，很難形成統(tǒng)一風(fēng)格，不同手寫體易造成界面雜亂的視覺形象，手寫體與黑體宋體等規(guī)范的字體相配合，則會(huì)產(chǎn)生動(dòng)靜相宜，相得宜彰的效果。
美術(shù)體是在宋體、黑體等規(guī)范字體基礎(chǔ)上變化而成的各種字體，如綜藝體、琥珀體。美術(shù)體具有鮮明的風(fēng)格特征，不適于文本段落，也不宜混雜使用，多用于字體級(jí)數(shù)較大的標(biāo)題，發(fā)揮引人注目，活躍界面氣氛的作用。
拉丁字母依據(jù)其基本結(jié)構(gòu)可以分為三種類型：
�。�1）飾線體（Serif）：此類字體在筆畫末端帶有裝飾性部分，筆畫精細(xì)對(duì)比明顯，與中文的宋體具有近似形態(tài)特征，飾線體在閱讀時(shí)具有較好的易讀性，適于用作長篇幅文本段落。代表字體是新羅馬體（Times New Roman）。
（2）無飾線體（Sans Serif）：筆畫的粗細(xì)對(duì)比不明顯，筆畫末端沒有裝飾性部分，字體形態(tài)與中文的黑體相類似。由于其筆畫粗細(xì)均勻，故在遠(yuǎn)距離易于辨認(rèn)，具有很好的識(shí)別性，多用于標(biāo)題和指示性文字。無飾線體具有簡(jiǎn)潔規(guī)整的形態(tài)特征，符合現(xiàn)代的審美標(biāo)準(zhǔn)。代表字體是赫爾維梯卡體（Helvetica）。
�。�3）裝飾體（Decorative，也稱Display）：即通常所說的“花”體，由于此類字體信箋于形式的裝飾意味，閱讀時(shí)較為費(fèi)力，易讀性較差，只適合于標(biāo)題或較短文本，類似于中文的美術(shù)體和手寫體。代表字體是草體（Script）。
在某些特殊場(chǎng)合，如廣告或展示性的短語中，拉丁字母全部使用小寫字母，能夠造成一種平易近人的親切感。
拉丁字母字體大都包含字幅（正、長、扁）、黑度（細(xì)、粗、超粗）、直斜的變化，因而由一種基本字型可以變化出多種具有相似特征的同族字體，這些字體統(tǒng)稱為“字族”。
同一頁面中字體應(yīng)盡量在同一字族中選用，以保證界面具有明確、統(tǒng)一的風(fēng)格特征。
在計(jì)算機(jī)字庫中，有關(guān)字體特征的表示大多彩縮略語，如Cn(Condensed，長體)，Ex(Expanded，扁體)，Lt(Light，細(xì))，Med(Medium，中粗)，DemBol或Dm(Demi Bold，半粗)，Bd(Bold，粗)，XBd(Extra Bold，特粗)，It(Italic，斜體)等。中文正文的字符數(shù)每行以20-35個(gè)為宜，西文則約40-70個(gè)字符最易閱讀，因此較寬的文字幅面應(yīng)考慮采用分欄的排布方式。通常設(shè)定行距為字高的150-200%，西文的行距通常小于中文行距。
粗細(xì)對(duì)比是剛與柔的對(duì)比，也有人稱之為男性性格與女性性格的對(duì)比。在同一行文字中使用粗細(xì)對(duì)比的效果最為強(qiáng)烈。粗字少細(xì)字多易取得平衡，給人以明快新穎的感覺，細(xì)字少粗字多，則不易平衡，但往往會(huì)產(chǎn)生具有幽默感的特殊效果。
界面中文字編排要求視覺上產(chǎn)生類似于天平平衡的印象，失去平衡的文字編排設(shè)計(jì)，將得不到瀏覽者的信賴，并給人以粗劣的印象。
可能通過左右延伸的水平線，上下延伸的垂直線，動(dòng)感的弧線和斜線，穿插的圖形來誘導(dǎo)視線依照設(shè)計(jì)師安排好的結(jié)構(gòu)形式順序?yàn)g覽。
在界面的四角配置文字或符號(hào)，界面的勢(shì)力范圍就明確地確定下來，界面中即使存在讓人感覺動(dòng)蕩不定的元素也會(huì)因此而穩(wěn)定下來。在四角中，左上和右下具有特殊的吸引力，是處理的重點(diǎn)，處理得好，可以使界面左右均衡，同時(shí)還會(huì)形成從左上到右下沿對(duì)角線流動(dòng)的視覺過程，給人以自然穩(wěn)定的感覺。
非規(guī)律性造型形式的錯(cuò)落變化，應(yīng)出現(xiàn)在周圍有較充分的留白空間的場(chǎng)所，效果較為顯著。如在界面中央或正上方表現(xiàn)效果較好，標(biāo)題性文字往往使用此手法處理。
分欄式結(jié)構(gòu)中，文字群體通常只出現(xiàn)在一欄中，每行的字符數(shù)相對(duì)較少，易于瀏覽。分欄中如果都排布文字群體，界面會(huì)顯得十分擁擠，故不宜采用。其他欄中可設(shè)置目錄、標(biāo)題、導(dǎo)航等簡(jiǎn)潔的文字信息，整體形式繁簡(jiǎn)對(duì)比，疏密得當(dāng)。國內(nèi)使用較多的是三分欄，國外四分欄式結(jié)構(gòu)則較為普遍。
粵公網(wǎng)安備 44010402000282號(hào)