建站常識(shí)
文字,你到底能多大?--分析網(wǎng)頁(yè)文字的字號(hào)
2006-04-07 16:45:00
文字在網(wǎng)頁(yè)上的應(yīng)用:
(只看小標(biāo)題您就能知道這一部分要說(shuō)什么了,為了避免羅嗦,在此文發(fā)布前決定把此處300余字刪除,只保留了下面這一句。)
對(duì)于一個(gè)設(shè)計(jì)的好的網(wǎng)站來(lái)說(shuō),用戶(hù)瀏覽時(shí)間最長(zhǎng)的是文章正文。
中文網(wǎng)頁(yè)文字的現(xiàn)狀:
中文網(wǎng)頁(yè)普遍使用12px和14px的宋體(simsun),這兩種文字都可以加粗(font-weight: bold)。這個(gè)規(guī)范似乎也成了網(wǎng)頁(yè)設(shè)計(jì)師的基本常識(shí)。
中國(guó)的網(wǎng)頁(yè)設(shè)計(jì)師有這4種可供選擇的文字表現(xiàn)方式,僅僅是4種,只有這4種,4種很小的文字。其中12px的宋體加粗效果還并不太理想。
危機(jī)逐漸顯現(xiàn)了,文字在變??!
顯示器在逐漸變大,分辨率在逐漸提高,尤其是液晶顯示器的普及---pc液晶顯示器技術(shù)日趨成熟,筆記本電腦也開(kāi)始家用化了。
液晶顯示器根據(jù)不同的尺寸往往需要一個(gè)特定的分辨率,以17英寸液晶顯示器為例:最佳的分辨率是1280×1024,在這個(gè)分辨率下,顯示文字才是清晰的。
下面用兩臺(tái)顯示器來(lá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%,如果您和我一樣,希望在家中更好的享受電腦,買(mǎi)了一個(gè)17英寸的液晶顯示器,那么文字就將縮小24%!沒(méi)剩下多少了!
或許應(yīng)該勸告使用19英寸液晶顯示器的朋友不要上網(wǎng)了,估計(jì)上去基本上也看不清什么字。
更換大顯示器本來(lái)是為了看的更清楚,不過(guò),看來(lái)目的沒(méi)達(dá)到,至少是看網(wǎng)頁(yè)的時(shí)候不會(huì)更清楚了。除非您使用原來(lái)800×600的分辨率,您會(huì)嗎?隨著顯示器尺寸的逐漸變大,分辨率在逐漸提高,而網(wǎng)頁(yè)上的文字卻看上去越來(lái)越小,人的視力又沒(méi)法越變?cè)胶谩o@然我不能建議您使用更小的顯示器,那么,應(yīng)該把文字變大。
(如果上述理由還不能讓您相信網(wǎng)頁(yè)文字應(yīng)當(dāng)變大,那么您不用浪費(fèi)時(shí)間繼續(xù)讀了,不過(guò)肯請(qǐng)您不要留言罵我,我比較喜歡聽(tīng)表?yè)P(yáng)。)
網(wǎng)頁(yè)上的文字能變多大?
為了讓文字變大,設(shè)計(jì)師們?cè)谂L試著各種字體與字號(hào)的組合。
但是這些嘗試主要是針對(duì)標(biāo)題的顯示,對(duì)于大量文字的顯示顯然并不合適,那么正文怎么辦呢?
在文章的開(kāi)始已經(jīng)說(shuō)過(guò),對(duì)于一個(gè)好的網(wǎng)站來(lái)說(shuō),用戶(hù)瀏覽時(shí)間最長(zhǎng)的是文章正文。宋體除了12px和14px以外還有另外兩個(gè)字號(hào)也是比較理想的:一種是16px,另外一種是18px。目前已經(jīng)有一些網(wǎng)站在使用16px的宋體作為文章正文了,18px的則比較少見(jiàn)。
#p#在目前所見(jiàn)到的這些應(yīng)用中,16px宋體的表現(xiàn)都還是讓人滿(mǎn)意的,沒(méi)有出現(xiàn)筆畫(huà)粗細(xì)不均勻、明顯的鋸齒等現(xiàn)象。18px宋體也有同樣令人滿(mǎn)意的顯示效果。
同時(shí)使用12px、14px、16px、18px,網(wǎng)頁(yè)文字豈不是就能有4中大小不同的顯示效果了?天大的喜訊??!可惜,實(shí)際情況并不是這樣。從字面上看18px的文字應(yīng)該比16px的文字大兩個(gè)象素,但實(shí)際上差距并沒(méi)有這么大。
16px宋體文字實(shí)際顯示尺寸為15px(寬)×16px(高),18px宋體文字實(shí)際顯示尺寸為16px(寬)×16px(高),見(jiàn)下圖:
18px只是在寬度上比16px寬了1px。
16px宋體文字占用的顯示空間為16px(寬)×18px(高),18px宋體文字占用的顯示空間為18px(寬)×21px(高),如下圖:
請(qǐng)注意這里的寬度,16px宋體文字占用的顯示空間寬度為16px,系統(tǒng)所定義的字號(hào)就來(lái)自于此。通常用戶(hù)會(huì)認(rèn)為16px的文字的高和寬為16px,而實(shí)際上電腦所呈現(xiàn)出來(lái)的是:占用顯示空間的寬度為16px的文字,其相應(yīng)占用的顯示空間的高度為18px,用戶(hù)所看到的文字實(shí)際顯示尺寸為15px(寬)×16px(高)。
如果我已經(jīng)解釋清楚“文字實(shí)際顯示尺寸”與“文字占用的顯示空間”的區(qū)別了,那么,我們繼續(xù)。
上面的分析說(shuō)明,在網(wǎng)頁(yè)上使用18px宋體與16px宋體看上去差別并不大,每個(gè)文字只寬了1px,因此,我的觀點(diǎn)是:如果希望在頁(yè)面上使用較大的文字,可以選擇16px的宋體或者18px的宋體,在同一頁(yè)面上同時(shí)使用這兩種字號(hào)實(shí)際意義不大,這兩種文字的大小差距并不象想象的那樣大。
如果您剛才沒(méi)有離開(kāi),并且看到這里仍舊不覺(jué)得討論一個(gè)大號(hào)文字有必要費(fèi)這么多話(huà),這的確讓我難堪,如同一個(gè)人極盡表演之能事,眉飛色舞的講了一個(gè)很長(zhǎng)的冷笑話(huà)。
目前無(wú)論是16px還是18px確實(shí)都還沒(méi)有得到廣泛的應(yīng)用,似乎文字的大小真的并沒(méi)那么重要。的確,目前在中國(guó),視力衰退的老年人使用互聯(lián)網(wǎng)的的確不算多,我曾經(jīng)問(wèn)過(guò)我父親:“為什么不愛(ài)上網(wǎng)呢?”他回答:“那上的字兒太小,看著費(fèi)勁?!?/P>
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺(jué)觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁(yè)設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
- [2010-04-23 17:07:00] 觸摸未來(lái)的QQ概念版設(shè)計(jì)
- [2009-07-15 07:57:00] 為什么首頁(yè)最后設(shè)計(jì)
- [2007-06-29 14:30:00] 打破常規(guī)的頁(yè)面設(shè)計(jì)方式
- [2007-10-22 18:09:00] 向前一步是設(shè)計(jì)
- [2007-06-06 15:11:00] 用文字注入情感
- [2009-11-13 14:22:00] 《web信息架構(gòu)》-信息架構(gòu)分四類(lèi)及分類(lèi)的方式
- [2007-05-14 11:53:00] “注冊(cè)”比“登錄”更醒目?
- [2007-03-08 09:17:00] 網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析——藍(lán)色系
- [2007-05-19 17:48:00] 網(wǎng)站設(shè)計(jì)中的對(duì)比配色和相近配色
- [2006-05-07 09:08:00] 網(wǎng)站建設(shè)四步走 網(wǎng)上輕松安個(gè)家
- [2008-02-20 10:06:00] 團(tuán)隊(duì)協(xié)作 每一環(huán)都很重要!
- [2005-12-28 13:23:00] 網(wǎng)站的整體風(fēng)格和創(chuàng)意設(shè)計(jì)
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
力圖數(shù)字科技 微信營(yíng)銷(xiāo)的優(yōu)勢(shì) 網(wǎng)站設(shè)計(jì) 響應(yīng)式設(shè)計(jì) 網(wǎng)站開(kāi)發(fā) 手機(jī)網(wǎng)站建設(shè) 外貿(mào)網(wǎng)站建設(shè) 青島IT資訊 圖形網(wǎng)格 舒適的界面 微信開(kāi)發(fā) 頁(yè)面設(shè)計(jì) 青島網(wǎng)頁(yè)設(shè)計(jì) 青島高端網(wǎng)站設(shè)計(jì)公司哪家好 英文網(wǎng)站建設(shè) 青島網(wǎng)站設(shè)計(jì)哪家好 企業(yè)網(wǎng)站建設(shè) 膠南網(wǎng)站建設(shè)公司 如何做網(wǎng)站優(yōu)化 青島網(wǎng)絡(luò)公司 青島網(wǎng)站制作 中小型企業(yè)網(wǎng)站建設(shè) HTML5 視覺(jué)靈感 青島黃島、紅島網(wǎng)站建設(shè)公司 青島網(wǎng)站SEO IT資訊 網(wǎng)站視覺(jué) 青島SEO 建站常識(shí)