文字究竟底能多大?分析網(wǎng)頁文字字號

0 評論 2961 瀏覽 0 收藏 8 分鐘

文字在網(wǎng)頁上的應用:

(只看小標題您就能知道這一部分要說什么了,為了避免羅嗦,在此文發(fā)布前決定把此處300余字刪除,只保留了下面這一句。)

對于一個設計的好的網(wǎng)站來說,用戶瀏覽時間最長的是文章正文。

??? 中文網(wǎng)頁文字的現(xiàn)狀:

中文網(wǎng)頁普遍使用12px和14px的宋體(simsun),這兩種文字都可以加粗(font-weight: bold)。這個規(guī)范似乎也成了網(wǎng)頁設計師的基本常識。

中國的網(wǎng)頁設計師有這4種可供選擇的文字表現(xiàn)方式,僅僅是4種,只有這4種,4種很小的文字。其中12px的宋體加粗效果還并不太理想。

??? 危機逐漸顯現(xiàn)了,文字在變??!

顯示器在逐漸變大,分辨率在逐漸提高,尤其是液晶顯示器的普及—pc液晶顯示器技術日趨成熟,筆記本電腦也開始家用化了。

液晶顯示器根據(jù)不同的尺寸往往需要一個特定的分辨率,以17英寸液晶顯示器為例:最佳的分辨率是1280×1024,在這個分辨率下,顯示文字才是清晰的。

下面用兩臺顯示器來做個比較:

第一臺顯示器是一臺古老的14英寸顯示器,寬是11.2英寸,高是8.4英寸,分辨率設置為800×600。

第二臺顯示器是一臺17英寸顯示器,寬是13.6英寸,高是10.2英寸,分辨率設置為1024×768。與14英寸顯示器相比,顯示同樣象素尺寸的文字,文字的高和寬縮小為:800/1024×13.6/11.2=600/768×10.2/8.4=95%。

5%的變化似乎用不著大驚小怪,但是,很多人辦公室中的顯示器恐怕是15英寸的,并且理所應當?shù)脑谑褂?024×768的分辨率,那么文字就將縮小16%,如果您和我一樣,希望在家中更好的享受電腦,買了一個17英寸的液晶顯示器,那么文字就將縮小24%!沒剩下多少了!

或許應該勸告使用19英寸液晶顯示器的朋友不要上網(wǎng)了,估計上去基本上也看不清什么字。

更換大顯示器本來是為了看的更清楚,不過,看來目的沒達到,至少是看網(wǎng)頁的時候不會更清楚了。除非您使用原來800×600的分辨率,您會嗎?隨著顯示器尺寸的逐漸變大,分辨率在逐漸提高,而網(wǎng)頁上的文字卻看上去越來越小,人的視力又沒法越變越好。顯然我不能建議您使用更小的顯示器,那么,應該把文字變大。

(如果上述理由還不能讓您相信網(wǎng)頁文字應當變大,那么您不用浪費時間繼續(xù)讀了,不過肯請您不要留言罵我,我比較喜歡聽表揚。)

網(wǎng)頁上的文字能變多大?

為了讓文字變大,設計師們在努力嘗試著各種字體與字號的組合。

 

 

但是這些嘗試主要是針對標題的顯示,對于大量文字的顯示顯然并不合適,那么正文怎么辦呢?

在文章的開始已經(jīng)說過,對于一個好的網(wǎng)站來說,用戶瀏覽時間最長的是文章正文。宋體除了12px和14px以外還有另外兩個字號也是比較理想的:一種是16px,另外一種是18px。目前已經(jīng)有一些網(wǎng)站在使用16px的宋體作為文章正文了,18px的則比較少見。

在目前所見到的這些應用中,16px宋體的表現(xiàn)都還是讓人滿意的,沒有出現(xiàn)筆畫粗細不均勻、明顯的鋸齒等現(xiàn)象。18px宋體也有同樣令人滿意的顯示效果。

同時使用12px、14px、16px、18px,網(wǎng)頁文字豈不是就能有4中大小不同的顯示效果了?天大的喜訊??!可惜,實際情況并不是這樣。從字面上看18px的文字應該比16px的文字大兩個象素,但實際上差距并沒有這么大。

16px宋體文字實際顯示尺寸為15px(寬)×16px(高),18px宋體文字實際顯示尺寸為16px(寬)×16px(高),見下圖:

 

文字究竟底能多大?分析網(wǎng)頁文字字號

 

18px只是在寬度上比16px寬了1px。

 

文字究竟底能多大?分析網(wǎng)頁文字字號

 

16px宋體文字占用的顯示空間為16px(寬)×18px(高),18px宋體文字占用的顯示空間為18px(寬)×21px(高),如下圖:

 

文字究竟底能多大?分析網(wǎng)頁文字字號

 

請注意這里的寬度,16px宋體文字占用的顯示空間寬度為16px,系統(tǒng)所定義的字號就來自于此。通常用戶會認為16px的文字的高和寬為16px,而實際上電腦所呈現(xiàn)出來的是:占用顯示空間的寬度為16px的文字,其相應占用的顯示空間的高度為18px,用戶所看到的文字實際顯示尺寸為15px(寬)×16px(高)。

如果我已經(jīng)解釋清楚“文字實際顯示尺寸”與“文字占用的顯示空間”的區(qū)別了,那么,我們繼續(xù)。

上面的分析說明,在網(wǎng)頁上使用18px宋體與16px宋體看上去差別并不大,每個文字只寬了1px,因此,我的觀點是:如果希望在頁面上使用較大的文字,可以選擇16px的宋體或者18px的宋體,在同一頁面上同時使用這兩種字號實際意義不大,這兩種文字的大小差距并不象想象的那樣大。

如果您剛才沒有離開,并且看到這里仍舊不覺得討論一個大號文字有必要費這么多話,這的確讓我難堪,如同一個人極盡表演之能事,眉飛色舞的講了一個很長的冷笑話。

目前無論是16px還是18px確實都還沒有得到廣泛的應用,似乎文字的大小真的并沒那么重要。的確,目前在中國,視力衰退的老年人使用互聯(lián)網(wǎng)的的確不算多,我曾經(jīng)問過我父親:“為什么不愛上網(wǎng)呢?”他回答:“那上的字兒太小,看著費勁?!?/p>

原文地址:http://soft.zol.com.cn/27/273569.html

 

更多精彩內(nèi)容,請關注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!