技術(shù)資訊
優(yōu)秀的字體能讓你的網(wǎng)站瞬間提升訪問量
2014-12-24 18:52:00
最近，我在網(wǎng)站無意瀏覽到麻省理工學(xué)院的研究人員已經(jīng)證實(shí)了字體能影響我們的直觀感受。反之差的字體會(huì)使人無意識(shí)的反感，漂亮的字體給人的感覺就很舒服。所以我覺得探究一下字體對(duì)我們廣大青島網(wǎng)站用戶的體驗(yàn)，有多大的影響。
在開始詳細(xì)講述我的測(cè)試前，先解釋下為什么字體對(duì)用戶閱讀有如此大的影響。
一、認(rèn)知偏見
首先，我們會(huì)自然而然的賦予某些字體及字體形式一定的內(nèi)涵。好比我們對(duì)身邊事物的看法經(jīng)常受到認(rèn)知偏差和生長(zhǎng)文化的影響。例如，在美國(guó)，無襯線字體經(jīng)常被用在政府書文上，而在英國(guó)，無襯線字體常被用在小報(bào)上。
用戶感受到的信息經(jīng)常會(huì)因?yàn)槲恼伦煮w的變化而變化。
下面是我公司博客的兩張截圖，同一篇講述如何用Wordpress建站的文章，但是用了兩種相差較大的字體。
可以注意到，由于使用字體的不同，相同的內(nèi)容傳遞著不同的信息。
二、可讀性
事實(shí)上，一些字體本身比其他字體更具可讀性。如果閱讀一段文字時(shí)，我們的眼睛和大腦負(fù)荷越重，那我們對(duì)字體的感覺就更糟糕。
襯線字體最早用在印刷上，因?yàn)橐r線有利于眼睛更快速的區(qū)分字母。
電腦剛問世時(shí)，分辨率還很低，襯線字體又必須用矢量創(chuàng)建，而矢量在早期的低分辨率屏幕上無法很好的顯示。這使得早期的設(shè)計(jì)師默認(rèn)使用位圖創(chuàng)建的無襯線字體。
三、字號(hào)測(cè)試
在證實(shí)了Georgia最適合我們的網(wǎng)頁后，我們同樣想知道，幾號(hào)的字體最適合用戶閱讀。我覺得字號(hào)越大，也具有可讀性。
四、字體優(yōu)化的魅力
根據(jù)測(cè)試優(yōu)化字體后，我們網(wǎng)站的用戶體驗(yàn)有多大的提升？
自從我們整個(gè)網(wǎng)站使用14px的Georgia字體后，我們網(wǎng)站的平均跳失率（Bounce Rate）從88.0%下降到80.9%，7.1%的優(yōu)化。
近期更新
- [2023-07-26 14:17:28] 為品牌賦能，海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁面設(shè)計(jì)開發(fā)——移動(dòng)端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項(xiàng)目
- [2021-03-05 10:34:45] 移動(dòng)互聯(lián)時(shí)代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢(shì)？為什么要開發(fā)微信小程序？
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2020-12-16 16:55:32] 建設(shè)一個(gè)常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少？
延伸閱讀
- [2011-10-29 21:32:03] Yahoo！英文雅虎站長(zhǎng)工具聯(lián)姻微軟bing
- [2012-07-04 22:52:55] 韓國(guó)游戲類網(wǎng)站的設(shè)計(jì)
- [2013-10-31 12:19:12] dede TAG標(biāo)簽 長(zhǎng)度
- [2011-10-05 10:08:41] dede與新浪Xweibo 騰信Iweibo 記事狗微博整合 進(jìn)行ucenter通信
- [2019-05-24 09:56:02] 青島網(wǎng)站制作哪家強(qiáng)
- [2015-04-01 23:01:54] 網(wǎng)站的日常黑客防護(hù)與處理辦法
- [2013-12-09 23:35:57] 圓形效果在界面設(shè)計(jì)上的應(yīng)用與分析
- [2014-10-06 09:11:40] 網(wǎng)頁設(shè)計(jì)靈感的起源地
- [2011-11-05 21:32:16] 網(wǎng)站的外部鏈接建設(shè)全攻略
- [2011-10-26 17:19:50] 標(biāo)題標(biāo)簽的性能強(qiáng)大到足以讓你感到意外
- [2015-05-17 23:36:10] 如何優(yōu)化新設(shè)計(jì)的企業(yè)網(wǎng)站SEO
- [2011-11-01 22:44:18] 修改網(wǎng)站內(nèi)頁TITLE對(duì)網(wǎng)站排名的影響
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
平面設(shè)計(jì) 微信開發(fā) robots 交互設(shè)計(jì) 青島做網(wǎng)站多少錢 青島網(wǎng)站建設(shè) 網(wǎng)站建設(shè)，企業(yè)網(wǎng)站建設(shè) 青島高端網(wǎng)站設(shè)計(jì)公司哪家好 網(wǎng)站SEO 插畫 青島網(wǎng)站制作 圖形網(wǎng)格 如何做網(wǎng)站優(yōu)化 微官網(wǎng) H5定制設(shè)計(jì) 企業(yè)網(wǎng)站建設(shè) 青島網(wǎng)站營(yíng)銷 青島網(wǎng)頁設(shè)計(jì) 海信網(wǎng)絡(luò)科技 青島網(wǎng)站優(yōu)化 企業(yè)網(wǎng)站設(shè)計(jì) 手機(jī)網(wǎng)站 青島高端網(wǎng)站建設(shè) 青島黃島、紅島網(wǎng)站建設(shè)公司 官網(wǎng)建設(shè) 網(wǎng)站動(dòng)畫 青島海洋投資集團(tuán) 色彩心理學(xué) 官網(wǎng)網(wǎng)站建設(shè) SEO
