Our family album


1 Comment

以下是敝站改版歷史,這篇將隨著改版而偷偷更新 :p

V9: Feb 2008–

代號:De Morgan

V8: Sep 2007–Feb 2008

代號:Selenium

V7: Feb 2007–Sep 2007

代號:Unfair

V6: Aug 2006–Feb 2007

代號:K2rESCENT negative 。除了改黑之外,字也改小了,這是因為黑底白字的對比夠大,如果字還是很大,反而會顯得刺眼,我也是很怕深色背景刺眼的人,這個顏色搭配起來我覺得閱讀滿舒適的。另外之前設計的 Logo 也在此初次使用。

V5.6: May 2006–Aug 2006

代號:K2rESCENT serif ,突然覺得易讀跟精緻比較起來易讀更加重要,於是把字體放大、改用 Liquid Layout (為了加寬可用區域)、改用 Serif 字體,其實不算大改,所以不放縮圖。也因為沒改多少,這個版本我幾乎忘記要拍照…(下面幾張是因為平常就有習慣蒐集 Safari 拍下的樣子,從其中翻出來的)

其他照片:SafariArchives in SafariContent in SafariWide in Safari

V5.5: Nov 2005–May 2006

代號:K2rESCENT,其實不算什麼設計,只是套用 K2 ,改個背景而已 XD 代號差了一個 2 就是因為 K2 。附帶一提, KrESCENT 是基於 Kubrick 改的,剛才也提到它大量參考了 Eureka seveN , KrESCENT 這名字應該不難看出是取自 Crescent ,而首字改成 K 是為了呼應 Kubrick , Eureka seveN 的主角群是 Gekko State ,跟「月」有關係,至於 r 小寫就純粹只是覺得這樣比較好看而已。 K2rESCENT 和 KrESCENT 看起來雖然完全不同,不過還是有延續的概念在… 就是這張桌布。接下來還有 V5.5.1 ,那個就是為了配合 K2 更新而做的小改變罷了。

註:這裡的版號 5.5 並不是因為中間有 4 個放棄的設計,純粹是因為兩者看起來實在差很多。

其他照片:5.5 in Safari5.5 Archives in Safari5.5.1 in Firefox5.5.1 in Safari

V5: Jul 2005–Nov 2005

V5.0-firefox

代號:KrESCENT。這個設計大量參考了 Eureka seveN ,是為了轉移到 WordPress 而製作的 Redesign ,意外的這也是一個短命的設計,我很喜歡這個說… 設計、實作都花了很久的時間調整,最後還是丟棄的原因好像是因為 bug 太多、主要內容區塊寬度太窄但又難以加長。值得一提的特點是它是 Zoom Layout ,也因為這個特點讓它很難作,後來我就只用基本的 Fixed Layout 和 Liquid Layout 了 XD

其他照片:ArchivesSafari 1Safari 2

V4.3: (未使用)

V4.3

代號:諦徽.華。這是一個胎死腹中的設計,當時明明沒靈感卻想做 Redesign ,還撐到設計階段完畢,開始寫 CSS,結果終究沒使用。版號 4.3 是因為中間還有兩個 4.1 、 4.2 也都不採用 XD

V4: Jul 2004–Jul 2005

V4 (20040721)

代號:Destiffany ,這個版本我非常喜歡,我甚至是從這時開始喜歡藍綠色 XD 明明用的是 pLog ,卻是基於 WordPress 的 Rubric 改寫而成。當時為了 pLog 寫了一個 Template: WordpLog ,一開始只是用來模仿 WordPress ,讓 pLog 也能使用 WordPress 的那一大堆 Style 。之後愈寫愈複雜,首度用到 Smarty 的 Config File 、為了符合 XHTML 1.1 Strict 而被 JavaScript DOM 所煎熬、不斷的檢驗 Accessibility ,這些瑣事實在是很麻煩,但當時做得很開心。一直到了 pLog 1.0 ,那是一次大轉變,因為有了可判斷 Plug-in 是否已經安裝的新功能,導致 Config File 架構必須揚棄(但也不是說因為有了新功能, Config File 就不能用了,就算是現在也還有人為了達到某些目的而繼續使用 Config File ),要用新方法重新改寫這些實在是很麻煩(因為 pLog 主導人 Oscar 對於這很堅持…),於是 WordpLog 就在這裡死了。我沒有改寫 WordpLog ,繼續用了一段時間,好像也沒有升級成 pLog 1.0 ,之後便改用真正的 WordPress。

V3: Mar 2004–Jul 2004

V3 (20040507)

V2 結束後是一大斷層,過了很久以後,我無意間得知了 Blog 這種方便的東西(很適合我這種懶人),於是開始研究。最早試用的是 pLog/LifeType ,然後 MovableType, WordPress, Nucleus 等也都逐一試過,我記得當時明明是覺得 WordPress 最好用,但不知為了什麼原因,最後我用的是 pLog 。這段期間外觀一直在改,但都不是我自己設計的,上圖是其中一個算用比較久的吧… 那個是抄別人的設計

V2: ?? 2003–?? 2003

V2-asis

這是壽命最短暫的一個版本,也是第一次使用 XHTML + CSS 排版,實際的頁面已經不見了,完全沒有留下痕跡,而這張則是當時修 Linux 課程時的作業,我直接拿 V2 的版面來用,所以還是可以用來參考 XD 這時主要注重的是 XHTML 的 Validation , CSS 方面還是各家瀏覽器的特殊屬性盡量用。因為太懶了,這版剛作完我就完全不再動它,幾乎是一完成就死亡。

V1: Sep 2003–Nov 2003

V1-inside

這個時候我對於 WebStandards 一點概念都沒有,跟大多數剛入門的新手一樣喜歡 IE 絢麗的獨有特效,在這個設計中用到最先進的技術是 Microsoft WEFTDirectX Transform Filters 也用了一堆(現在為了要讓 IE6 顯示出 Alpha channel PNG ,也會用到其中一個 Filter )。排版當然是使用過時的表格排版,不過剛才用 Firefox 打開來看,發現版面幾乎完全沒有跑掉(我製作時完全沒考慮過 Firefox ),從這點而言我還真是羨慕這種過時的排版方式 XD

當時的版本還有一頁現在已經退流行的「進入畫面」,後面的雪山風景是假裝的 360° 環繞場景,會緩慢的移動,之所以說是假裝的是因為那張圖本來還滿小的,也不是 360° 環繞場景,我是拉寬後再做一些無接縫處理來騙人的。

Leave a Reply

Your comment may not display immediately due to spam filtering. Please wait for moderation.