技術(shù)資訊
網(wǎng)頁文字的閱讀體驗
2012-10-29 10:46:12
網(wǎng)頁是用來進行交流和信息傳達(dá)的，而信息需要具有良好的可讀性、可用性、可伸縮性，方便進行引用和分享。在進行青島網(wǎng)站設(shè)計和青島網(wǎng)站制作時候，設(shè)計師經(jīng)常對瀏覽器的字體表現(xiàn)效果不滿意。如微軟雅黑的加粗效果，以致于一般采用圖片進行替換。 局部采用圖片替換文字，對于重構(gòu)的開發(fā)量會加大，后期維護起來也相對復(fù)雜，對頁面加載的時間也有影響，好吧，這些都是借口，設(shè)計和產(chǎn)品是不會聽的。 我們從另一個角度看這個問題吧。
五條簡單的規(guī)則
1、友好的行高。HTML的默認(rèn)行高過小。如果你增加一些行高，文字會更具易讀性。140%標(biāo)準(zhǔn)行高是一個不錯的標(biāo)準(zhǔn)；
2、主動留白。在文本周圍留出足夠的空間可以減少閱讀時的壓迫感，因為這樣讀者更容易將焦點集中在內(nèi)容本身；
3、長文本使用標(biāo)準(zhǔn)字號。用戶不想點擊“放大”、“縮小”按鈕，也不想更改瀏覽器的設(shè)置。用戶想馬上就開始閱讀，希望你能適應(yīng)我的設(shè)置，而不是反過來讓我更改設(shè)置來適應(yīng)你；
4、別把文字做成圖片。在進行閱讀的時候，我希望能夠搜索、復(fù)制和保存文字，并使用光標(biāo)來進行標(biāo)記。把文字做成圖片看起來很美觀，但是美觀并不是網(wǎng)頁所要的全部。
5、鮮明的色彩對比。這一點我覺得沒必要多做贅述了，但過于強烈的對比（純黑純白）也不合適，因為這樣看上去會使人感到文字在閃爍。一個建議的標(biāo)準(zhǔn)是：背景顏色#fff，文字顏色#333。
近期更新
- [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è)計開發(fā)——移動端傳播利器
- [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è)項目
- [2021-03-05 10:34:45] 移動互聯(lián)時代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢？為什么要開發(fā)微信小程序？
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計
- [2020-12-16 16:55:32] 建設(shè)一個常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少？
延伸閱讀
- [2014-11-13 22:56:52] 網(wǎng)頁設(shè)計師如何跟客戶溝通
- [2014-11-17 09:09:35] 非常有創(chuàng)意Flash網(wǎng)站
- [2011-09-24 16:41:51] 寫網(wǎng)頁內(nèi)容需要注意些什么？
- [2011-12-09 23:13:52] 網(wǎng)站點擊量與排名的關(guān)系
- [2011-11-16 21:10:34] 鏡面高光強質(zhì)感立體風(fēng)格網(wǎng)站設(shè)計欣賞及其表現(xiàn)手法總結(jié)
- [2012-01-13 09:31:23] 網(wǎng)站設(shè)計制作的流程有哪些
- [2017-01-16 10:00:00] 提升網(wǎng)站排名應(yīng)如何在關(guān)鍵詞上下功夫？！
- [2013-03-06 14:45:50] 圖片中的文字轉(zhuǎn)換成word
- [2014-12-24 18:52:00] 優(yōu)秀的字體能讓你的網(wǎng)站瞬間提升訪問量
- [2015-06-24 23:57:06] 網(wǎng)站目錄改版后做網(wǎng)址跳轉(zhuǎn)新舊網(wǎng)址通過tab來隔開
- [2016-12-07 16:45:00] 三招破局,青島營銷型網(wǎng)站建設(shè)這樣做流量轉(zhuǎn)換更高
- [2014-09-27 13:47:22] HTML5特效技術(shù)分析與12個案例欣賞
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
集團公司網(wǎng)站建設(shè) 青島做網(wǎng)站多少錢 網(wǎng)站視覺 網(wǎng)站改版 插畫 網(wǎng)站建設(shè)，企業(yè)網(wǎng)站建設(shè) 手機網(wǎng)站 青島網(wǎng)站營銷 企業(yè)建站 用戶界面 網(wǎng)站設(shè)計趨勢 青島海洋投資集團 程序開發(fā) 色彩心理學(xué) 青島網(wǎng)頁制作 平面設(shè)計 青島SEO robots 交互設(shè)計 企業(yè)網(wǎng)站為什么要備案 H5專題頁面 網(wǎng)頁設(shè)計 輪胎網(wǎng)站設(shè)計 青島高端網(wǎng)站建設(shè) 企業(yè)網(wǎng)站建設(shè) 青島網(wǎng)站案例 扁平化設(shè)計 青島網(wǎng)站建設(shè) 響應(yīng)式設(shè)計 青島高端網(wǎng)站建設(shè)公司哪家好
