放上了12月irfa的照.

這次的照和上一次照之間其實還有一輯外拍, 但那個還是不PO算了.
但會以TOP圖的形式公開.

連這輯應該是有兩張TOP要放上. 應該是下月初的事吧.

話說回來07年的thumbnail還沒更新...orz

最近玩minecraft玩太兇, 都忘了網站要更新.
因此甚麼都沒準備的情況下只放上一張top圖orz

不過下一輯照仍然在篩選.
但我想要認真放時間弄的話還是先等traptower完成再說(ぉぃ

這次是改版後第一次恆例更新. 也只是放了11月拍的親熱照而已.

考慮了很久才決定要挑出哪幾張放上.
因為我也不太希望表現得太過露骨, 一些明顯有四顆流星的在最初就排除掉.

另外當時拍照到後半開始採一些不把眼睛入鏡的構圖, 也有些是刻意low key.
總之是盡量不讓眼睛可以清楚看到.

其實這個嘗試並沒特別意義. 只是不知為何我喜歡這種構圖而已.
除了第三張外全部調暗主要也是用來遮掩用, 其實也沒有特別大意義.
不過後兩張半來就是很暗, 因此把頭兩張也調暗. 第二張本來就有點暗主要是因為ixra的頭髮...
而第三張不調暗的原因只是原本就很光調不了.

其實這輯照的最後一張就是用在網站banner的那張.
比起用在portfolio的那張, 我個人覺得這張的氣圍比較配合.

至於標題又是法文. 最近開始對這種語言起興趣.
原標題應該是"avec amour"(with love)的, 可是這慣用語感覺不夠親密.
因此用"mon amour"(my love).


總之兩位小姐看起來很親密很要好, 那樣就好(ぇ


另外現在開始會把更新週期由約四個星期縮到約三星期.
不過過一陣子可能又會回復原狀.

Liberi Mei 4th style



從去年11月開始v4的概念草圖到今年3月突入製作程序再到今天凌晨upload, 歷時八個月.
在自己有過的網站製作紀錄裡是最長了. 而且是長得無謂.

另外這次也是自2007年12月以來的全面改版. 三年半...



這次視覺元素上有很大比重落在繪畫筆觸上. 這和v1的時候一樣.
當然那時的技巧和現在是不能比. 而那時背後的概念也和現在完全不一樣.
應該說這次版面設計沒有甚麼背後意義包含其中. 其實過去也沒有(ぇ

說回這次的主要元素的筆觸和花朵都純粹是根據自己的(惡)趣味挑選.
最初蒐集回來的antique風味花卉插圖到最後一張也沒用過. 因為那本來是作collage用的.
倒是沒想過弄出來後中間的內容區會越看越像一張白紙. 或信紙或畫紙.
不過首頁的top圖週邊我是意識著"名信片"來設計的, 雖然沒有加航空郵件的紅藍線.
或許這些會在4.1 4.2 4.3等等的更新版本追加.

說起來這次首頁(index.htm)等於以前的主頁(main), 以前用作首頁的扉頁(entrance)在這版剔除了.
主要是看起來沒太大需要. 視乎情況或許會補回去. 但優先度不會很高.

用色方面這次用的是一種接近和色大辞典裡的深紫的顏色.
我個人倒是覺得這種色才比較像葡萄的顏色...

內容背景轉回用白色, 而黑色的比重則進一步減少. 這是後來才發覺.
另外還用了一種很鮮的青綠色. 這個也是(惡)趣味的驅使.
很久以前已經想試試在自己的創作中用這種配色...



實際上V4改變最大的始終是技術面的東西. 例如這次全面使用jquery.
JQ真的很好用, 很易用. 簡化了很多很繁複的程式碼.
這次很多核心功能也是用JQ編寫, 減輕了Flash的負擔. File size的意味.

另一點改變是幾乎網站版面的所有圖片也轉用32bit PNG. 還附帶很多CSS定義.
其中也用了CSS Sprite技巧. 檔案數量減少也就沒有這麼凌亂了.
相對的每個圖動輒都幾十KB...

當然也因為32bit PNG的關係也做了一點取捨. 這次改版把IE6和IE7排除於支援對象外.
最初還打算用JQ的PNG fix來留一點生機給IE6, 但後來也放棄了.

我想這種老害般的古早垃圾乾脆丟掉就好.

但這並不代表V4有支援IE8和IE9, 實際上這兩款也不在主要考慮範圍.
不過理論上除了一點因CSS解析謬誤而產生的顯示bugs以外應該沒大障礙.

至於主要支援對象仍然是FF系列, OPERA和Chrome相信也沒有問題.



雖然花了兩天時間做細部修正, 但仍有個已知問題.
相片清單的tooltip在第一次進入相片清單頁時不會作動. 暫時未肯定是甚麼回事...

另外接下來除了通常更新再開之外還有幾個事項要補完.
例如2008年以前的相片thumbnail還沒更新. 還有2007年以前的相片頁根本還沒改版...

現在改版完成度已超過95%.

剩下5%是相片清單有個功能未能正常作動.
雖然請教過人也有解答但還沒有實際試驗. 再不行會用代替案這樣.



但即使解決掉這個也還不算完工. 因為這次定下的最低完成度是110%.
100%是只計算現有內容的更新. 多出來的10%是連同改版一同放上的新東西.

而暫時是只有一輯照而已. 去年10月末的外拍.
最初定義的完成度是130%. 換句話說應該是有三輯照.

可是正在修正小bugs時發現原來之前把更新日定在4月30日. 遲了個多月orz
所以現在把v4的開放日期定在6月30日. 也只剩十天而已.

因此下調至110%. 另一點是我想囤積多一點更新份而已.



話說top圖規格變更後, 舊的套用下來會很難看.
因此一開始會準備六張top圖.

其中三張全新的(都是ixra), 另有三張是舊的remake(都是irfa).
怎麼有種偏心的感覺...orz

改版也差不多完成了.

撇開之前說的2005-2006年的相片頁面不計的話, 現有頁面未改版的只剩相片列表.
這頁可以叫作AlbumIndex.

v3和前兩代不同的是AlbumIndex內包了各相片頁, 結構上是用了iframe.
因為母體就是AlbumIndex本身, 所以無論在看哪一輯相片也隨時能叫出清單切換頁面.

至於v4.0會回到舊有的樣式. 即是相片頁之間無法直接切換, 必須先經過獨立的AlbumIndex的頁面.
但v4.0仍然繼承了v3以讀取XML檔並分析自動組合的建構方法.

視覺上v3的AlbumIndex就是只有一行能左右捲的長條形清單. 可是v4.0想弄普通的grid.
問題是我不太想要inline scrolling.

首先需求只有三個: 清單自動建構, 還有動態的語言切換. Layout不是固定式的(像v3的Lobby頁).

清單自動建構其實有了個XML就不論用Flash還是jquery也能輕鬆做到.
但語言切換因為要像v3那樣有記憶功能, 大概只能用Flash.

至於暫時想到的方法有兩個:

方法一. 所有東西都包在一個會改變尺寸的Flash裡.
Flash本身用一堆ActionScript把東西建構好後, 再用另一組AS量度Flash的內容物的總佔用尺寸.
然後把量得的數值交給Flash的外面, 即HTML頁面. 頁面裡面另嵌一個javascript以控制Flash的尺寸.

方法二. 清單交給jquery弄, 語言切換方面由Flash包辦.
首先當然是jquery建構出清單, 然後當按下Flash內的按鈕就會執行另一段javascript, 以對清單追加設定.

可是看來是方法二比較可行.
方法一最大的難處是怎樣把總尺寸的數值交出去. 另外怎樣量度也是個問題...

Profile和Album的主要介面還在弄, 倒是先弄好了子頁面.

這幾天做的主要是把子頁面的介面套到每個相片子頁裡.
先把最新的手動弄好, 其他的用Find & replace功能.

不過暫時我只把07年起至最新的頁面更新.
06年以前的有必要先做點別的改動.

這個會等v4.0公開後才開始.
其實09年中以前的頁面也有必要來點改動. 主要是整理HTML結構.

然後下一部是順勢把profile的子頁改版.
子頁就是兩位小姐的お迎え記事, エステ記錄, 和改妝記錄.
暫時未有加新內容的打算, 先看看profile完成後的樣子再算.