文字大小,是用戶體驗中的一個重要部分。
不同的分辨率,不同的顯示器尺寸,不同的DPI,乃至不同的瀏覽器設置,都會對最終展現的文字大小帶來影響。雖然現在很多瀏覽器已經可以方便地縮放頁面,但用戶每次光臨都要重新縮放,總歸麻煩,何況還有許多用戶不知道如何縮放頁面。最好還是根據用戶的分辨率給用戶一個比較體貼的默認字號,那這個字號多大合適呢?
12px?14px?15px?16px? 還是壓根就不應該使用px這個單位呢?
問題的根源,在于屏幕上的一切字號單位(px,pt,em)都是相對單位,單憑它們并不能確定文字的實際大小。何況人對文字大小的根本感知在于眼睛的視角,這不僅取決于文字的物理尺寸,還取決于它到人眼的距離。
物理尺寸
首先假定一個我們希望達到的文字物理尺寸,例如設定為17寸1280 * 1024顯示器上的16px,計算可得它的高度約是4.32mm,我們計劃讓網頁文字在大部分顯示器上都比較接近這個大小,那么在不同分辨率下應該顯示成多大的字號呢?
第一步:統計用戶主要的分辨率和對應的屏幕大小。
要在物理尺寸和分辨率之間換算,首先要統計分辨率和對應的屏幕尺寸。用戶分辨率的分布情況可以從網站的統計日志里獲得。由于每個分辨率設置可能對應好幾個不同尺寸的屏幕,而屏幕尺寸又無法通過網頁獲得,只好對現在的顯示器市場進行統計分析:針對某一分辨率,統計可能的屏幕尺寸范圍,從最小到最大,相對主流的是多大(或使用該范圍的中間值作為主流尺寸)。如下圖所示—— 
電腦顯示器市場(產品種類眾多,難免掛一漏萬,數據僅供參考)
第二步:盤算每個分辨率主流屏幕尺寸的物理寬度 現在的顯示器長寬比不但有4:3的尺度屏,16:10的寬屏,還有更多不規則比例,為了在差異長寬比的顯示器之間進行比擬,統一應用橫向分辨率來統計。用主流尺寸和長寬比(假設像素的長和寬相同)盤算出屏幕寬度(英寸),再換算成雄制(毫米),將其一一對應就可看出屏幕巨細的趨勢。再結合各分辨率的用戶漫衍,成果如下圖所示(圖片中每個點對應一個分辨率,橫軸為屏幕橫向的像素數,縱軸為該屏幕的物理寬度,氣泡巨細表示應用該分辨率的用戶人數。其中藍色氣泡表示尺度屏,紫色表示寬屏):最大的三個氣泡分辨是1024*768,1280*1024,1280*800。 
第三步:盤算差異顯示器上的字號巨細 用屏幕的物理寬度除以像素寬度,就可以得到每個像素的寬度。然后用指定的文字物理巨細除以這個數,就可以得到在差異分辨率下所需的字號。例如要顯示4.32mm見方的文字,各分辨率下分辨須要如下的字號(對條記本和臺式機分辨統計): 
差異分辨率下須要的字號 可以看出條記本和臺式機的尺寸相差很大,為便利應用,應用各分辨率的主流尺寸或平均尺寸盤算出指定字號在每個分辨率下所需的字號。(下圖去
主站蜘蛛池模板:
阿克陶县|
山丹县|
延边|
佛冈县|
抚州市|
金乡县|
元氏县|
新野县|
平泉县|
广东省|
获嘉县|
昌宁县|
元阳县|
旬阳县|
高台县|
田东县|
平南县|
邹平县|
梨树县|
延庆县|
茌平县|
阿合奇县|
临沂市|
康平县|
鄯善县|
孝感市|
阿克苏市|
汝州市|
乐安县|
萍乡市|
铜梁县|
随州市|
齐河县|
明水县|
增城市|
永济市|
宁南县|
烟台市|
广灵县|
介休市|
灯塔市|