建站常識
網(wǎng)頁界面設計教程五:文字的編排設計
2007-01-15 16:16:00
宋體字型結構方中有圓,剛柔相濟,既典雅莊重,又不失韻昧靈氣,從視覺角度來說,宋體閱讀最省目力,不易造成視覺疲勞,具有很好的易讀性和識別性。
楷體字型柔和悅目,間架結構舒張有度,可讀性和識別性均較好,適用于較長的文本段落,也可用于標題。
仿宋體筆畫粗細均勻,秀麗挺拔,有輕快、易讀的特點,適用于文本段落。因其字型娟秀,力度感差,故不宜用作標題。
黑體不僅莊重醒目,而且極富現(xiàn)代感,因其形體粗壯,在較小字體級數(shù)時宜彩等線體(即細黑),否則不易識別。
圓體視覺沖擊力不如黑體,但在視覺心理上給人以明亮清新、輕松愉快的感覺,但其識別性弱,故只適宜作標題性文字。
手寫體分為兩種,一種來源于傳統(tǒng)書法,如隸書體,行書體,另一種是以現(xiàn)代風格創(chuàng)造的自由手寫體,如廣告體,POP體。手寫體只適用于標題和廣告性文字,長篇文本段落和小字體級數(shù)時不宜使用,應盡量避免在同一頁面中使用兩種不同的手寫體,因為手寫體形態(tài)特征鮮明顯著,很難形成統(tǒng)一風格,不同手寫體易造成界面雜亂的視覺形象,手寫體與黑體宋體等規(guī)范的字體相配合,則會產(chǎn)生動靜相宜,相得宜彰的效果。
美術體是在宋體、黑體等規(guī)范字體基礎上變化而成的各種字體,如綜藝體、琥珀體。美術體具有鮮明的風格特征,不適于文本段落,也不宜混雜使用,多用于字體級數(shù)較大的標題,發(fā)揮引人注目,活躍界面氣氛的作用。
拉丁字母依據(jù)其基本結構可以分為三種類型:
?。?)飾線體(Serif):此類字體在筆畫末端帶有裝飾性部分,筆畫精細對比明顯,與中文的宋體具有近似形態(tài)特征,飾線體在閱讀時具有較好的易讀性,適于用作長篇幅文本段落。代表字體是新羅馬體(Times New Roman)。
(2)無飾線體(Sans Serif):筆畫的粗細對比不明顯,筆畫末端沒有裝飾性部分,字體形態(tài)與中文的黑體相類似。由于其筆畫粗細均勻,故在遠距離易于辨認,具有很好的識別性,多用于標題和指示性文字。無飾線體具有簡潔規(guī)整的形態(tài)特征,符合現(xiàn)代的審美標準。代表字體是赫爾維梯卡體(Helvetica)。
(3)裝飾體(Decorative,也稱Display):即通常所說的“花”體,由于此類字體信箋于形式的裝飾意味,閱讀時較為費力,易讀性較差,只適合于標題或較短文本,類似于中文的美術體和手寫體。代表字體是草體(Script)。
在某些特殊場合,如廣告或展示性的短語中,拉丁字母全部使用小寫字母,能夠造成一種平易近人的親切感。
拉丁字母字體大都包含字幅(正、長、扁)、黑度(細、粗、超粗)、直斜的變化,因而由一種基本字型可以變化出多種具有相似特征的同族字體,這些字體統(tǒng)稱為“字族”。
同一頁面中字體應盡量在同一字族中選用,以保證界面具有明確、統(tǒng)一的風格特征。
在計算機字庫中,有關字體特征的表示大多彩縮略語,如Cn(Condensed,長體),Ex(Expanded,扁體),Lt(Light,細),Med(Medium,中粗),DemBol或Dm(Demi Bold,半粗),Bd(Bold,粗),XBd(Extra Bold,特粗),It(Italic,斜體)等。中文正文的字符數(shù)每行以20-35個為宜,西文則約40-70個字符最易閱讀,因此較寬的文字幅面應考慮采用分欄的排布方式。通常設定行距為字高的150-200%,西文的行距通常小于中文行距。
粗細對比是剛與柔的對比,也有人稱之為男性性格與女性性格的對比。在同一行文字中使用粗細對比的效果最為強烈。粗字少細字多易取得平衡,給人以明快新穎的感覺,細字少粗字多,則不易平衡,但往往會產(chǎn)生具有幽默感的特殊效果。
界面中文字編排要求視覺上產(chǎn)生類似于天平平衡的印象,失去平衡的文字編排設計,將得不到瀏覽者的信賴,并給人以粗劣的印象。
可能通過左右延伸的水平線,上下延伸的垂直線,動感的弧線和斜線,穿插的圖形來誘導視線依照設計師安排好的結構形式順序瀏覽。
在界面的四角配置文字或符號,界面的勢力范圍就明確地確定下來,界面中即使存在讓人感覺動蕩不定的元素也會因此而穩(wěn)定下來。在四角中,左上和右下具有特殊的吸引力,是處理的重點,處理得好,可以使界面左右均衡,同時還會形成從左上到右下沿對角線流動的視覺過程,給人以自然穩(wěn)定的感覺。
非規(guī)律性造型形式的錯落變化,應出現(xiàn)在周圍有較充分的留白空間的場所,效果較為顯著。如在界面中央或正上方表現(xiàn)效果較好,標題性文字往往使用此手法處理。
分欄式結構中,文字群體通常只出現(xiàn)在一欄中,每行的字符數(shù)相對較少,易于瀏覽。分欄中如果都排布文字群體,界面會顯得十分擁擠,故不宜采用。其他欄中可設置目錄、標題、導航等簡潔的文字信息,整體形式繁簡對比,疏密得當。國內(nèi)使用較多的是三分欄,國外四分欄式結構則較為普遍。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設計的五大特點
- [2023-04-27 14:05:55] Html 5 響應式網(wǎng)站設計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設計應該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設為什么要設置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應該如何選擇一家水平高的網(wǎng)站建設公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設計都有哪些新的趨勢?
延伸閱讀
- [2007-01-15 16:11:00] 網(wǎng)頁界面設計教程一:基礎理論
- [2010-09-11 08:57:00] 淺析網(wǎng)頁界面設計-首頁
- [2007-01-15 16:12:00] 網(wǎng)頁界面設計教程二:與視覺傳達的設計
- [2007-01-15 16:17:00] 網(wǎng)頁界面設計教程六:版式的構成與設計
- [2007-01-15 16:13:00] 網(wǎng)頁界面設計教程三:圖形圖象設計
- [2007-01-15 16:18:00] 網(wǎng)頁界面設計教程七:動畫設計
- [2010-03-14 21:27:00] 深色調(diào)網(wǎng)頁界面設計注意事項
- [2007-01-15 16:15:00] 網(wǎng)頁界面設計教程四:色彩設計
- [2019-04-08 15:12:39] 視覺感知在互動動畫的過程中起到關鍵作用
解決方案
輪胎行業(yè)網(wǎng)站設計解決方案 機械行業(yè)網(wǎng)站設計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設計解決方案 科技企業(yè)網(wǎng)站設計解決方案 電子家電網(wǎng)站設計解決方案 食品行業(yè)網(wǎng)站設計解決方案 集團公司網(wǎng)站設計解決方案 企事業(yè)單位網(wǎng)站設計解決方案 外貿(mào)行業(yè)網(wǎng)站設計解決方案 健身運動網(wǎng)站設計解決方案 美容與化妝品網(wǎng)站設計解決方案 建筑設計行業(yè)網(wǎng)站設計解決方案 物流行業(yè)網(wǎng)站設計解決方案
TAGS關鍵字
青島網(wǎng)頁制作 青島海洋投資集團 營銷策略 青島開發(fā)區(qū)建站公司 手機網(wǎng)站 集團公司網(wǎng)站建設 青島網(wǎng)站設計哪家好 青島高端網(wǎng)站建設公司哪家好 網(wǎng)站動畫 視覺靈感 青島IT資訊 微官網(wǎng)帶來的好處 膠南網(wǎng)站建設公司 海信網(wǎng)絡科技 搜索引擎 企業(yè)網(wǎng)站為什么要備案 如何做網(wǎng)站優(yōu)化 青島網(wǎng)絡公司 robots 蘋果系統(tǒng) 青島輪胎網(wǎng)站設計公司 網(wǎng)站制作 力圖數(shù)字科技 網(wǎng)站策劃 青島網(wǎng)站營銷 官網(wǎng)建設 建站常識 網(wǎng)站規(guī)劃 網(wǎng)頁設計 程序開發(fā)