在這個(gè)顯示器百花齊放的時(shí)代，網(wǎng)頁(yè)設(shè)計(jì)師往往需要考慮不同客戶端的瀏覽體驗(yàn)。

文字大小，是用戶體驗(yàn)中的一個(gè)主要部分。不同的分辨率，不同的顯示器尺寸，不同的DPI，乃至不同的瀏覽器設(shè)置，都會(huì)對(duì)好終顯現(xiàn)的文字大小帶來(lái)影響。雖然現(xiàn)在許多瀏覽器已經(jīng)可以方便地縮放頁(yè)面，但用戶每次光臨都要重新縮放，總歸麻煩，何況還有許多用戶不知道如何縮放頁(yè)面。好好照舊根據(jù)用戶的分辨率給用戶一個(gè)比較體諒的默認(rèn)字號(hào)，那這個(gè)字號(hào)多大合適呢?

12px?14px?15px?16px? 照舊壓根就不應(yīng)該使用px這個(gè)單位呢?

問題的根源，在于屏幕上的一切字號(hào)單位(px，pt，em)都是相對(duì)單位，單憑它們并不能確定文字的現(xiàn)實(shí)大小。何況人對(duì)文字大小的根本感知在于眼睛的視角，這不僅取決于文字的物理尺寸，還取決于它到人眼的距離。

物理尺寸

首先假定一個(gè)我們希望達(dá)到的文字物理尺寸，例如設(shè)定為17寸1280 * 1024顯示器上的16px，計(jì)算可得它的高度約是4.32mm，我們計(jì)劃讓網(wǎng)頁(yè)文字在大部分顯示器上都比較接近這個(gè)大小，那么在不同分辨率下應(yīng)該顯示成多大的字號(hào)呢?

步：統(tǒng)計(jì)用戶主要的分辨率和對(duì)應(yīng)的屏幕大小。

要在物理尺寸和分辨率之間換算，首先要統(tǒng)計(jì)分辨率和對(duì)應(yīng)的屏幕尺寸。用戶分辨率的分布情況可以從網(wǎng)站的統(tǒng)計(jì)日志里獲得。因?yàn)槊總€(gè)分辨率設(shè)置可能對(duì)應(yīng)好幾個(gè)不同尺寸的屏幕，而屏幕尺寸又無(wú)法通過網(wǎng)頁(yè)獲得，只好對(duì)現(xiàn)在的顯示器市場(chǎng)進(jìn)行統(tǒng)計(jì)分析：針對(duì)某一分辨率，統(tǒng)計(jì)可能的屏幕尺寸范圍，從好小到好大，相對(duì)主流的是多大(或使用該范圍的中心值作為主流尺寸)。如下圖所示——

電腦顯示器市場(chǎng)(產(chǎn)品種類繁多，難免掛一漏萬(wàn)，數(shù)據(jù)僅供參考)

分享名稱：文字大小用戶體驗(yàn)中的一個(gè)主要部分
網(wǎng)站網(wǎng)址：http://chinadenli.net/news36/282686.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、定制網(wǎng)站、品牌網(wǎng)站設(shè)計(jì)、定制開發(fā)、網(wǎng)站設(shè)計(jì)、網(wǎng)站收錄

廣告

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