淺議英文建站與中文建站注意的細節_建站經驗教程
推薦:怎樣打造綠色社區 論壇關鍵字屏蔽有竅門核心提示: 全國上百萬個人站長們如何做到不違規,不與政策沖突抵制低俗之風呢? 隨著全國整治互聯網低俗之風第6批曝光網站的公布,整治互聯網低俗之風專項行動的力度還在持續加大,繼春節期間關閉的55家違法違規網站,此專項行動中總計關閉違法違規網站1575
不顧及中文字體的特殊性,簡單的照搬英文網頁的設計方法,經常會降低中文網頁的易讀性(英文中稱作readability)。下面列舉三個使用英文設計方法設計中文網頁引發的易讀性問題。
一。相對大小的字號
在英文頁面中,固定字號被稱為“ frozen font sizes”,使用固定大小的字號是一個明顯的錯誤,很多交互設計的專家都對此做過研究。使用相對字號是那么的正確,于是,中文網頁的文字也被設計成了相對字號。這種做法主要集中在英文網站的中文版的設計中。然而對于中文,相對字號卻不如預想的那么好。
很多的字號的中文是不能清晰顯示的。比如,10px的Arial字體顯示英文是清晰的,但是10px的宋體中文就變成一個黑疙瘩了;再比如,20px的英文大而清晰,但是20px的中文就會出現明顯的鋸齒,筆畫粗細不均。我曾經在《文字,你到底能多大?》一文中對中文字號進行過討論,12px、14px、16px(或18px)顯示中文是比較理想的。實際上12px-16px大小的宋體顯示的效果都是不錯的。
相對字號允許文字以不止一種的實際字號(以象素為單位的字號)顯示,調整瀏覽器的設置,文字大小可以縮放。下面我們來看看,使用相對字號顯示的中文是什么樣子的:
相對字號分為:-7、-6、-5、-4、-3、-2、-1、標準大小、 1、 2、 3、 4、 5、 6、 7,共15種。這其中“-2”以下的字號與“-2”一樣小,“ 4”以上的字號與“ 4”一樣大。實際上就剩下了-2、-1、標準大小、 1、 2、 3、 4,這7種相對字號。我們逐一來試驗一下每一個相對字號的顯示效果。
以IE瀏覽器為例,如果頁面上的文字被設置為相對字號,那么它可以有五種不同的大小縮放:“最小、較小、中、較大、最大”。下表中是不同的相對字號在IE瀏覽器的不同設置中所顯示的實際字號(以象素為單位的字號)。
從表中可以看到,沒有一種相對字號可以始終落在12px-16px區間內,也就是說,如果IE瀏覽器的“文字大小”選項從“最小”逐步調整為“最大”,那么,無論相對字號設置成什么,都不能始終保持理想顯示效果。從表中還可以看到,被設置為“-2、-1、標準大小、 1、 2”的文字,在調整瀏覽器的“文字大小”過程中,有些時候顯示出的字號落入了12px-16px區間中。在一個頁面中往往需要大小不同的多種字號以區別不同的內容,應該選擇哪幾種相對字號呢?中國的設計師的選擇并不多。
使用相對字號的設計方式將自主權交給了用戶,這顯然是好的,但是,中文網頁中使用相對字號卻達不到英文網頁中的效果。也就是說,實際上中文用戶沒能得到英文用戶那么大的自主權,中文用戶在瀏覽器中選擇“文字大小”時不僅要考慮哪種大小適合自己閱讀,還要注意所選的文字大小顯示效果如何。
一些英文網站的中文版按照英文原版的相對字號進行設計,會出現一個糟糕的效果:用戶無論怎么調整瀏覽器的“文字大小”選項,都沒辦法讓網頁上的所有文字都清晰的顯示(即,在12px-16px區間內顯示)。
分享:怎樣利用404錯誤頁面引導流量、吸引點擊例如我寫:5月1日我們去法國玩了,還拍了張照片,大家看看吧。這樣大家一看可能就不信,因為沒有帶后綴,如果我寫:5月1日我們去法國玩了,還拍了張照片,大家看看吧 www.4399ys.com/1.gif。 這個時候,大家可能就覺得這的確是一張照片,因為這就是一個照片
- 相關鏈接:
- 教程說明:
建站經驗教程-淺議英文建站與中文建站注意的細節。