中文網(wǎng)站和英文網(wǎng)站建設(shè)的區(qū)別
分享 2008.09.12 瀏覽次數(shù):8379次
一.相對(duì)大小的字號(hào)
在英文頁(yè)面中,固定字號(hào)被稱(chēng)為“ frozen font sizes”,使用固定大小的字號(hào)是一個(gè)明顯的錯(cuò)誤,很多交互設(shè)計(jì)的專(zhuān)家都對(duì)此做過(guò)研究。使用相對(duì)字號(hào)是那么的正確,于是,中文網(wǎng)頁(yè)的文字也被設(shè)計(jì)成了相對(duì)字號(hào)。這種做法主要集中在英文網(wǎng)站的中文版的設(shè)計(jì)中。然而對(duì)于中文,相對(duì)字號(hào)卻不如預(yù)想的那么好。北京網(wǎng)站建設(shè)專(zhuān)家帆動(dòng)·企創(chuàng)動(dòng)力竭誠(chéng)為您服務(wù)
很多的字號(hào)的中文是不能清晰顯示的。比如,10px的Arial字體顯示英文是清晰的,但是10px的宋體中文就變成一個(gè)黑疙瘩了;再比如,20px的英文大而清晰,但是20px的中文就會(huì)出現(xiàn)明顯的鋸齒,筆畫(huà)粗細(xì)不均。我曾經(jīng)在《文字,你到底能多大?》一文中對(duì)中文字號(hào)進(jìn)行過(guò)討論,12px、14px、16px(或18px)顯示中文是比較理想的。實(shí)際上12px-16px大小的宋體顯示的效果都是不錯(cuò)的。
相對(duì)字號(hào)允許文字以不止一種的實(shí)際字號(hào)(以象素為單位的字號(hào))顯示,調(diào)整瀏覽器的設(shè)置,文字大小可以縮放。下面我們來(lái)看看,使用相對(duì)字號(hào)顯示的中文是什么樣子的:
相對(duì)字號(hào)分為:-7、-6、-5、-4、-3、-2、-1、標(biāo)準(zhǔn)大小、+1、+2、+3、+4、+5、+6、+7,共15種。這其中“-2”以下的字號(hào)與“-2”一樣小,“+4”以上的字號(hào)與“+4”一樣大。實(shí)際上就剩下了-2、-1、標(biāo)準(zhǔn)大小、+1、+2、+3、+4,這7種相對(duì)字號(hào)。我們逐一來(lái)試驗(yàn)一下每一個(gè)相對(duì)字號(hào)的顯示效果。北京網(wǎng)站建設(shè)專(zhuān)家帆動(dòng)·企創(chuàng)動(dòng)力竭誠(chéng)為您服務(wù)
以IE瀏覽器為例,如果頁(yè)面上的文字被設(shè)置為相對(duì)字號(hào),那么它可以有五種不同的大小縮放:“最小、較小、中、較大、最大”。下表中是不同的相對(duì)字號(hào)在IE瀏覽器的不同設(shè)置中所顯示的實(shí)際字號(hào)(以象素為單位的字號(hào))。
從表中可以看到,沒(méi)有一種相對(duì)字號(hào)可以始終落在12px-16px區(qū)間內(nèi),也就是說(shuō),如果IE瀏覽器的“文字大小”選項(xiàng)從“最小”逐步調(diào)整為“最大”,那么,無(wú)論相對(duì)字號(hào)設(shè)置成什么,都不能始終保持理想顯示效果。從表中還可以看到,被設(shè)置為“-2、-1、標(biāo)準(zhǔn)大小、+1、+2”的文字,在調(diào)整瀏覽器的“文字大小”過(guò)程中,有些時(shí)候顯示出的字號(hào)落入了12px-16px區(qū)間中。在一個(gè)頁(yè)面中往往需要大小不同的多種字號(hào)以區(qū)別不同的內(nèi)容,應(yīng)該選擇哪幾種相對(duì)字號(hào)呢?中國(guó)的設(shè)計(jì)師的選擇并不多。北京網(wǎng)站建設(shè)專(zhuān)家帆動(dòng)·企創(chuàng)動(dòng)力竭誠(chéng)為您服務(wù)
使用相對(duì)字號(hào)的設(shè)計(jì)方式將自主權(quán)交給了用戶(hù),這顯然是好的,但是,中文網(wǎng)頁(yè)中使用相對(duì)字號(hào)卻達(dá)不到英文網(wǎng)頁(yè)中的效果。也就是說(shuō),實(shí)際上中文用戶(hù)沒(méi)能得到英文用戶(hù)那么大的自主權(quán),中文用戶(hù)在瀏覽器中選擇“文字大小”時(shí)不僅要考慮哪種大小適合自己閱讀,還要注意所選的文字大小顯示效果如何。
一些英文網(wǎng)站的中文版按照英文原版的相對(duì)字號(hào)進(jìn)行設(shè)計(jì),會(huì)出現(xiàn)一個(gè)糟糕的效果:用戶(hù)無(wú)論怎么調(diào)整瀏覽器的“文字大小”選項(xiàng),都沒(méi)辦法讓網(wǎng)頁(yè)上的所有文字都清晰的顯示(即,在12px-16px區(qū)間內(nèi)顯示)。
二.斜體字
斜體字是英文中常用的一種表現(xiàn)方式,對(duì)于英語(yǔ)用戶(hù)來(lái)說(shuō),“斜體”和“加粗”的使用頻率幾乎是相同的,從微軟的office系列軟件的設(shè)計(jì)上我們就能看到,“加粗”功能“B”按鈕和“斜體”功能“I”按鈕都放置在很容易點(diǎn)擊到的位置。但是,中文自古以來(lái)就沒(méi)有斜體這個(gè)概念?;蛟S是近代革命家的行書(shū)、草書(shū)給我們的印象太深了,使得我們很容易的接受了斜體的表現(xiàn)方式。
對(duì)于打印的文稿,斜體的中文問(wèn)題不大,因?yàn)榇蛴∈且暂^高的分辨率來(lái)顯示的。在顯示器上則不同,顯示器上的顯示是72象素/英寸。這種差異幾乎每一個(gè)使用過(guò)word軟件的人都有體會(huì),在顯示器上要閱讀文檔中的斜體非常吃力,打印出來(lái)就好多了。
網(wǎng)頁(yè)的瀏覽是以顯示器為主的,那么斜體的中文則是一種很糟糕的表現(xiàn)方式。然而這糟糕的方式卻在照搬英文網(wǎng)站的過(guò)程中被不加思索的拿了過(guò)來(lái)。
博客的BSP是這一做法的先鋒,幾乎所有的中文博客在撰寫(xiě)新文章的工具欄中都有“斜體”功能按鈕。增加一個(gè)功能會(huì)增加用戶(hù)學(xué)習(xí)界面的難度;增加一個(gè)沒(méi)有用的功能會(huì)降低用戶(hù)的使用效率;增加一個(gè)爛功能會(huì)誤導(dǎo)用戶(hù)編輯出糟糕的文章。“斜體”就是個(gè)很爛的功能。
在英文博客中,trackback地址往往使用斜體,這是一個(gè)約定俗成的表現(xiàn)法式,于是中文博客中也將這種表現(xiàn)方式照搬過(guò)來(lái)。糟糕的表現(xiàn)倒是與糟糕的功能配套了,目前大多數(shù)中文博客提供的服務(wù)中traceback功能都不能用,開(kāi)發(fā)者恐怕是這樣考慮的:反正用戶(hù)也看不清文章最下面那一行字寫(xiě)的是什么,自然也不會(huì)需要用這個(gè)功能的。
我們可以品嘗西餐,但卻沒(méi)必要象西方人那樣飯前祈禱。學(xué)習(xí)的目標(biāo)是青出于藍(lán),而不是東施效顰。
三.過(guò)小的字號(hào)
過(guò)小的文字往往出現(xiàn)在英文網(wǎng)站的中文版上。前面說(shuō)過(guò),英文字體在10px的大小就能清晰顯示,在設(shè)計(jì)中文版的時(shí)候,只是機(jī)械的照搬英文版的設(shè)計(jì),將文字翻譯成中文,還使用10px的樣式。
英文網(wǎng)站與中文網(wǎng)站的區(qū)別不僅僅是使用中文與使用英文的差別。由于中文字形復(fù)雜,并且電腦上的中文字體設(shè)計(jì)相對(duì)落后,這使得設(shè)計(jì)中文網(wǎng)頁(yè)要比英文網(wǎng)頁(yè)更困難。不顧及中文字體的特殊性,簡(jiǎn)單的照搬英文網(wǎng)頁(yè)設(shè)計(jì)方法,經(jīng)常會(huì)降低中文網(wǎng)頁(yè)的易讀性(英文中稱(chēng)作readability)。下面列舉三個(gè)使用英文設(shè)計(jì)方法設(shè)計(jì)中文網(wǎng)頁(yè)引發(fā)的易讀性問(wèn)題:
一.相對(duì)大小的字號(hào)
在英文頁(yè)面中,固定字號(hào)被稱(chēng)為“ frozen font sizes”,使用固定大小的字號(hào)是一個(gè)明顯的錯(cuò)誤,很多交互設(shè)計(jì)的專(zhuān)家都對(duì)此做過(guò)研究。使用相對(duì)字號(hào)是那么的正確,于是,中文網(wǎng)頁(yè)的文字也被設(shè)計(jì)成了相對(duì)字號(hào)。這種做法主要集中在英文網(wǎng)站的中文版的設(shè)計(jì)中。然而對(duì)于中文,相對(duì)字號(hào)卻不如預(yù)想的那么好。北京網(wǎng)站建設(shè)專(zhuān)家帆動(dòng)·企創(chuàng)動(dòng)力竭誠(chéng)為您服務(wù)
很多的字號(hào)的中文是不能清晰顯示的。比如,10px的Arial字體顯示英文是清晰的,但是10px的宋體中文就變成一個(gè)黑疙瘩了;再比如,20px的英文大而清晰,但是20px的中文就會(huì)出現(xiàn)明顯的鋸齒,筆畫(huà)粗細(xì)不均。我曾經(jīng)在《文字,你到底能多大?》一文中對(duì)中文字號(hào)進(jìn)行過(guò)討論,12px、14px、16px(或18px)顯示中文是比較理想的。實(shí)際上12px-16px大小的宋體顯示的效果都是不錯(cuò)的。
相對(duì)字號(hào)允許文字以不止一種的實(shí)際字號(hào)(以象素為單位的字號(hào))顯示,調(diào)整瀏覽器的設(shè)置,文字大小可以縮放。下面我們來(lái)看看,使用相對(duì)字號(hào)顯示的中文是什么樣子的:
相對(duì)字號(hào)分為:-7、-6、-5、-4、-3、-2、-1、標(biāo)準(zhǔn)大小、+1、+2、+3、+4、+5、+6、+7,共15種。這其中“-2”以下的字號(hào)與“-2”一樣小,“+4”以上的字號(hào)與“+4”一樣大。實(shí)際上就剩下了-2、-1、標(biāo)準(zhǔn)大小、+1、+2、+3、+4,這7種相對(duì)字號(hào)。我們逐一來(lái)試驗(yàn)一下每一個(gè)相對(duì)字號(hào)的顯示效果。北京網(wǎng)站建設(shè)專(zhuān)家帆動(dòng)·企創(chuàng)動(dòng)力竭誠(chéng)為您服務(wù)
以IE瀏覽器為例,如果頁(yè)面上的文字被設(shè)置為相對(duì)字號(hào),那么它可以有五種不同的大小縮放:“最小、較小、中、較大、最大”。下表中是不同的相對(duì)字號(hào)在IE瀏覽器的不同設(shè)置中所顯示的實(shí)際字號(hào)(以象素為單位的字號(hào))。
從表中可以看到,沒(méi)有一種相對(duì)字號(hào)可以始終落在12px-16px區(qū)間內(nèi),也就是說(shuō),如果IE瀏覽器的“文字大小”選項(xiàng)從“最小”逐步調(diào)整為“最大”,那么,無(wú)論相對(duì)字號(hào)設(shè)置成什么,都不能始終保持理想顯示效果。從表中還可以看到,被設(shè)置為“-2、-1、標(biāo)準(zhǔn)大小、+1、+2”的文字,在調(diào)整瀏覽器的“文字大小”過(guò)程中,有些時(shí)候顯示出的字號(hào)落入了12px-16px區(qū)間中。在一個(gè)頁(yè)面中往往需要大小不同的多種字號(hào)以區(qū)別不同的內(nèi)容,應(yīng)該選擇哪幾種相對(duì)字號(hào)呢?中國(guó)的設(shè)計(jì)師的選擇并不多。北京網(wǎng)站建設(shè)專(zhuān)家帆動(dòng)·企創(chuàng)動(dòng)力竭誠(chéng)為您服務(wù)
使用相對(duì)字號(hào)的設(shè)計(jì)方式將自主權(quán)交給了用戶(hù),這顯然是好的,但是,中文網(wǎng)頁(yè)中使用相對(duì)字號(hào)卻達(dá)不到英文網(wǎng)頁(yè)中的效果。也就是說(shuō),實(shí)際上中文用戶(hù)沒(méi)能得到英文用戶(hù)那么大的自主權(quán),中文用戶(hù)在瀏覽器中選擇“文字大小”時(shí)不僅要考慮哪種大小適合自己閱讀,還要注意所選的文字大小顯示效果如何。
一些英文網(wǎng)站的中文版按照英文原版的相對(duì)字號(hào)進(jìn)行設(shè)計(jì),會(huì)出現(xiàn)一個(gè)糟糕的效果:用戶(hù)無(wú)論怎么調(diào)整瀏覽器的“文字大小”選項(xiàng),都沒(méi)辦法讓網(wǎng)頁(yè)上的所有文字都清晰的顯示(即,在12px-16px區(qū)間內(nèi)顯示)。
二.斜體字
斜體字是英文中常用的一種表現(xiàn)方式,對(duì)于英語(yǔ)用戶(hù)來(lái)說(shuō),“斜體”和“加粗”的使用頻率幾乎是相同的,從微軟的office系列軟件的設(shè)計(jì)上我們就能看到,“加粗”功能“B”按鈕和“斜體”功能“I”按鈕都放置在很容易點(diǎn)擊到的位置。但是,中文自古以來(lái)就沒(méi)有斜體這個(gè)概念。或許是近代革命家的行書(shū)、草書(shū)給我們的印象太深了,使得我們很容易的接受了斜體的表現(xiàn)方式。
對(duì)于打印的文稿,斜體的中文問(wèn)題不大,因?yàn)榇蛴∈且暂^高的分辨率來(lái)顯示的。在顯示器上則不同,顯示器上的顯示是72象素/英寸。這種差異幾乎每一個(gè)使用過(guò)word軟件的人都有體會(huì),在顯示器上要閱讀文檔中的斜體非常吃力,打印出來(lái)就好多了。
網(wǎng)頁(yè)的瀏覽是以顯示器為主的,那么斜體的中文則是一種很糟糕的表現(xiàn)方式。然而這糟糕的方式卻在照搬英文網(wǎng)站的過(guò)程中被不加思索的拿了過(guò)來(lái)。
博客的BSP是這一做法的先鋒,幾乎所有的中文博客在撰寫(xiě)新文章的工具欄中都有“斜體”功能按鈕。增加一個(gè)功能會(huì)增加用戶(hù)學(xué)習(xí)界面的難度;增加一個(gè)沒(méi)有用的功能會(huì)降低用戶(hù)的使用效率;增加一個(gè)爛功能會(huì)誤導(dǎo)用戶(hù)編輯出糟糕的文章?!靶斌w”就是個(gè)很爛的功能。
在英文博客中,trackback地址往往使用斜體,這是一個(gè)約定俗成的表現(xiàn)法式,于是中文博客中也將這種表現(xiàn)方式照搬過(guò)來(lái)。糟糕的表現(xiàn)倒是與糟糕的功能配套了,目前大多數(shù)中文博客提供的服務(wù)中traceback功能都不能用,開(kāi)發(fā)者恐怕是這樣考慮的:反正用戶(hù)也看不清文章最下面那一行字寫(xiě)的是什么,自然也不會(huì)需要用這個(gè)功能的。
我們可以品嘗西餐,但卻沒(méi)必要象西方人那樣飯前祈禱。學(xué)習(xí)的目標(biāo)是青出于藍(lán),而不是東施效顰。
三.過(guò)小的字號(hào)
過(guò)小的文字往往出現(xiàn)在英文網(wǎng)站的中文版上。前面說(shuō)過(guò),英文字體在10px的大小就能清晰顯示,在設(shè)計(jì)中文版的時(shí)候,只是機(jī)械的照搬英文版的設(shè)計(jì),將文字翻譯成中文,還使用10px的樣式。
-
杭州網(wǎng)站設(shè)計(jì)公司:品牌網(wǎng)站開(kāi)發(fā)助力企業(yè)成長(zhǎng)
日期:2024-12-20瀏覽次數(shù):356次
-
杭州網(wǎng)站建設(shè)公司:商城網(wǎng)站建設(shè)的六大關(guān)鍵步驟
日期:2024-12-18瀏覽次數(shù):451次
-
杭州網(wǎng)站制作:醫(yī)院網(wǎng)站設(shè)計(jì)與域名備案的復(fù)雜性探討
日期:2024-12-18瀏覽次數(shù):462次
-
杭州網(wǎng)站制作公司:打造安全可靠的醫(yī)院網(wǎng)站
日期:2024-12-11瀏覽次數(shù):704次
-
杭州網(wǎng)站設(shè)計(jì)公司:數(shù)據(jù)庫(kù)在高端網(wǎng)站制作中的關(guān)鍵作用
日期:2024-12-11瀏覽次數(shù):674次
相關(guān)新聞
整合同類(lèi)新聞,相關(guān)新聞一手掌握
-
四平定制app的類(lèi)型選擇及特點(diǎn)
日期:2020-11-04瀏覽次數(shù):2118次
-
四平app開(kāi)發(fā),有哪些優(yōu)點(diǎn)?
日期:2020-11-04瀏覽次數(shù):1859次
-
營(yíng)銷(xiāo)型四平網(wǎng)站制作,需要的是執(zhí)行力
日期:2020-09-24瀏覽次數(shù):1957次
-
四平網(wǎng)站建設(shè),你最應(yīng)該知道的事
日期:2020-09-24瀏覽次數(shù):1838次
最新新聞
與互聯(lián)網(wǎng)同行,實(shí)時(shí)掌握網(wǎng)建行業(yè)最新動(dòng)態(tài)
-
品牌網(wǎng)站最具備的長(zhǎng)久經(jīng)營(yíng)的方法
日期:2017-01-10瀏覽次數(shù):5257次
-
APP開(kāi)發(fā)制作之移動(dòng)APP應(yīng)用的潮流趨勢(shì)
日期:2019-07-10瀏覽次數(shù):5648次
-
杭州定制網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)的常見(jiàn)疑難點(diǎn)
日期:2020-09-02瀏覽次數(shù):4445次
-
安陽(yáng)app開(kāi)發(fā),是否能應(yīng)用PHP?
日期:2021-02-25瀏覽次數(shù):1816次
-
為什么要做杭州營(yíng)銷(xiāo)推廣?
日期:2021-04-22瀏覽次數(shù):3796次
隨機(jī)新聞
新聞新動(dòng)態(tài),您需要的新聞管家
洞悉市場(chǎng)趨勢(shì)演變讓傳播回歸社會(huì)
免費(fèi)獲取網(wǎng)站建設(shè)與網(wǎng)絡(luò)推廣方案報(bào)價(jià)
-
關(guān)于我們
杭州帷拓科技有限公司,是一家新型的全案網(wǎng)絡(luò)開(kāi)發(fā)公司,作為以互聯(lián)網(wǎng)高端網(wǎng)站建設(shè)、APP開(kāi)發(fā)、小程序開(kāi)發(fā)為核心的專(zhuān)業(yè)網(wǎng)絡(luò)技術(shù)服務(wù)供應(yīng)商,帷拓科技致力于全面分析市場(chǎng)環(huán)境、衡量與預(yù)測(cè)市場(chǎng)需求、整合區(qū)別于行業(yè)競(jìng)爭(zhēng)對(duì)手的絕對(duì)優(yōu)勢(shì),結(jié)合品牌理念深度挖掘項(xiàng)目?jī)?yōu)勢(shì)和產(chǎn)品價(jià)值,提升客戶(hù)品牌認(rèn)知、認(rèn)可度。
-
我們的客戶(hù)
帷拓科技?xì)v經(jīng)十年沉淀,與國(guó)內(nèi)外上千家客戶(hù)達(dá)成合作關(guān)系,其中穩(wěn)定合作的公司有:浙江華為、浙江移動(dòng)、浙江5G產(chǎn)業(yè)聯(lián)盟、浙江省社科院、綠城足球俱樂(lè)部、娃哈哈雙語(yǔ)學(xué)校、健康中國(guó)杭州峰會(huì)、科雷機(jī)電等,帷拓科技始終堅(jiān)持“帷有專(zhuān)業(yè),才能拓展無(wú)限”的服務(wù)理念,堅(jiān)持“認(rèn)真堅(jiān)持細(xì)節(jié)”的優(yōu)質(zhì)服務(wù)理念,不斷完善自身,成就企業(yè),最終實(shí)現(xiàn)共贏。
-
我們的業(yè)務(wù)
帷拓科技主營(yíng)業(yè)務(wù)范圍包含互聯(lián)網(wǎng)高端網(wǎng)站建設(shè)、APP開(kāi)發(fā)、小程序開(kāi)發(fā)、商城網(wǎng)站建設(shè)、公眾號(hào)運(yùn)營(yíng)以及數(shù)字營(yíng)銷(xiāo)等,涵蓋了服務(wù)、房產(chǎn)、數(shù)碼、服裝、物流貿(mào)易等行業(yè),根據(jù)品牌現(xiàn)狀,為每個(gè)客戶(hù)量身定制項(xiàng)目整體服務(wù)方案,以敏銳的市場(chǎng)洞察力、創(chuàng)新的市場(chǎng)策劃能力,全面把握市場(chǎng)變化,為客戶(hù)實(shí)現(xiàn)從企業(yè)到消費(fèi)者的價(jià)值轉(zhuǎn)換。