- 掛牌上市企業(yè)
- 60秒人工響應(yīng)
- 99.99%連通率
- 7*24h人工
- 故障100倍補(bǔ)償
做網(wǎng)站時(shí)網(wǎng)頁(yè)字號(hào)多大才合適 |
| 發(fā)布時(shí)間: 2014/9/12 14:56:30 |
|
網(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è)單位呢? 問(wèn)題的根源，在于屏幕上的一切字號(hào)單位(px，pt，em)都是相對(duì)單位，單憑它們并不能確定文字的實(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ì)日志里獲得。由于每個(gè)分辨率設(shè)置可能對(duì)應(yīng)好幾個(gè)不同尺寸的屏幕，而屏幕尺寸又無(wú)法通過(guò)網(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ù)僅供參考) 計(jì)算每個(gè)分辨率主流屏幕尺寸的物理寬度 現(xiàn)在的顯示器長(zhǎng)寬比不僅有4：3的標(biāo)準(zhǔn)屏，16：10的寬屏，還有更多不規(guī)則比例，為了在不同長(zhǎng)寬比的顯示器之間進(jìn)行比較，統(tǒng)一使用橫向分辨率來(lái)統(tǒng)計(jì)。用主流尺寸和長(zhǎng)寬比(假設(shè)像素的長(zhǎng)和寬相同)計(jì)算出屏幕寬度(英寸)，再換算成公制(毫米)，將其一一對(duì)應(yīng)就可看出屏幕大小的趨勢(shì)。再結(jié)合各分辨率的用戶分布，結(jié)果如下圖所示(圖片中每個(gè)點(diǎn)對(duì)應(yīng)一個(gè)分辨率，橫軸為屏幕橫向的像素?cái)?shù)，縱軸為該屏幕的物理寬度，氣泡大小表示使用該分辨率的用戶人數(shù)。其中藍(lán)色氣泡表示標(biāo)準(zhǔn)屏，紫色表示寬屏)：最大的三個(gè)氣泡分別是1024*768，1280*1024，1280*800。 
計(jì)算不同顯示器上的字號(hào)大小 用屏幕的物理寬度除以像素寬度，就可以得到每個(gè)像素的寬度。然后用指定的文字物理大小除以這個(gè)數(shù)，就可以得到在不同分辨率下所需的字號(hào)。例如要顯示4.32mm見方的文字，各分辨率下分別需要如下的字號(hào)(對(duì)筆記本和臺(tái)式機(jī)分別統(tǒng)計(jì))： 不同分辨率下需要的字號(hào) 可以看出筆記本和臺(tái)式機(jī)的尺寸相差很大，為方便使用，使用各分辨率的主流尺寸或平均尺寸計(jì)算出指定字號(hào)在每個(gè)分辨率下所需的字號(hào)。(下圖去掉了基本只用在筆記本上的那些分辨率)，以4.32mm、3.77mm、3.25mm為例(17寸1280*1024分辨率下的16、14和12號(hào)字)：
億恩科技劃分虛擬主機(jī)所用的服務(wù)器全部采用高配DELL R710品牌服務(wù)器(八核至強(qiáng)，SAS raid1，16G內(nèi)存)，接入的都是骨干級(jí)多線網(wǎng)絡(luò)，使用100M獨(dú)享帶寬，速度和穩(wěn)定性有保障。建議如果對(duì)網(wǎng)站品質(zhì)或是速度等有要求，一定要選擇運(yùn)營(yíng)經(jīng)驗(yàn)豐富、資質(zhì)齊全的虛擬主機(jī)運(yùn)營(yíng)商。 本文出自：億恩科技【mszdt.com】 服務(wù)器租用/服務(wù)器托管中國(guó)五強(qiáng)！虛擬主機(jī)域名注冊(cè)頂級(jí)提供商！15年品質(zhì)保障！--億恩科技[ENKJ.COM] |
0371-60135900
京公網(wǎng)安備41019702002023號(hào)
香港服務(wù)器租用
美國(guó)服務(wù)器租用
電信骨干機(jī)房
聯(lián)通骨干機(jī)房
