網(wǎng)頁設(shè)計使用文字需要了解什么技巧?

2015-05-12    分類: 網(wǎng)站建設(shè)

網(wǎng)頁中的信息主要是通過文字來傳達的,純文本文字或是圖片中的文字,都是在傳達信息,圖片作為輔助讓網(wǎng)頁更加精致美觀。網(wǎng)頁設(shè)計使用文字的注意點有很多,比如文字的字體、大小、顏色、排版等等都是有技巧的,要合理有效的組織起來。

  接下來跟著網(wǎng)頁設(shè)計一起來看使用文字的技巧。

 1、不要使用過多的字體

  網(wǎng)站排版中建議最多不要超過3種字體類型,不然會使網(wǎng)站看起來松散和不專業(yè),不僅太多的字體類型會造成這種問題,太多的字體尺寸也會破壞網(wǎng)頁布局。當然在圖片中可以使用一些創(chuàng)意性字體如手寫字體,讓頁面更加鮮活。

  而在中英文排版中,建議大家中文使用標準中文字體,而英文、數(shù)字和字符使用標準的英文字體。以下面的圖為例,是否可以對比處那個美觀一些。

 2、使用標準字體

  網(wǎng)頁設(shè)計時使用標準字體,一是這些字體是用戶熟悉的字體、方便更好的閱讀,二是確保各個設(shè)備都支持這些字體。中文網(wǎng)站常用的標準字體有微軟雅黑、宋體,英文網(wǎng)站常用的標準字體有Arial、Calibri,盡可能選擇標準字體,不是每位用戶都可以在自己的設(shè)備上看到同一個字體,如果用戶設(shè)備上沒有適合的字體,用戶有可能看不到。

網(wǎng)頁設(shè)計使用文字需要了解什么技巧?

 3、限制一行文字的長度

  限制一行文字的長度,方便用戶閱讀的同時也讓網(wǎng)頁更加規(guī)范。保證每一行文字的字符數(shù)量是文本可讀的關(guān)鍵。不是設(shè)計師來定義文本的寬度,而是根據(jù)用戶的可讀性來定義。

  太寬-會使得單行文字太長,讀者的眼睛會難于專注文字。因為長時間閱讀容易串行,大段的文本中很難找到正確的行。

  太短-會使得用戶的眼睛經(jīng)常回到下一行文本,會打破讀者的閱讀節(jié)奏,長時間閱讀造成視覺疲勞。太短也會傾向于向讀者發(fā)出一種信號,使得讀者沒有讀完當前這行就去跳到下一行閱讀,可能會忽略潛在的重要詞句。

4.選擇用有多個字重并顯示良好的字體

  用戶將通過不同屏幕分辨率的終端設(shè)備訪問你的網(wǎng)站,大多數(shù)用戶界面需要各種大小尺寸的文本(標題、副標題、文本、標注等等)。選擇一款能夠在不同屏幕分辨率的設(shè)備上運行良好的字體以保證它的不同尺寸的字體都具有極高可讀性和可用性也是非常重要的。

  注意,為了保證在屏幕上清晰可辨,盡量避免使用襯線體,盡管他們很漂亮。

  5、使用識別度高的字體

  在選擇英文體的時候,有些字體的個別字母極易混淆,特別是“i”和“L”(如下圖所示);以及文字之間的間距。許多中文字體在使用較小字體的時候筆畫會粘到一起(上圖),不容易辨別;所以在選擇字體類型的時候,請檢查你選擇使用的字體,確保不會為用戶和產(chǎn)品造成不必要的損失。

 6、避免在界面中大段的使用大寫字母

  不要所有文本使用大寫字母,強制用戶閱讀大寫字母,首字母大寫,具有特殊含義的縮寫等情況除外,與小寫字母相比,大量的使用大寫字母會嚴重降低用戶的閱讀效率和愉悅感。

 7、將行間距控制在字體的1.5-2倍之間

  在文字文字排版中,我們又一個特殊的術(shù)語,用于表示行與行之間的距離:行間距(或行高)。為了保證文本的可讀性和易讀性,使文本形成線性的閱讀感受,將行間距控制在字體大小的1.5-2倍之間(中文字體)。英文字體推薦使用默認行間距,或根據(jù)默認行間距微調(diào)。

 8、適當?shù)念伾珜Ρ榷?/strong>

  通常情況下,文本和背景盡量避免使用相同或相似的顏色。文本越明顯,用戶能夠掃描和閱讀的速度越快。當然,學會通過文本顏色、大小和背景的顏色關(guān)系來控制視覺層級也是必要的。

  與背景相比,小文本和背景的對比度至少為4.5:1

  大文本(14px/18px以上)應該保持與背景3:1以上的對比度

  灰色通常作為輔助色使用,根據(jù)之前的項目經(jīng)驗,給大家分享一套我自己一直在使用的灰色,灰的有層次,清晰的區(qū)分信息層級是必要的

  9、避免將文字著色為紅色或綠色

  色盲和色弱是必須要照顧到的一部分用戶,特別是在男性中(8%的男性是色盲)建議使用處顏色以外的其他方式來區(qū)分重要的信息(如下劃線,加粗等)。避免使用紅色和綠色單獨傳達信息。因為紅綠色盲是最常見的色盲形式。

  雖然在日常生活中我們總是用這種方式告知用戶綠色是表示正確的操作,紅色表示錯誤的操作,反思一下我們是否有去考慮色盲用戶的操作和體驗?;蛟S我們是不是可以考慮換一個方式去表達正確或錯誤?

10、避免文字閃爍

  閃爍的文字或內(nèi)容可能會讓某些用戶感到不適,對于一般用戶而言,這可能分散他們的注意力或者使他們感到煩躁。

  總之,文字是網(wǎng)頁重要的部分,在文字設(shè)計、文字排版的時候,要考慮目標用戶群體的閱讀習慣,就好比網(wǎng)站用戶群體主要是老年人的時候字體、間距就要大一些,否則他們閱讀不方便。

網(wǎng)頁名稱:網(wǎng)頁設(shè)計使用文字需要了解什么技巧?
分享網(wǎng)址:http://muchs.cn/news47/30447.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供服務器托管軟件開發(fā)、品牌網(wǎng)站建設(shè)網(wǎng)站導航、Google、網(wǎng)站設(shè)計

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)