
對于一個(gè)設(shè)計(jì)的好的網(wǎng)站來說,用戶瀏覽時(shí)間長的是文章正文。
中文網(wǎng)頁文字的現(xiàn)狀:
中文網(wǎng)頁普遍使用12px和14px的宋體(simsun),這兩種文字都可以加粗(font-weight: bold)。這個(gè)規(guī)范似乎也成了網(wǎng)頁設(shè)計(jì)師的基
本 常識(shí)。
中國的網(wǎng)頁設(shè)計(jì)師有這4種可供選擇的文字表現(xiàn)方式,僅僅是4種,只有這4種,4種很小的文字。其中12px的宋體加粗效果還并不太理想。
危機(jī)逐漸顯現(xiàn)了,文字在變。
顯示器在逐漸變大,分辨率在逐漸提高,尤其是液晶顯示器的普及---pc液晶顯示器技術(shù)日趨成熟,筆記本電腦也開始家用化了。
液晶顯示器根據(jù)不同的尺寸往往需要一個(gè)特定的分辨率,以17英寸液晶顯示器為例:的分辨率是1280×1024,在這個(gè)分辨率下,顯示文字
才是清晰的。
下面用兩臺(tái)顯示器來做個(gè)比較:
臺(tái)顯示器是一臺(tái)古老的14英寸顯示器,寬是11.2英寸,高是8.4英寸,分辨率設(shè)置為800×600。
第二臺(tái)顯示器是一臺(tái)17英寸顯示器,寬是13.6英寸,高是10.2英寸,分辨率設(shè)置為1024×768。與14英寸顯示器相比,顯示同樣象素尺寸的文字
,文字的高和寬縮小為:800/1024×13.6/11.2=600/768×10.2/8.4=95%。
5%的變化似乎用不著大驚小怪,但是,很多人辦公室中的顯示器恐怕是15英寸的,并且理所應(yīng)當(dāng)?shù)脑谑褂?024×768的分辨率,那么文字就將
縮小16%,如果您和我一樣,希望在家中更好的享受電腦,買了一個(gè)17英寸的液晶顯示器,那么文字就將縮小24%!沒剩下多少了!
或許應(yīng)該勸告使用19英寸液晶顯示器的朋友不要上網(wǎng)了,估計(jì)上去基本上也看不清什么字。
更換大顯示器本來是為了看的更清楚,不過,看來目的沒達(dá)到,至少是看網(wǎng)頁的時(shí)候不會(huì)更清楚了。除非您使用原來800×600的分辨率,您會(huì)
嗎?隨著顯示器尺寸的逐漸變大,分辨率在逐漸提高,而網(wǎng)頁上的文字卻看上去越來越小,人的視力又沒法越變越好。顯然我不能建議您使用
更小的顯示器,那么,應(yīng)該把文字變大。
(如果上述理由還不能讓您相信網(wǎng)頁文字應(yīng)當(dāng)變大,那么您不用浪費(fèi)時(shí)間繼續(xù)讀了,不過肯請您不要留言罵我,我比較喜歡聽表揚(yáng)。)
網(wǎng)頁上的文字能變多大?
為了讓文字變大,設(shè)計(jì)師們在努力嘗試著各種字體與字號的組合。
但是這些嘗試主要是針對標(biāo)題的顯示,對于大量文字的顯示顯然并不合適,那么正文怎么辦呢?
在文章的開始已經(jīng)說過,對于一個(gè)好的網(wǎng)站來說,用戶瀏覽時(shí)間長的是文章正文。宋體除了12px和14px以外還有另外兩個(gè)字號也是比較理想
的:一種是16px,另外一種是18px。目前已經(jīng)有一些網(wǎng)站在使用16px的宋體作為文章正文了,18px的則比較少見。
在目前所見到的這些應(yīng)用中,16px宋體的表現(xiàn)都還是讓人滿意的,沒有出現(xiàn)筆畫粗細(xì)不均勻、明顯的鋸齒等現(xiàn)象。18px宋體也有同
樣令人滿意的顯示效果。
同時(shí)使用12px、14px、16px、18px,網(wǎng)頁文字豈不是就能有4中大小不同的顯示效果了?天大的喜訊啊!可惜,實(shí)際情況并不是這樣。從字面上看18px的文字應(yīng)該比16px的文字大兩個(gè)象素,但實(shí)際上差距并沒有這么大。
16px宋體文字實(shí)際顯示尺寸為15px(寬)×16px(高),18px宋體文字實(shí)際顯示尺寸為16px(寬)×16px(高),見下圖:
18px只是在寬度上比16px寬了1px。
16px宋體文字占用的顯示空間為16px(寬)×18px(高),18px宋體文字占用的顯示空間為18px(寬)×21px(高),如下圖:
請注意這里的寬度,16px宋體文字占用的顯示空間寬度為16px,系統(tǒng)所定義的字號就來自于此。通常用戶會(huì)認(rèn)為16px的文字的高和
寬為16px,而實(shí)際上電腦所呈現(xiàn)出來的是:占用顯示空間的寬度為16px的文字,其相應(yīng)占用的顯示空間的高度為18px,用戶所看到的文字實(shí)際
顯示尺寸為15px(寬)×16px(高)。
如果我已經(jīng)解釋清楚"文字實(shí)際顯示尺寸"與"文字占用的顯示空間"的區(qū)別了,那么,我們繼續(xù)。
上面的分析說明,在網(wǎng)頁上使用18px宋體與16px宋體看上去差別并不大,每個(gè)文字只寬了1px,因此,我的觀點(diǎn)是:如果希望在頁面上使用較大
的文字,可以選擇16px的宋體或者18px的宋體,在同一頁面上同時(shí)使用這兩種字號實(shí)際意義不大,這兩種文字的大小差距并不象想象的那樣大 。
如果您剛才沒有離開,并且看到這里仍舊不覺得討論一個(gè)大號文字有必要費(fèi)這么多話,這的確讓我難堪,如同一個(gè)人盡表演之能事,眉飛色
舞的講了一個(gè)很長的冷笑話。
目前無論是16px還是18px確實(shí)都還沒有得到廣泛的應(yīng)用,似乎文字的大小真的并沒那么重要。的確,目前在中國,視力衰退的老年人使用互聯(lián)
網(wǎng)的的確不算多,我曾經(jīng)問過我父親:"為什么不愛上網(wǎng)呢?"他回答:"那上的字兒太小,看著費(fèi)勁。"