一。相對大小的字號
在英文頁面中,固定字號被稱為 “frozenfontsizes”,使用固定大小的字號是一個明顯的錯誤,很多互動設計的專家都對此做過研究。使用相對字號是那麼的正確,於是,中文網頁的文字也被設計成了相對字號。這種做法主要集中在英文網站的中文版的設計中。然而對於中文,相對字號卻不如預想的那麼好。
很多的字號的中文是不能清晰顯示的。比如,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 區間中。在一個頁面中往往需要大小不同的多種字號以區別不同的內容,應該選擇哪幾種相對字號呢?中國的設計師的選擇並不多。
使用相對字號的設計方式將自主權交給了多用户,這顯然是好的,但是,中文網頁中使用相對字號卻達不到英文網頁中的效果。也就是説,實際上中文多用户沒能得到英文多用户那麼大的自主權,中文多用户在瀏覽器中選擇 “文字大小” 時不僅要考慮哪種大小適合自己閲讀,還要注意所選的文字大小顯示效果如何。