網站改版搬家

決定架了WordPress，一方面方便管理，一方面順便練功，設計WordPress Themem以及熟悉其系統。

新站網址不變 http://i.design.tw

Dreamweaver CS3 無法啟動

工作到一半 Dreamweaver 突然自動關閉，在開啟中途又會自動關閉，等於宣告死刑，記得自己上次重灌電腦就是因為這個原因，這次工作滿檔，可沒時間重灌，只好乖乖花了進一個小時做 Dreamweaver 的修復動作，無效，再花三個小時移除 Adobe Design Premium CS3 並重灌，還是無效。沒輒了，只好回頭灌 Dreamweaver 8，但又實在不甘心，Google 一下竟然發現救命文，前後只花了兩分鐘就搞定..

這件事告訴了我，凡事先 google 一下準沒錯。

解決方法，執行 "Regedit" 啟動機碼：

[HKEY_CURRENT_USER\Software\Adobe\Common\9\Sites]
把底下的Site設定值皆刪除掉，保留-Summary即可

其原因為 Dreamweaver 紀錄的網站暫存記憶讀取錯誤，導致開啟中途失敗，也就是說，網站資料內網頁與相關檔案過多導致讀取錯亂。四、五十個算多？

發個牢騷

雖然說長久以來已經習慣了這樣的電腦工作環境，但偶而意識到時仍會忍不住咒罵幾聲，並納悶這到底是不是每位網頁設計師的標準工作環境。靠電腦吃飯的職業中不知道是否有更誇張的，看到工作列上滿滿的執行程式那種無奈實在難以言喻。

來介紹一下基本的，首先，Adobe Photoshop 當然少不了，切圖抓色什麼的都得靠它。然後 Dreamweaver，對於非 MAC 族群 (or Programer) 的工作者而言，寫 html/css 還是首選。再來，瀏覽器，這是最大的傷痛，IE7 不能少，IE6 得支援的，Firefox 是標準，所以每次開始寫 html/css 時這三個是必開的，當然也可以在標準的 Firefox 底下寫完再回過頭 fix ie，但又實在不想一次面對那麼多的 bug，所謂躲的了一時，躲不了一輩子，挺起胸膛才是正道。

再來的選項其實幾乎都必開，Opera(內建IRC) 公司溝通都靠它；MSN 談事情；Skype 是公司開會時的工具；Winamp 聽音樂舒發情緒排遣寂寞；Dr.eye 還是得翻譯一下；TortoiseSVN 公司案子用它來上傳管理；AWicons Pro 製作 favicon.ico。所以偶而開一下的 AWicons Pro、TortoiseSVN、Skype 不算，每當 html/css 時必開的應用程式共有九個，其中有四個是瀏覽器..。

發個牢騷才不會悶壞。

設計兩三事

看到先前為某建設公司設計的BOT宿舍網站上線了，只能用慘不忍睹來形容。

這個專案流程是這樣的，建設公司企劃出網站內容，找上我合作的程式開發公司，然後程式開發找我進行視覺設計，我設計出符合企劃的網站視覺，同時經過建設公司確認後切成樣板給程式開發套程式，整個流程聽起來應該沒問題才是，但偏偏上線後完全走樣。

這個案例跟視覺或程式都無關，問題癥結出在企劃。企劃當初無法確認掌握該網站實際結構內容，草草丟出來就要視覺開始設計切版，結果完成品出來後東改西改，一再推翻原有的企劃與設計。我很想做一個負責任的 designer，但畢竟容忍度有限，加上程式心地善良也不好意思再找我改東西，因此網站上線，爛成一團。

很為負責的那位程式抱屈，但更不爽的是該建設公司以及底下那位不負責的專案企劃，為什麼可以企劃出最後完全被推翻的網站企劃？

Vodafone Mayfly Screensaver

當然，三年前逛到Vodafone : Live 24 Hours時就非常喜歡它的風格，桌布也用了好一段時間。今天心血來潮重溫舊夢，發現網站還提供了螢幕保護(screensaver)。猶記得上一次裝螢幕保護是駭客任務那個著名的日文與字母混合的母體解碼畫面，再來就是一些效果很糟或經驗很差的，不過這次的姑且一次卻讓我愛上了這個螢幕保護，也讓我擺脫了晃來晃去的Windows XP Logo。

和多繽紛樂

服務公司和多參加了Yahoo 2008 Open Hack Day，昨天在台北市青少年育樂中心順利結束。敝舍的和多繽紛樂在一優勝、二佳作三個總獎項之中取得佳作，算不算好成績搞視覺的實在難以進入狀況，不過就第一次參加這類活動的我來說，雖然沒能全程在現場參與過程，不過第一天在現場的感覺是不錯的，飲料、啤酒、零食、無名美少女(沒看到Orz)，那種氣氛還挺特別的。

關於和多繽紛樂的介紹請參考同事 Xdite 所寫的 這裡，與 Boss hlb 所寫的 這裡，畫面展示在 這裡，完成品在 這裡，有興趣找敝舍接案子、談合作的請點 這裡。

在視覺設計方面，這次比較特別的經驗是因為完全不用考慮ie6，所以圖檔幾乎全使用PNG，PNG圖檔的透明特性輕易的實現了許多視覺效果，套句hlb的話

寫 CSS 完全不考慮 IE，真是一件愉快無比的事情

。

要視覺性還是親和力

網頁視覺設計究竟應該設計什麼樣的網站才是好的，這種念頭一直不時跳出來讓我思考，重親和力？重視覺？重效果？重資訊？

Smashing Magazine最新一篇文章Style Switchers Are Back: Ideas, Examples and a Contest介紹了多種效果切換的示範，文字大小、字型、顏色、版面佈局、網站主題等等，當然這個主題對我來說並不陌生，自己的網站就用了theme change，當初也是為了讓文字能更跳一點而針對original版做的改進，為視覺，也為親和力。

但話說回來，不可能每個網站設計都能面面俱到，也不可能每個網站都有那樣的成本與時間去做這樣的安排，因此，當沒得選擇只能取其一時，究竟該取哪一樣？

原本網頁設計對我來說有一個重要的概念是，看網站面向的是什麼族群，那就以那個族群為出發點去做視覺上的安排，例如當初設計遊戲網站起家，因此視覺效果就佔了絕對大的因素，強烈的用色、有趣的佈局、漸層、陰影等等，來符合遊戲族群的喜好。但這種概念不能囊括弱勢族群，種種視覺障礙者對於我那時期的設計肯定無法接受。

那簡潔清楚的設計方式呢？視覺障礙者雖能夠清楚了解網站所要釋出的訊息，但卻有可能妨礙視覺發揮的可能性，尤其Flash的應用豈不是更成了大忌？

看來看去似乎只能仰賴CSS的開發能擴大它的功能與範圍，又或者開始學習JavaScript，透過JavaScript來達到更多可能性？積極一點的態度是，針對各個可能性都儘可能的去嘗試，並逐一修正。被動一點的，看業主的需求，滿足業主需求才是首要之道，但走到這步就太悲哀了。

sudomake online!

到新公司完成的第一個案子上線了。設計這種類型的網站視覺還是第一次，這種模式的工作方式也是第一次，整個過程算順利，有一些可以加強改進的地方，從中學到許多，也嘗試自己不曾做過的東西。

關於sudomake介紹請參考和多部落格% sudo make 上線，想找和多為您開發新專案，請至Handlino contact，網站需要視覺設計，請參考我的聯絡方式。

網頁視覺與平面視覺

目前還在進行中的AV'網站視覺設計突然遇到了這樣的問題，也讓我思考了一下平面與網頁視覺的差異處。

簡單來說，網站視覺設計所要面對的限制就是將之化為網頁格式，無論初期用的是Photoshop、Illustrator、還是其他類型繪圖軟體，在設計之初，就必須先考慮到如何切版、如何運用CSS將之呈現、如何在index之外還能呈現同一風格、如何盡量讓同一元素盡可能重複運用、...，平面設計除了主題與畫框大小之外，其餘的是天馬行空任由發揮。

當然，平面設計出來的東西還是可以運用在網頁視覺，但目前的途徑只有Flash可以做到完整呈現平面設計概念的東西，但相對的成本與時間也就不會是一般網頁設計能夠cover，而且那已經屬於多媒體領域，已經超出網頁設計標準的範圍。

因此，當我收到廣告公司出的index畫面，就發現為什麼廣告平面會是廣告平面，網頁視覺會是網頁視覺，而這兩種屬性通常只會是網頁視覺包含廣告平面，廣告平面卻無法同時做到網頁視覺，因為廣告平面缺少了網站整體概念，model不存在於廣告平面中，廣告平面的天馬行空完全限制了可重複運用這在網頁視覺中的大原則，多了網頁視覺的限制，廣告平面不會再是廣告平面，但是廣告平面稍加導引，卻會是Flash這種多媒體格式的好人選，當然前提之下是得先學會Flash與Action Script。

加入Handlino

加入新團隊，和多(Handlino)位於新竹，是一家網站設計開發公司，如有相關需求請至Handlino網站利用Contact與老闆們連絡，如果只有視覺設計部分需求的話，歡迎與本人聯絡。

btw，搭高鐵台北到新竹還真是快。

終於，還是裝了IE7

終於裝了IE7，抗拒了好一段時間，除了工作關係之外(IE6佔有率)，IE7較佔資源也是當初不想使用的重點之一，但如今無法再抗拒下去了，IE8 Beta都已出來，而自己對於IE7的熟析度還處在10%以下，對於一個網頁設計工作者，尤其是慣於使用CSS製作網頁版面的網頁設計工作者而言，這可不是一個好笑的笑話。

其實本身是Firefox的愛好者，除非是工作時網頁要測試瀏覽器的相容性，否則IE根本很少在開。事實也證明了IE7的確不得我心，雖然有了同視窗開啟多分頁的功能，但工具列卻無法像IE6那般可自由拖曳調整位置，原本兩列清爽乾淨的功能列，如今變成了被蟲啃過似的空洞三列，更別說那多餘的Search功能，移也移不掉，我的瀏覽器首頁就已經預設為Google了，要多這個Search來佔位置？

IE6 Hack問題已經一堆，如今來了IE7，再來還要準備迎接IE8。

Google收購Mozilla，Google力推Firefox，Firefox提升瀏覽器佔有率，Firefox擊敗IE，IE消失，網頁設計師Hack噩夢消失。

i-design 工作室正式成立

正式成立了自己的工作室，雖然仍是SOHO的身分，但起碼有自己的網域與網站了。

這版的工作室網頁花了一個多星期時間，在睡眠極少的情況下趕出來的，原本也沒想到要運用換樣式的 JavaScript，初稿出來時因為配色問題，發現文字不夠明顯，才乾脆來個大動作多設計了兩個版面來做 change theme，就當作是嘗試一下新玩意兒。

網頁因為作品集部分排版較複雜用到Table，其餘頁面都是CSS+Div。XHTML以及CSS驗證放的很心虛，為了效果CSS畢竟還是沒能通過。

至於部落格這兒暫時不動了，專心找案子先吧。

專業客服與技術專業

自己本身是一位Firefox的愛用者，因此在設計網頁時很自然的會同時考慮到IE與Firefox這兩大瀏覽器對CSS的解讀與判斷差異，雖然很麻煩也很無奈，但面對網路的多樣性與各家瀏覽器的佔有率，還是得多花一些時間去寫CSS，而且如果系統可以同時並存IE6與IE7的話，想必會把IE7也考慮進去吧，相信這是一位專業設計師應該有的基本態度。

上週末在104人力銀行無法正常下載某個文件檔，所以寫了封信通知客服這個問題，而今天近中午104客服在假日結束後馬上專業的電話來詢問，同時表示會用email將該表格寄過來。傍晚收了信，信中一句寫道：「經查詢機制面無問題」，自己才恍然大悟原來是Firefox的問題，但同時也明白原來堂堂如104人力銀行這樣大的站原來也會有這樣的問題發生。

客服真不好當..