前陣子我曾實驗利用 Cufón 在網頁上嵌入中文字型,當時的實驗結果是中文字型轉換為 JavaScript 格式,再經過 gzip 壓縮後,其大小雖然已經比原來的 TrueType 檔案小———以微軟正黑體為例,原始字型檔為 14 MB,經轉換後為 5.3 MB———但對於網路傳輸而言仍然過大,因此無法實際使用。
最近發現 Google App Engine 的大量傳輸 API 已經開放了,於是試著寫個東西來玩。我把 Cufón 字型的每個 Glyph 個別儲存到 Datastore,然後根據頁面的實際需要,重組成僅含所需字集的新檔案,藉此縮小所需傳輸的檔案大小。
目前的作法是把需要的字集直接用 GET 告訴伺服器,但這樣未來可能會遇上 GET 長度限制問題…… 我想到的解法是可改用 JavaScript 載入這個檔案,用 POST 傳遞字集資訊,同時或許也能用 JavaScript 自動整理出所需的字集(目前是用手動整理 :p)。
我最近突然覺得向下相容是一件錯誤的事。就因為網頁設計師總是向下相容到 IE 6 ,使用者才不願升級為 IE 7 ——— 反正都可以用,當然選擇已經用得順手的舊版瀏覽器。所以本站下次的改版將無視 IE 6 使用者,版面爛掉就爛掉,我不要為 IE 6 作任何 Fix! XD (但 IE 7 使用者我還是會照顧一下)
為了心安,我還是參考了一下本站的流量統計,結果令我相當驚喜———本站近一個月來的 IE 使用者只佔了 51% ,其中大約只有一半為 IE 6 ,而 Firefox 使用者竟然高達 40% 。不過近一個月可能太近,我又看了近半年的資料,其實沒差多少, IE 使用者只佔了 58% ,其中同樣大約一半為 IE 6 ,計算得精確一點的話,本站近半年來只有 32.35% 的訪客使用 IE 6 。雖然 IE 的數字仍然過半,但這比例與一般網站相較,差異已經相當懸殊。綜合以上資料,我認為本站主要客群並不是使用 IE 6 ,我可以安心地寫新時代的網頁 >ω<
I redesigned again
這是一篇早就想要寫的文章,談談目前的這個「新設計」——二月底就已經上線了,現在才要介紹啊… XD
這次的新設計運用到許多我有興趣的新元素:方格系統、大型頁尾、動態排版、棄分類而就標籤、語意網/微格等等。
Grid System
方格系統看起來像是一個容易僵硬的設計方法,但我覺得它的實用價值完全足以彌補它的缺點。使用方格系統可以讓文章排版整潔、容易閱讀,而且便於改成動態排版。我最近在《寫給大家的平面設計書》也學到了「對齊」的重要,方格系統雖然沒有特別說要對齊,但是事實上就是對齊得很嚴重的排版 XD
我覺得愈單純的設計就愈困難,為了符合方格系統,副標題的設計讓我嘗試了一段時間,起初我讓副標題只是單純的字體較大、兩倍行高,但副標題如果上、下段落距離相等的話,就會讓副標題與後段文字比較沒有連結的感覺,因此我在副標題上方還多加了一行空白。這部份之所以不好調整,是因為方格系統必須有固定的行高,就像是橫行筆記本那樣,整張網頁都要跟同樣高的橫線對齊,然後為了對齊橫線,文字擺放位置,空白的大小就有所限制,調整了一段時間才覺得這樣比較順眼。
方格系統在選擇字型方面必須非常嚴謹,因為少了裝飾,就必須用 Typography 來彌補。
Read More