成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

WEB頁面設(shè)計中文字排版的10點技巧

2024-04-30    分類: 網(wǎng)站建設(shè)

成都網(wǎng)頁設(shè)計中,文字排版對于網(wǎng)站和用戶之間建立良好的溝通以及幫助用戶實現(xiàn)目標(biāo)起著重要的作用。當(dāng)我們談?wù)摼W(wǎng)頁是否能和用戶建立有效的溝通的時候,通常是指文字排版在這里起到的作用:

“網(wǎng)頁中95%以上的信息是以文字形式呈現(xiàn)的?!?/p>

良好的排版使用戶更易于閱讀,而混亂的排版則使用戶失去繼續(xù)瀏覽的意愿。正如“Oliver ReichensReichenstein在他的文章“Web Design is 95% Typography ”中寫道:“排版的目的是優(yōu)化可讀性,訪問率,可用性,保持和圖形的平衡關(guān)系”

換言之,優(yōu)化排版也在幫助您優(yōu)化界面。本文中,我們提供一組規(guī)則,將幫助您提高文本內(nèi)容的可讀性和易讀性

1.不要使用過多的字體

網(wǎng)站排版中建議最多不要超過3種字體類型,不然會使網(wǎng)站看起來松散和不專業(yè),不僅太多的字體類型會造成這種問題,太多的字體尺寸也會破壞網(wǎng)頁布局。

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

2.盡量使用標(biāo)準(zhǔn)字體

在Google Web Font或者Typekit,和國內(nèi)的“有字庫”的字體嵌入式服務(wù)有很多有趣的字體,對于國內(nèi)設(shè)計師來說,痛苦的是中文字體會很大,一個字體動則幾兆,十幾兆的,這樣用戶在會增加用戶瀏覽網(wǎng)站的載入時間;反之英文字體26個字母大小寫,加數(shù)字標(biāo)點符號一共幾百k的字體是很容易在網(wǎng)頁中使用的。

盡可能選擇標(biāo)準(zhǔn)字體(近幾年網(wǎng)頁中通常使用思源黑體,PingFang,英文可以使用Arial,Calibri或者其他常見的易于屏幕閱讀的黑體字,如沒有特殊概念指導(dǎo)盡可能避免使用襯線字體,如宋體)

不是每位用戶都可以在終端上看到同一個字體,意味著你選擇的適合的字體,用戶有可能看不到。

用戶更熟悉標(biāo)準(zhǔn)字體,因此他們可以更快的閱讀

特殊的、并且少量的字體可以制作成.svg格式的素材嵌入Web使用

3.限制一行文字的長度

保證每一行文字的字符數(shù)量是文本可讀的關(guān)鍵。不是設(shè)計師來定義文本的寬度,而是根據(jù)用戶的可讀性來定義。

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

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

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

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

5.使用識別度高的字體

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

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

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

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

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

網(wǎng)站題目:WEB頁面設(shè)計中文字排版的10點技巧
本文鏈接:http://jinyejixie.com/news7/326907.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)建站、響應(yīng)式網(wǎng)站網(wǎng)站策劃、企業(yè)網(wǎng)站制作小程序開發(fā)、網(wǎng)站導(dǎo)航

廣告

聲明:本網(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)

營銷型網(wǎng)站建設(shè)
永济市| 霞浦县| 朝阳市| 榆社县| 肇庆市| 兰州市| 布尔津县| 宁都县| 沁阳市| 保康县| 富民县| 称多县| 乐都县| 临沧市| 宁都县| 多伦县| 炉霍县| 鹤壁市| 永年县| 博白县| 朝阳市| 双峰县| 陇南市| 南陵县| 丹棱县| 紫阳县| 嫩江县| 郯城县| 麻栗坡县| 曲周县| 门头沟区| 灯塔市| 铁力市| 杨浦区| 昌邑市| 凤冈县| 韩城市| 高邑县| 新竹县| 景泰县| 子洲县|