校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁(yè) > 快速排名 > 常見(jiàn)問(wèn)題 > 【網(wǎng)站設(shè)計(jì)優(yōu)化】網(wǎng)站字體的 10 個(gè)使用準(zhǔn)則(三

【網(wǎng)站設(shè)計(jì)優(yōu)化】網(wǎng)站字體的 10 個(gè)使用準(zhǔn)則(三

POST TIME:2018-12-03 17:21

 

編者按:互聯(lián)網(wǎng)上 95% 的信息都是以“文字”的形式存在,而如何使單調(diào)的文字生動(dòng)化,讓用戶擁有輕松、愉悅的閱讀體驗(yàn)是每個(gè)設(shè)計(jì)師、站長(zhǎng)們都得考慮的問(wèn)題。下面將從字體的選擇、配色方案、排版布局等方面來(lái)說(shuō)說(shuō)“網(wǎng)站字體的 10 個(gè)使用準(zhǔn)則”。

系列文章中的前兩篇:

《網(wǎng)站字體的 10 個(gè)使用準(zhǔn)則(一):行文本長(zhǎng)度、字體種類等》

《網(wǎng)站字體的 10 個(gè)使用準(zhǔn)則(二):字體的可讀性、兼容性等》

本文將從剩下的 4 個(gè)方面闡述“網(wǎng)站字體的使用準(zhǔn)則”:文本間距、顏色食用禁忌……

七、文本的間距

據(jù)研究表白,恰當(dāng)?shù)摹靶虚g距”可以提高用戶對(duì)文本內(nèi)容的理解度,過(guò)寬、過(guò)窄都會(huì)對(duì)用戶閱讀體驗(yàn)產(chǎn)生負(fù)面影響。

如下圖:

據(jù) Usaura 的創(chuàng)始人 Dmitry Fadeyev 所說(shuō)的:在文章中適當(dāng)留白,能夠提升 20% 擺布的文章可讀性。

如下圖:

八、文本顏色的“對(duì)比度”

據(jù) W2C 給出的建議:小字體的顏色與配景色的對(duì)比度至少應(yīng)該為 4.5 : 1 ;而大字體(14pt、18pt +)的應(yīng)達(dá)到 3 : 1.

通過(guò)一張對(duì)比圖感受下“對(duì)比度”在文本閱讀中的重要性:

注意:確定字體顏色之后,,最好在各種設(shè)備上進(jìn)行測(cè)試,如果能讓用戶參與評(píng)測(cè)自然是最好了,然后按照評(píng)測(cè)結(jié)果進(jìn)行統(tǒng)一校正、修改。

九、制止使用紅、綠兩色文本

這點(diǎn)主要是針對(duì)色盲人士,據(jù)調(diào)查顯示男性中色盲率達(dá)到了 8%,而“紅色”和“綠色”是色盲中最常見(jiàn)的。所以,在給字體配色時(shí),盡量制止單獨(dú)使用這兩種顏色中的任意一種。

如下圖:

十、制止使用文字閃爍效果

“文字閃爍”絕對(duì)是一個(gè)負(fù)面的存在,雖然吸睛,但容易引起用戶的抵觸情緒,讓用戶產(chǎn)生分心、厭惡的心理。

如下圖(gif 圖片):

以上為“網(wǎng)站字體 10 個(gè)使用準(zhǔn)則”系列文章中剩下的所有內(nèi)容。總而言之,文字的選擇、配色是網(wǎng)頁(yè)設(shè)計(jì)中的重中之重,恰到好處的排版不但能提高站點(diǎn)的用戶滿意度,還可以帶來(lái)減少跳出率、提高回訪率等“效益”。

標(biāo)簽:鹽城 烏魯木齊 東營(yíng) 林芝 九江



收縮
  • 微信客服
  • 微信二維碼
  • 電話咨詢

  • 400-1100-266
主站蜘蛛池模板: 巴东县| 新泰市| 盈江县| 紫云| 平顶山市| 台东县| 博爱县| 台东县| 灌阳县| 铜陵市| 琼结县| 疏附县| 固安县| 手游| 石泉县| 耿马| 大渡口区| 长垣县| 渑池县| 柯坪县| 洛扎县| 平顶山市| 阳西县| 丰镇市| 隆安县| 磐安县| 天津市| 垣曲县| 拉孜县| 集贤县| 双江| 甘南县| 崇礼县| 迁西县| 犍为县| 古浪县| 吴旗县| 昌平区| 康马县| 察隅县| 洪湖市|