千鳥:繁體中文的混合排版

0 評論 9888 瀏覽 1 收藏 4 分鐘

曾經(jīng)有陣大家討論過關(guān)于在頁面上使用中文簡體、繁體的問題,觀點(diǎn)一認(rèn)為繁體更能體現(xiàn)古老漢字的特點(diǎn),觀點(diǎn)二認(rèn)為用繁體有悖推行簡化字的初衷。當(dāng)然,這個(gè)問題學(xué)術(shù)界已經(jīng)爭的不可開交,“廢除簡化字”相關(guān)內(nèi)容的提案經(jīng)常被全國政協(xié)委員提出來。在傳達(dá)和表現(xiàn)的角度,我覺得簡體、繁體各有所長,繁體字確實(shí)感覺更中國一些,大字號(hào)場合也確實(shí)筆畫越多看起來越飽滿。

設(shè)計(jì)師們可能都有個(gè)認(rèn)識(shí),本身純中文的頁面很難處理,而現(xiàn)實(shí)也多少都會(huì)用到英文字符做修飾和補(bǔ)充。某些是頁面規(guī)范,比如Copyright;某些是用戶習(xí)慣,比如英文ID和單詞術(shù)語。換句話說,中國網(wǎng)頁設(shè)計(jì)師所設(shè)計(jì)的頁面,基本都是混合字符,都需要面臨中英文混排的難題,比如行高、襯線非襯線等等。

基于以上現(xiàn)實(shí)問題,我認(rèn)為在頁面上簡體還是繁體不重要,混排理論上都是可行的,比如大標(biāo)題用繁體,正文用簡體。我在個(gè)人網(wǎng)站上實(shí)驗(yàn)了中文簡體、中文繁體、英文的混排測試,效果自認(rèn)為還過得去,繁體中文的優(yōu)勢也得到了淋漓盡致的發(fā)揮。(目前中心內(nèi)容太少,樣式過于單一)

1:1放大來看,測試環(huán)境是Safari,中文標(biāo)題是32px大小mingliu字體,英文說明是11px大小的Arial字體。其中的標(biāo)題我測試過多種字體字號(hào),無法解決的問題,只有繁體中文讓我眼前一亮,尤其“互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)”幾個(gè)字最為優(yōu)美。

如下三張圖分別是三個(gè)層級的導(dǎo)航標(biāo)識(shí),我特別喜歡這種沒有邊緣平滑過的繁體中文字效。當(dāng)然,其中還用到了1個(gè)像素#ccc顏色的text-shadow陰影(某些弱智瀏覽器有待兼容)。

如下是在個(gè)人博客上延續(xù)個(gè)人網(wǎng)站標(biāo)題做的風(fēng)格,不過限于wordpress系統(tǒng)模板用的簡體中文,我認(rèn)為效果要遜色很多。第一個(gè)是“分類”,第二個(gè)是“搜索”,第三個(gè)是“存檔”。

可能會(huì)比較非主流,自己做來玩玩可以,商業(yè)項(xiàng)目中恐怕難以實(shí)施。前日在Typeisbeautiful看到關(guān)于中文強(qiáng)調(diào)的討論,很有啟發(fā)意義,加“點(diǎn)”來表示語氣強(qiáng)調(diào)是中文有別于英文最適用的準(zhǔn)則,頁面上使用也更能體現(xiàn)中文特色,有空我會(huì)再嘗試。

來源:http://blog.rexsong.com/?p=9866

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!