發布日(rì)期:2013-02-25
英文(wén)網站(zhàn)與中文(wén)€Ωβ網站(zhàn)的(de)區(qū)别不(b€↑×✔ù)僅僅是(shì)使用(yòng)中文(w₽♦én)與使用(yòng)英文(wén)的(de)差别。使得(de)有(yǒu)時(sh δí)出現(xiàn)亂碼,這(zhè)給企業(yè)帶來(lá©←↔i)很(hěn)大(dà)的(de)損失由于中文(wéσ↔α☆n)字形複雜(zá),并且電(diàn)腦(nǎo)上(shàng)的(de)中文(↑★δwén)字體(tǐ)設計(jì)相(xiàng)對(duì)落後,這(zh♥λ→è)使得(de)設計(jì)中文(wén)網頁要(yào)比英文(wén)網頁更困難。不☆$(bù)顧及中文(wén)字體(tǐ)的(↕¶de)特殊性,簡單的(de)照(zhào)搬英文(wén)網頁的(de)設計(jì)方法,經常β↓會(huì)降低(dī)中文(wén)網頁的(de)易讀(dú)性(英文(wén)中稱作>±γ↔(zuò)readability)。下(xià)面列舉三個(gè)使用(yò&ng)英文(wén)設計(jì)方法設計(jì)中文(wén)網頁引發的(d↕÷÷$e)易讀(dú)性問(wèn)題:
一(yī).相(xiàng)對(duì)大(dà)小(xiǎo)$×™的(de)字号
在→英文(wén)頁面中,固定字号被稱為(wè↔εi)“ frozen font siz®∏es”,使用(yòng)固定大(dà)小(xiǎo)的(de)字号是(shì)一$Ωε£(yī)個(gè)明(míng)顯的(de)錯(cuò)誤,很(hěn)多(duō)σ≥ 交互設計(jì)的(de)專家(jiā)都(dōu)對(duì)此做(zuòδ₹≈)過研究。使用(yòng)相(xiàng)對(duì)字号是(shì₽ ↕)那(nà)麽的(de)正确,于是(shì),中文(÷>∞wén)網頁的(de)文(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ú),1γ∑∏↔0px的(de)Arial字體(tǐ)顯示¶♠¶♠英文(wén)是(shì)清晰的(de),但≠★÷(dàn)是(shì)10px的(de)宋體(tǐλ♦)中文(wén)就(jiù)變成一(yī)個(gè)黑±♥♠(hēi)疙瘩了(le);再比如(rú),20px的(de)英文(wén)大(dà)♥★₽而清晰,但(dàn)是(shì)20px的(de)中文(✔™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、14px、16px(或18px)顯$$←示中文(wén)是(shì)比較理(lǐ)想的(de)。實際上(shàng)1£γ≥2px-16px大(dà)小(xiǎo)的(de)宋體(tǐ)顯示的(de)效果都(dōu) £≤Ω是(shì)不(bù)錯(cuò)的(de)。
&nbs¶↔®βp;相(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&rdqu↓±™δo;以下(xià)的(de)字号與“-2”一(y₩ "πī)樣小(xiǎo),“+4”以上(shàng)的(de)字号與&γ↓ldquo;+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):&l♥βdquo;最小(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ε₩ī)種相(xiàng)對(duì)字号可(k♠∑ě)以始終落在12px-16px區(qū)α₽間(jiān)內(nèi),也(yě)就(jiù)是(shì)說(shuō),如(r ↔ú)果IE浏覽器(qì)的(de)“文(wén)字大(dà)小(xiǎo€↔♦©)”選項從(cóng)“最小(xiǎo)”逐步調整為(∑'®wèi)“最大(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)“文(wén)字大(dà)小(xiǎo)&rδ✔×dquo;過程中,有(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ó)的(de)設計(jì)師(sh↑$£ī)的(de)選擇并不(bù)多(duō)。
使用(yòng)相(xiàng☆α₹✘)對(duì)字号的(de)設計(jì)方式将自(zì)主權交給了(le)用(yò↑"±±ng)戶,這(zhè)顯然是(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ì)中選擇&ld≥♥★quo;文(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)對(duì♦♦$₽)字号進行(xíng)設計(jì),會(huì)出現(xiàn• )一(yī)個(gè)糟糕的(de)效果:用(yòng)戶無論怎麽調§±∞₹整浏覽器(qì)的(de)“文•∏λ∞(wén)字大(dà)小(xiǎo)&r★ ↑×dquo;選項,都(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é)“加粗”的(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),&l↓★ dquo;加粗”功能(néng)“ ≠>B”按鈕和(hé)“斜體↔•(tǐ)”功能(néng)“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ǐ)的(de)表現(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ǐ)會(h÷uì),在顯示器(qì)上(shàng)要(yào)閱讀(dú)文(wén)檔中的(÷₩↑₩de)斜體(tǐ)非常吃(chī)力,打印出來(lái)就(jiù)好(hǎo)多(dδ™&δuō)了(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)&l↓↑dquo;斜體(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)。&l★®§dquo;斜體(tǐ)”就(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)服務中traceback>&功能(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)字寫的(de)是≥≠(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)照(z' &♥hào)搬英文(wén)版的(de)設計(jì),将文(wén)字翻譯成中文(wén),♦€還(hái)使用(yòng)10px的(de)樣ε✘♠←式。
&nb&★α♦sp;總之英文(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)'UTF8編碼來(lái),中文(wén)則用(yòng)GB2312。
上(shàng)一(yī)篇:新站(zhàn)如(rú)何一(yī)步到σ£(dào)位運營網站(zhàn)并盈利
下(xià)一(yī)篇:外(wài)貿行(xíng)業(yè)的(de)一(yī)些(xiē)經驗$φ和(hé)技(jì)巧
創建網站(zhàn) 如(rú)此簡單
專屬為(wèi)客戶提供最有(yǒu)價值的(de)互聯網設計(jì)方案
策略+創意+設計(jì)+服務!
網站(zhàn)策劃 >
網站(zhàn)調研和(hé)競争分(f♠$∏ēn)析
網站(zhàn)的(de)策劃和(hé)定位
網頁設計(jì) >
網站(zhàn)頁面個(gè)性化(huà)設計(jì)
W3C标準化(huà)前端交互技(jì)術(shù)開(kāi)發
視(shì)覺還(hái)原 >
定制(zhì)化(huà)HTML頁面嵌套
內(nèi)容管理(lǐ)系統定制(zhì)開(kāi)發
優化(huà)推廣 >
SEO搜索引擎優化(huà)
SEM搜索引擎營銷
媒體(tǐ)營銷 >
MMM移動媒體(tǐ)營銷
社會(huì)化(huà)媒體(tǐ)活£★™動策劃
我們的(de)實力
營銷中心
服務內(nèi)容
案例展示