3.30日(rì)音(yīn)訊，制(zhì)作α∏ε↑(zuò)英文(wén)網站(zhàn)應¶"∞<考慮中文(wén)網頁閱讀(dú)的(de)問(w↓©∞èn)題。随著(zhe)互聯網的(de)興起和(hé)各企業(yè)業₽×∞∞(yè)務的(de)不(bù)斷擴展，英文(wén)網→✘"站(zhàn)也(yě)是(shì)越來(lái)越多(du₽πō)，當然如(rú)果我們用(yòng)中文(wén)的(de)理(α♠lǐ)解方法去(qù)做(zuò)英文(wén)，想必會(h↔uì)出一(yī)些(xiē)問(wèn)題，如(rú)果一(yī)昧不(bù±φ•)顧及中文(wén)字體(tǐ)的(de)特殊性，∑γΩ簡單的(de)照(zhào)搬英文(wén)網★>頁的(de)設計(jì)方法，經常會(huì)降低(dī)中文(wén)€¶網頁的(de)易讀(dú)性。下(xià)面&♦↓列舉三個(gè)使用(yòng)英文(wén)設計(jì)方法設計(↔™jì)中文(wén)網頁引發的(de)易讀(dú)性問(wèn)題。
一(yī)。相(xiàng)對(duì)↓ 大(dà)小(xiǎo)的(de)字号
在英文(wén)頁面中，固定字号被稱為(wèi)&l®≤dquo;frozenfontsizes&rdq₹≈εuo;，使用(yòng)固定大(dà)小(xiǎo)∞σ的(de)字号是(shì)一(yī)個(gè)明(míng)顯≠←₹的(de)錯(cuò)誤，很(hěn)多(duō)交互設計(jì)的(de)專↔÷λ家(jiā)都(dōu)對(duì)此做(z→₹←∑uò)過研究。使用(yòng)相(xiàng)對(duì)字号是(shì>ε∞)那(nà)麽的(de)正确，于是(shì)，中文(wén)網頁的(dπ★e)文(wén)字也(yě)被設計(jì)成了(le)相(xiàng)對≤≤↕(duì)字号。這(zhè)種做(zuò)法主要(yào÷©)集中在英文(wén)網站(zhàn)的(de)中文(wén)版的∞↑↔(de)設計(jì)中。然而對(duì)于中文(wσ←$₽én)，相(xiàng)對(duì)字号卻不(bù)如♦✘ ÷(rú)預想的(de)那(nà)麽好(hǎo)。
很(hěn)多(duō)的(de)字号的(de)中文(<↔wén)是(shì)不(bù)能(néng)清晰顯示的≠•∞γ(de)。比如(rú)，10px的(de)A£★₽≤rial字體(tǐ)顯示英文(wén)是(shì)清晰的(de)，< 但(dàn)是(shì)10px的(de)宋體(tǐ)中文(wén)就(j✘γ§λiù)變成一(yī)個(gè)黑(hēi)疙瘩了(le'£↑)；再比如(rú)，20px的(de)英文(wén)γ↕大(dà)而清晰，但(dàn)是(shì)20px的(d<©e)中文(wén)就(jiù)會(huì)出現(xiàn)明(míng≠β)顯的(de)鋸齒，筆(bǐ)畫(huà)粗σ♣≤♠細不(bù)均。我曾經在《文(wén)字，你(nδ•ǐ)到(dào)底能(néng)多(duō)大(dγ¶≤à)？》一(yī)文(wén)中對(duì)中文(wén)字号進☆© 行(xíng)過討(tǎo)論，12px、1∑→ ♦4px、16px（或18px）顯示中文(wén)是(sh>"ì)比較理(lǐ)想的(de)。實際上(shàng)1ε"2px－16px大(dà)小(xiǎo)的(de)宋✔←✔"體(tǐ)顯示的(de)效果都(dōu)是(shì)不(bù)錯(cuò)♥♠的(de)。
相(xiàng)對(duì)字号允許文(w≈≈¥ én)字以不(bù)止一(yī)種的(de)實際字号（<φ以象素為(wèi)單位的(de)字号）顯示，調整浏覽♣ε器(qì)的(de)設置，文(wén)字大(dà)小(xiǎo)☆ ₽↕可(kě)以縮放(fàng)。下(xià)面我們來(lá λi)看(kàn)看(kàn)，使用(yòng)相(xiàng ™)對(duì)字号顯示的(de)中文(wén)是←↕δ(shì)什(shén)麽樣子(zǐ)的(de)：
相(xiàng)對(duì)字号分(fē☆φ&n)為(wèi)：-7、-6、-5、-4、-3、-2、-1、 "≠∑标準大(dà)小(xiǎo)、+1、+2、+3、+4、+5、+6₩§、+7，共15種。這(zhè)其中“≤φ∑-2”以下(xià)的(de)字号與&π✘§₩ldquo;-2”一(yī)樣小(xiǎo)，&ldquo↔↓;+4”以上(shàng)的™≠(de)字号與“+4”£₽ ↓一(yī)樣大(dà)。實際上(shàng)就(jiù)剩下(xià)了(le♣)-2、-1、标準大(dà)小(xiǎo)、+1、+2、+3、+4β'，這(zhè)7種相(xiàng)對(duì)字号。我們逐•&★©一(yī)來(lái)試驗一(yī)下(xià)每一(yī)個(gè)相(®♠Ω®xiàng)對(duì)字号的(de)顯示效果。
以IE浏覽器(qì)為(wèi)例，σ≥×如(rú)果頁面上(shàng)的(de)文(wén)字被設置為(wèi)相(♥ ₽®xiàng)對(duì)字号，那(nà)麽∑¶它可(kě)以有(yǒu)五種不(bù)同的(de)大( &↔αdà)小(xiǎo)縮放(fàng)：“最小(xiǎ≠<<o)、較小(xiǎo)、中、較大(dà)、最大(dà)&rdqu✘₽∞o;。下(xià)表中是(shì)不(bù★δ≠₽)同的(de)相(xiàng)對(duì)字号在π®IE浏覽器(qì)的(de)不(bù)同設置中所顯"☆β示的(de)實際字号（以象素為(wèi)單位的(de)字号）₽βφ。
從(cóng)表中可(kě)以看(kàn)到∞¥≈(dào)，沒有(yǒu)一(yī)種相(x→€♦iàng)對(duì)字号可(kě)以始終落在12px－16p≠↓₩♠x區(qū)間(jiān)內(nèi)，也(yě)就(jΩ✔∏₹iù)是(shì)說(shuō)，如(rú)果IE浏覽器®∏≈(qì)的(de)“文(wén)字大(dà)小(xiǎo)&rd→αα↓quo;選項從(cóng)“最小(xiǎo) ™★”逐步調整為(wèi)&ldqu≥≈o;最大(dà)”，那(nà)麽，無論相(xiàng)對(duì≈♠ )字号設置成什(shén)麽，都(dōu)不(bù)能(néng)始終保持÷σ理(lǐ)想顯示效果。從(cóng)表中還(hái)可(kě)以看(∞↔"©kàn)到(dào)，被設置為(wèi)“-2、-1、标準大(d∞×£à)小(xiǎo)、+1、+2”的(de)文(wén)✔€>字，在調整浏覽器(qì)的(de)&ldquoπ≤;文(wén)字大(dà)小(xiǎo)”過程中，有(yǒu)¥©±些(xiē)時(shí)候顯示出的(de¶£↑→)字号落入了(le)12px－16px區(qū)間(jiā♣α©εn)中。在一(yī)個(gè)頁面中往往需要(yào)大 ≈(dà)小(xiǎo)不(bù)同的(de)多(duō)種字号¶φ ©以區(qū)别不(bù)同的(de)內(nèi)容，應該選擇哪幾•↕©種相(xiàng)對(duì)字号呢(ne)？中國(guó)的(d✔€e)設計(jì)師(shī)的(de)選擇并不(↑>&bù)多(duō)。
使用(yòng)相(xiàng)對(duγ ☆¥ì)字号的(de)設計(jì)方式将自(zì)ε主權交給了(le)用(yòng)戶，這(z<$✘hè)顯然是(shì)好(hǎo)的(de)， ♠但(dàn)是(shì)，中文(wén)網頁中使用•♠≥(yòng)相(xiàng)對(duì)字号卻達不(bù)到(dào)英'₹✘文(wén)網頁中的(de)效果。也(yě)就" £(jiù)是(shì)說(shuō)，實際上(shàng)中文(wén)用(y↑$δòng)戶沒能(néng)得(de)到(dào)英文(wé☆☆♦n)用(yòng)戶那(nà)麽大(dà)∞±的(de)自(zì)主權，中文(wén)₽©用(yòng)戶在浏覽器(qì)中選擇“文(wén)字大&✔ ₩(dà)小(xiǎo)”時(shí)不(bùε¥)僅要(yào)考慮哪種大(dà)小(xi>₩δ♣ǎo)适合自(zì)己閱讀(dú)，還(hái)要(yào)注意所選的(de→✘ λ)文(wén)字大(dà)小(xiǎo)顯示效&≥果如(rú)何。
一(yī)些(xiē)英文(wén)網站(♠φ✔zhàn)的(de)中文(wén)版按照(zhào)英×∏¥©文(wén)原版的(de)相(xiàng)對(d✘≠uì)字号進行(xíng)設計(jì)，會(huì)出現(xiàn)Ω♣一(yī)個(gè)糟糕的(de)效果：用(yòng)戶無論怎麽調整浏覽器(q≥←≈ì)的(de)“文(wén)字大(dà)小(xiǎo)&★♣≤rdquo;選項，都(dōu)沒辦法讓網頁上(shàng)的(de)所↔↔ γ有(yǒu)文(wén)字都(dōu)清晰的(de)顯示（即，在12px →'－16px區(qū)間(jiān)內(nèi)顯示）。
二。斜體(tǐ)字
斜體(tǐ)字是(shì)英文(wén)中常用(yòng≤£&α)的(de)一(yī)種表現(xiàn)方₽"式，對(duì)于英語用(yòng)戶來(lái)說(shuō↔☆)，“斜體(tǐ)”和(hé)&•σ"ldquo;加粗”的(de)使用(yòng)頻(← pín)率幾乎是(shì)相(xiàng)同的(de)，從(c↔δ✘óng)微(wēi)軟的(de)office系列軟件(jià€✔γn)的(de)設計(jì)上(shàng)我們就(ji↔λù)能(néng)看(kàn)到(dào)，&ldq ✔£uo;加粗”功能(néng)&ldquo©→∞σ;B”按鈕和(hé)“斜體(t&λ<×ǐ)”功能(néng)&ldq←♠λ¥uo;I”按鈕都(dōu)放(fàng)置在很(hěn)容易點擊到←δ(dào)的(de)位置。但(dàn)是(shì)，中文(wén)自$★ε(zì)古以來(lái)就(jiù)沒有(yǒu)斜體(tǐ)這(zhΩ→αè)個(gè)概念。或許是(shì)近(jìn)÷♣®代革命家(jiā)的(de)行(xíng)書(shū)、草(cǎo)書(sh∏↑≥ū)給我們的(de)印象太深了(le)，使得(de)我們很(hěn)容易&的(de)接受了(le)斜體(tǐ)的(d≥ ↕e)表現(xiàn)方式。
對(duì)于打印的(de)文(wén)稿，斜體(tǐ)的₩$(de)中文(wén)問(wèn)題不(bù)大→ •≠(dà)，因為(wèi)打印是(shì)以較高₩δ¶≠(gāo)的(de)分(fēn)辨率來(lái)顯示的(de)。在顯示器>↕(qì)上(shàng)則不(bù)同， Ω顯示器(qì)上(shàng)的(de)✘β顯示是(shì)72象素/英寸。這(zhè)種差異幾乎每一(yī)個(gè)®←使用(yòng)過word軟件(jiàn)的(de)人(rén)都(dōu)↓₹'↓有(yǒu)體(tǐ)會(huì)，在顯示器(qì)上(shàng)要(y✘₹÷>ào)閱讀(dú)文(wén)檔中的(de)斜體(tǐ)非常吃(c✔★hī)力，打印出來(lái)就(jiù)好(hǎo)多♣ &δ(duō)了(le)。
網頁的(de)浏覽是(shì)以顯示器(qì)為(wèi)主的(de <)，那(nà)麽斜體(tǐ)的(de)中文(wén)則是(shì)一(yī)Ω£種很(hěn)糟糕的(de)表現(xiàn)方式。然而這(zh÷®λ₽è)糟糕的(de)方式卻在照(zhào)搬英文>π↓(wén)網站(zhàn)的(de)過程中被不(bù)加思索的( ∞de)拿(ná)了(le)過來(lái)。
博客的(de)BSP是(shì)這(zhè)一(yī)做(≥←¶₹zuò)法的(de)先鋒，幾乎所有(yǒu)的(de)中文(wén)博客在撰§≤寫新文(wén)章(zhāng)的(de)工(gōng)具欄↓♥♦中都(dōu)有(yǒu)“斜↕'∏體(tǐ)”功能(néng)按鈕。增加一(y™♣ī)個(gè)功能(néng)會(huì)增加用(yòng)• ®戶學習(xí)界面的(de)難度；增加一(yī)個(gè)沒有(yǒu)用¥γ'₩(yòng)的(de)功能(néng)會( ♥huì)降低(dī)用(yòng)戶的(de)使用✘σβ(yòng)效率；增加一(yī)個(gè)∑<÷®爛功能(néng)會(huì)誤導用(yòng)戶編輯出糟糕的(de)文(wé÷↕∏©n)章(zhāng)。“斜體(tǐ)&rdquoβ';就(jiù)是(shì)個(gè)很(hěn)爛•→∑∏的(de)功能(néng)。
在英文(wén)博客中，trackback地(÷✘←dì)址往往使用(yòng)斜體(tǐ)，這Ω'(zhè)是(shì)一(yī)個(gè)約定俗成的(de)表現(®₹≥φxiàn)法式，于是(shì)中文(wén)博客中ε¥也(yě)将這(zhè)種表現(xiàn)方式照(zhào)搬過來(lái)¶¶↔。糟糕的(de)表現(xiàn)倒是(shì)與糟糕的(de)功能(néng) ↔配套了(le)，目前大(dà)多(duō)數(shù)中文 §≠☆(wén)博客提供的(de)服務中traceba& £∏ck功能(néng)都(dōu)不(bù)能(né≤₹↓®ng)用(yòng)，開(kāi)發者恐怕是(shì±≤♣)這(zhè)樣考慮的(de)：反正用(yòng)戶也(yě)看(kàn)↓≈不(bù)清文(wén)章(zhāng)最下(λ★xià)面那(nà)一(yī)行(xíng)字寫的(d≥£₹≈e)是(shì)什(shén)麽，自(zì)然也(yě)不(bù)會(÷•huì)需要(yào)用(yòng)這(zhè)個₩δ↔∑(gè)功能(néng)的(de)。
我們可(kě)以品嘗西(xī)餐，但(dàn)卻沒必要(yào)✔☆象西(xī)方人(rén)那(nà)樣飯前祈禱。學習(xí)的(♣γde)目标是(shì)青出于藍(lán)，而不(bùσ±'≠)是(shì)東(dōng)施效颦。
三。過小(xiǎo)的(de)字号
過小(xiǎo)的(de)文(wéβ÷§n)字往往出現(xiàn)在英文(wén)網站(zhàn)的(de)中文(÷✔ wén)版上(shàng)。前面說(shuō)過，×÷♦☆英文(wén)字體(tǐ)在10px的(de)大(dà)小(λ<±xiǎo)就(jiù)能(néng)清晰顯示，在設計₩↑(jì)中文(wén)版的(de)時(shí)π> α候，隻是(shì)機(jī)械的(de)₩§♠照(zhào)搬英文(wén)版的(de)✘©₩設計(jì)，将文(wén)字翻譯成中文(♣αλwén)，還(hái)使用(yòng)10px的(de)樣式。
總之英文(wén)網站(zhàn)建設中編碼問(w≈∑'±èn)題是(shì)很(hěn)多(duō)國(gu$₩'ó)內(nèi)網站(zhàn)沒處理(lǐ)好(hǎo)的"↔φ&(de)問(wèn)題，在國(guó)內(nèi)浏覽不(bù")會(huì)出現(xiàn)亂碼但(dàn)在國(φ♦guó)外(wài)會(huì)有(yǒu)亂碼，設計(jì→₹★¥)英文(wén)網站(zhàn)我們一(yī)般用(yòng)UT₩♥≥F8編碼來(lái)，中文(wén)則用(yòng)GB2312。→£π
