“Unfair”

I redesigned again

這是一篇早就想要寫的文章，談談目前的這個「新設計」——二月底就已經上線了，現在才要介紹啊… XD

這次的新設計運用到許多我有興趣的新元素：方格系統、大型頁尾、動態排版、棄分類而就標籤、語意網/微格等等。

Grid System

方格系統看起來像是一個容易僵硬的設計方法，但我覺得它的實用價值完全足以彌補它的缺點。使用方格系統可以讓文章排版整潔、容易閱讀，而且便於改成動態排版。我最近在《寫給大家的平面設計書》也學到了「對齊」的重要，方格系統雖然沒有特別說要對齊，但是事實上就是對齊得很嚴重的排版 XD

我覺得愈單純的設計就愈困難，為了符合方格系統，副標題的設計讓我嘗試了一段時間，起初我讓副標題只是單純的字體較大、兩倍行高，但副標題如果上、下段落距離相等的話，就會讓副標題與後段文字比較沒有連結的感覺，因此我在副標題上方還多加了一行空白。這部份之所以不好調整，是因為方格系統必須有固定的行高，就像是橫行筆記本那樣，整張網頁都要跟同樣高的橫線對齊，然後為了對齊橫線，文字擺放位置，空白的大小就有所限制，調整了一段時間才覺得這樣比較順眼。

方格系統在選擇字型方面必須非常嚴謹，因為少了裝飾，就必須用 Typography 來彌補。

Content-Rich Footer

大型頁尾是流行，而且我覺得滿實用的，放在側邊欄的東西其實很容易被忽略（可能是因為大家長期閱讀網站，養成側邊欄都是廣告或側邊欄不重要的刻板印象），放在頁尾比較容易吸引大家注意，而且我覺得這樣也比較美觀 XD

Adaptive Layout

製作動態排版是因為我實在不想再活在 800×600 的時代了！但是直接忽視這 4% 的訪客我又過意不去…… 因此目前的版面當視窗縮小時是會變動的喔！其實就是將最右邊欄位的東西搬去頁尾放，作這個還滿有趣的，簡單的技術就能完成大大的成就感 XD

Folksonomy

目前的分類法很接近 Binary Bonsai ——不知不覺變成現在這樣，我本來不是如此計畫的 XD 目前的分類法雖然已轉變為以標籤為主，但我實在懶得為每篇舊文章都加上標籤——光是從 Ultimate Tag Warrior 轉移到 WordPress 內建標籤功能就讓我覺得很麻煩了——所以舊文章沒有任何 tag…

WordPress 新版內建了標籤的功能，我就開心地採用了（我很容易認為官方的東西就是比較好 XD），這個內建功能跟 Ultimate Tag Warrior 相較之下只是個半成品，因此 Tag cloud 、 Related tags 列表功能我都自己寫 function ——直接寫在模板裡，沒有寫成外掛——最近 WordPress 決定改用 Terms 取代 Categories 和 Tags ，所以我可能必須重寫這一段 function… Tag cloud 參考 Technorati 的寫法，使用巢狀 <em> ，有人說這樣會讓聽覺瀏覽器唸得 非 常 大 聲 ，不過我想我的網站應該沒人用聽覺瀏覽器閱聽吧… 那我就不客氣的用了 XD

Semantic Web & Others

為了親和力及語意網的考量，這次盡量採用 Microformats （目前用到了 hCard, rel-tag, rel-license, etc.）、提供有意義的錯誤畫面。因為不知道迴響要用什麼方式 Markup ，我自創了一種方式，看起來好像有點道理，但又覺得很奇怪 XD 曾經想過寫成 <table> （因為它是有固定欄位的規律性文字），然後用 CSS 排成不像表格的樣子，但 IE 不支援… （我愈來愈討厭 IE 了… orz）

本來我想要改用類似 Clean Archives 那樣的彙整頁面，因為 Extended Live Archives 必須依賴 JavaScript ，感覺不太親和，但最後還是覺得 ELA 比較好用，決定先不管不支援 JavaScript 的訪客 :p

Envoi

由於這個新設計是我在寒假準備研究所考試時寫的，因此命名得比較隨便，只是因為我覺得這個設計好像左右不太平衡，故取名為 “Unfair”。

Logo 又換了新的，這樣每次改版就換一次感覺不是很好，因此我努力的將前一個 Logo 的元素融入現在的版本——不知道大家看不看得出來，目前 Logo 中很像三個圓形的東西，其實是 “ex” 兩個字… 有點硬凹的感覺啦 XD