上個月去完澳門回來後一直沒有動過網站.

現時進度上網站簡介和link區已完成, 然後就停在那裡.
雖然相片區清單的layout已經在設計, 但現在正為樣式煩惱.
所以會先移動去弄弄profile的layout.

話說v4的子區區分將和以往的不一樣.
最大分別是以往的"Doll"子區會拆散成"Profile"和"Album".
舊有的"SD intro"搬到新的"About"區去. 反正都是簡介.
可是我自己的簡介卻還沒決定要放哪. 邏輯上應該放在"About"就是...

至於檔案結構則懶得改動. 頂多把link頁放入about的folder裡.

另外接下來要弄的是Profile和Album兩區個別的主介面和副介面.
副介面主要用在相片頁等地方, 希望一個副介面可以兩區共用.

雖然從點子浮上到現在還不到一星期, 但實際的改版工程進度已走了一段距離.
今次想把這些記錄下來. 另外整理一下接下來要考慮的問題.

首先主頁的版面已經完成. 分區版面也完成了一半, 還差footer.
可是HTML方面已經開始了About區的修改.

今次改版會把About區改名為Intro區, 總之是和網站本身有關的情報會放這邊.
內容也會作一定程度的修訂. 不過最主要是重新排版. 太亂了.

至於主頁的top圖現階段會沿用Flash. 因為要使用jquery的話我還要再研究一陣子.
主要問題是現成的slider類jquery程式都以"圖片以靜態方式預先設置在頁面內"為前提建構.
而我的要求是用xml動態設置顯示圖片. 我想可以用較迂迴的方法讓現成程式合乎我的要求.

Flash修改就放到較後的位置才做. 現時主頁還有更新簡報沒弄. 也是先放著不管.
其實是弄到一半遇到問題未有解決方法. 簡單來說是jquery程式讀取xml並分析後沒法輸出.
用alert函式確認過資料已整理成我想要的格式存入陣列, 我想這應該是某個位置有語法問題.

若再找不到解決方法就暫時用flash撐著好了. 但仍然會把它和top圖分開.



而未考慮的問題還有不少. 例如v3的照片區那個語言切換裝置.
因為初步方案那邊是採用v1v2時代的列表式.
要製作相同機能似乎要另寫script讓頁面寫入cookie.
但記憶中是可以讓Flash執行所在頁面的javascript函式...

或許趁這個機會為和輯照片的頁面瘦身也好.
反正comment以外的地方已沒在雙語廣播, 沒必要再用兩個獨立block.


還有一個問題是扉頁本身. 不過我沒設計扉頁是真的.

首先今次沒甚麼特別要整理的.
反而記這篇前我先把自己之前記下的東西從頭review一遍.


之前我一直在說要搞vintage grunge之類, 總之是我沒碰過的東西.
可是我自己其實很偏好minimal風味的設計.

到最近為止我都在思考挑戰和偏好中怎樣取得平衡.
但同時我一直沒有完成一份能清楚看到細節的設計手稿.


對, 不論畫在全新A4紙上或筆記本裡的都是一些沒甚麼細節的概念圖.
老實說例如我要搞collage最起碼會畫出自己需要甚麼素材, 和怎樣編排.
可是連這個也沒有. 可以說只有一個框架.

我也有經常性的看人家po在DA上的demo或設計系BLOG的介紹.
目的是想找些inspirations. 老實說這年頭我腦袋乾渴的很.


然後也許是給我找到了, 這幾天突然有力把主頁的介面給搭起來.
不過這裡也把心一橫推翻了一些以前的結論.

第一是top圖的尺寸. 簡單來說就是我不再想那麼多, 直接用960x480(即2:1).
這個比例現在很多網站都在用所以沒啥好爭議.

然後更新要點的展現方式. 當初是打算維持現狀在flash內顯示.
現在我決定把它抽出flash外面. 而且只顯示一項.
過往一次會顯示最新四項, 可是我想必要性不高.
至於完整更新歷史應該轉入About區裡去.

這邊要考慮的是jquery讀取XML再重組的方法, 但已有初步方案.
另外衍生一個問題是主頁還有沒有必要用flash.
現在有很多jquery based的幻燈片程式...倒是不知怎樣用.

配色也有一點推翻了的地方. 現決定沿用深色底色.
早陣子弄了個初稿, 在怎樣分配黑色和白色上煩惱很久.
但現在來看順其自然就行.


視覺風格現在既不vintage也不grunge, 當然也不minimal.
不過是自己覺得滿意的東西. 這樣就好. 無理しなくていいのさ.

回過頭來發覺已經兩個月沒更新, 因此先po上去年六月尾的照.

Top圖暫時不會再增加. 這是因為我打算近期內徹底完成改版工程.

其實現在連個譜也沒有. 一切仍然是處於概念的階段.
最大的問題始終是設計風格...orz

個人希望可以找個完全空閒的一天好好坐下來把所有技術/概念問題解決.
然後在PS畫出一個初稿. 當然這個也會成為完成稿.

但最近總是擠不出這樣的一天...OTL

離上一篇記事已經一個半月. 這一個半月裡除了不斷在尺寸的問題裡迴轉, 還提出過很多個問題和解答.
所以這篇記事裡提到的應該會很大雜把. 總之逐個類別來整理吧. 0. 定位

さぁ、はじめようじゃなイカ？

這兩天我開始認真研究改版的事情.
我首先把自己以前改版時寫的日記和設計手稿全部看一遍.
首先要理解自己當時的思考方法和過程.

同樣的議題已經是第四次了. 第一次是在日記改版之後不久.
前兩次我都先由視覺設計風格方面開始思考.
而這次我則先從"有甚麼東西需要放在新版面裡"開始.

這裡指的是一些實際元件. 例如相片清單.
另外top圖制度會保留. 利用flash實現的top圖幻燈片也會保留.

不過這兩天一直在困擾我的問題是"top圖和普通相片的分別".
v3.x的時代其實我只把top圖當成"比較大張的相片"而已.

這個和以前每輯每張相片也不會很大有關.
但現在普通相片已經是一張660x440(landscape), top圖則是768x480.
到v4.0我還打算放大至720x480, 和日記照看齊.

這樣看來尺寸相差變得越來越少的話, 其定位就變得越來越模糊.
當然若把top圖看成"經過大幅度manipulate的eyeCatcher"...迷思就自然解消掉.
但這個又關乎別些考量. 總之先當作解決. 剩下來的就只有尺寸問題.

首先我打算在v4.0版的幻燈片裡放v3.x時的top圖. 因此寬度不能小於768px.
而問題在高度. 個人想用1:1, 但768px高即使自機(1680x1050)也有點吃力.
雖然我想現在的人最少也應該在用1280x1024才是.

還有上面是假設v4.0的主頁和v3.x的一樣. 而且還沒計算外框裝飾之類.
不過我就是不太想一樣. 所以有必要研究. 總之要先找個合適的長寬比...



至於色系仍然是黑白紫. 不過會更多用多種輔助色.
可是lavender色其實不是我習慣使用的顏色...在想要不要調灰或深一點.

一次更新了一輯照和一張top圖.

這次照因為數量比較少才有興緻連top圖一起更新而已.
不過那張top自從我從LightRoom輸出後已放置了一段時間就是orz

下次的更新是六月末的內拍照.
那可是我第一次用自然光拍室內.

同一時間我稍微更改了日記分類的命名.
頭兩個轉成英(法?)文. 其他暫時想不到怎樣英文化, 但也稍微改一下.

另還有關於改版的東西另開一篇寫.