華山論劍室: 設計五四三

想不通時，拿出紙筆畫一畫

Thu, 24 Jan 2008 10:00:56 GMT

最近的生活又忙到不可開交，也面臨許多新的挑戰與困難，在2008的第一個月，在這個時期總是我最心煩的時刻
我煩的總是今年的目標與要實現的計畫，但是總會浮現許許多多的難關令我一點一點洩氣
於是，通常這個月也是發呆最多的一個月，常常放空自己，跑去看漫畫、跑去亞典猛買設計的期刊雜誌、IE的使用率遠高於Photoshop....

"想不通時，拿出紙筆畫一畫" 大小創意提出這有趣的想法，小弟非常認同，拿出紙筆隨處畫已是我多年的習慣，圖像式的思考早已成為我的思考邏輯
也因此，在我這段混頓時期，已畫了許許多多的"塗鴉"，也記錄下許多想法。

這樣的方式真的很好，也許你頭腦糾結時，試試看，或許你就完成了你的SA(系統設計上所謂的系統分析工作)!

原文URL：http://dxmonline.com/service/url.aspx?if_dbid=OD2WMUC%2fV2qIPR6AEVxidg%3d%3d&pid=

Web Designing

Thu, 06 Sep 2007 08:14:07 GMT

分享幾本小布覺得很讚的日文Web Design雜誌

最近從JAMG日文雜誌館找到ㄧ本很棒的Web Design雜誌【Web Designing】，每個月出一本，很棒的是JMAG都會引進，價錢也公道，真是棒!!

小布很喜歡這本日文雜誌的編排與資訊，除了介紹最新的設計方法以及軟體使用，更節錄許多好的設計作品，有時會覺得這樣的生意模式，怎麼都沒有在台灣出現? 台灣的出版社似乎不會為這個行業出一本雜誌，"數位時代"也算是多少有介紹到，不過仍偏向整個數位產業的報導..

我想每個跟我從事同樣設計工作的朋友，一定也有資訊恐慌症，很想一下子看到所有的好作品以及技法大公開，就像張無忌從猿腹中取出九陽神功，功成則天下無敵!!

天下無敵? 太難了，我覺得我們這個網站數位設計沒有頂尖，只有相互知道多寡而已，互補長短，彼此分享，才是王道!

這本【Web Designing】我是從8月號開始買起，因為裡面介紹了在日本的設計工作室的報導，包括作品、辦公室、社員等，因為我很好這個產業的辦公室是怎樣的佈置與配備，就因為這點，我還找到我的偶像"中村勇吾" Yugop 的辦公室報導的雜誌，就在博客來可以買到，名稱為"網頁設計達人完全情報 NO.3：FLASH特集" ，呵呵~小弟可是NO1~3都買，太瘋狂啦!! 我應該是資訊恐慌症最高段吧!!><

=====================================

Web Designing 2007年9月号

特集1：“わかったつもり”のWeb知識
－GIFとPNG、StrictとTransitional、わかったふりをしていませんか？－

特集2：映像表現のバックステージ
－百戦錬磨のWebディレクターが語る－

【特別付録小冊子】Microsoft Expression Blend チュートリアルブック
エクスペリエンス・デザインを極める3Dリッチコンテンツ作成講座

【新連載】Hello, AIR WORLD :-)
Dreamweaverで作るAIRフォトギャラリー

【短期集中連載】MITが生んだアート志向の開発環境「Processing」
「Particle Typography + Mail」の第一歩／画像の色情報で変化するグラフィック

Website Front
新規公開およびリニューアルしたサイトをご紹介し、最近の潮流や新しいアイデアなどをお伝えします

【過去的web designing雜誌內容】
==================================
【NO1-NO3】
網頁設計達人完全情報 NO.1
網頁設計達人完全情報 NO.2：視覺效果
網頁設計達人完全情報 NO.3：FLASH特集
　

【好文欣賞】比較Adobe和M$的RIA解決方案

Wed, 11 Jul 2007 01:54:25 GMT

轉貼一段關於RIA解決方案觀點文章，大家參考參考:)
http://www.luar.com.hk/flashbook/archives/001366.php
========================================================

要比較Adobe和M$的RIA解決方案，本身頗難回答，因為從開發者角度出發，除非兩者皆有涉獵，否則從技術、開發流程、團隊合作等去說，受開發者本身認知多少所局限，還有官方所發表含宣傳水份的公告誤導。

所以我傾向以抽離角度去看，究竟RIA是什麼？用戶究竟又需要什麼？經常聽到有人說RIA就是將Web Application變得像Desktop Application。這是指界面上一樣？保留類似Win Form東西？還是有Desktop Application的操作方式？

先說界面，從Macromedia起初拋出的RIA例子，我們可以看到，所謂RIA，著重以較圖像，視覺化的操作方式去處理數據，用Mouse控制比用鍵盤輸入Data的機會較多。操作過程還要加一點動畫，讓用戶感到非常炫目。為了達到這目標，所用的是Flash IDE，開發的人是一群既懂設計，又懂編程的Interactive Developer，以Flash MX開始，這群人已經有5年經驗，因此究竟RIA變成甚麼樣，過去一直是由這群人去定義。

到了現在，我們見到Adobe將昨天Macromedia打倒，RIA定義變了質，由Flex 2產品去看，RIA就是要將Win Form東西在Browser/AIR裡重建。從它將AS3徹底改寫，以取悅傳統Programmer的編寫方法去發展，我從來不相信AVM改善效率等於要把過去的語法等東西否定。Flex 2提供組件，徹力讓Programmer可以做一個像樣點Win Form，可惜，Flex 2提供組件，質量、效能和可用性都很一般，根本做出來的Win Form，操作上跟Desktop Application仍然相差很遠。RIA定義被一群既無美感，又不懂互動性和可用性Programmer操縱，可見不久將來會看到大量灰色、黑沉沉的 Flex Application出現來折騰用戶。

至於Flash CS3, Adobe的策略根本是放棄它在RIA開發上貢獻，Flash CS3是RIA開發上最沒有改善，甚至倒退的昇級版。

因此，對於興趣或專注在RIA上Interactive Developer，現在是否有他們選擇位置？我見到是沒有，除非他們轉到去Flex，還是轉投M$，否則每天繼續做一些廣告文宣式的商業Flash站，寫點Flash Games。

對於Desktop Application的操作方式，在RIA中有什麼意義？答案是從可用性角度去出發－－不要跟用戶習慣作對。因此當初HTML Application的局限，很多用戶習慣了操作方式無法實現，才有了當初Macromedia以Flash乘虛而入的RIA概念。因此我們去比較 RIA解決方案，可以從用戶角度考慮，更要從用例考慮。

在保留Desktop Application操作方式上再加一點炫目動畫，是從MacOSX開始，連Vista都要走方面，因此WPF很順理成章，是M$給他們開發者的 Bonus。M$ Expression產品工具很齊全，缺的只是沒有美工和Interactive Developer。Adobe通過AIR努力補圓Desktop Application上缺失，Adobe產品都很濫，可是就是沒有真正有整合能力的工具給美工和Interactive Developer。一方有工具沒有人才，一方則有人才沒有工具。

這些5年經驗Interactive Developer，你會怎樣走？

從Desktop Application用例方面，Application除了鍵盤輸入、Mouse操作，更包括跨軟體的通訊，例如跨軟體Copy-n-paste、 MacOSX不同軟體可以通過Growl傳訊等。因此，未來的RIA戰場，其實是回到Desktop而不是Browser。

既然Adobe愚蠢地將RIA定義由圖像，視覺化的操作方式，變回Win Form上提昇，放棄有經驗的人才而取悅外人，跟M$等回到Desktop上大戰，在Flex 2 Component質劣到跨軟體的弱整合能力。我只看到它放棄最好士兵，最好戰場，回到泥漿中背水一戰。

========================================================

本文章由luar發表。

http://www.luar.com.hk/flashbook/archives/001366.php

論設計的難題【客戶型因素】

Mon, 30 Apr 2007 03:14:33 GMT

"論設計的難題" 看起來很艱難，不過討論起這個話題挺有趣的..即使自己面臨到困難，藉此說不定可以反省並且找到解決的辦法。

我粗淺的想法就直覺，設計最怕碰到的是：

1、不確定的因素

2、時間

3、創意

我將不確定的因素列為第一，的確是我這幾年碰到最難過的關!

也許我的工作是同時進行多種不同型態的案子，而小布也必須針對不同型態的案子先做功課，先找資料，並且研讀該專案的特性與專業

然後才有好的idea在進行接下來的設計工作。

然而，一個人總是有限，頂多可以同時卡3-5個案子進行，已經很了不起了

而還沒算正在進行業務階段談的案子以及正要結束的案子，再加上剛開始進行的案子，每件案子的進行都面臨不同的事情

有必需寄發票打電話請款、有要擬 / 簽合約、有要拜訪談新案、有要專心做一開始的設計、有要繼續完成未來的設計與上稿

有要與客戶解釋設計的簡報等等...坦白說，看過Adrian Shaughnessy所寫的"如何成為頂尖設計師"的人都知道

一個人成立設計公司是件很笨的事

而我 - 小布此刻就正在做很笨的事，最糟糕的是前幾天去給一位相當有名很準的算命老師算算時，

他就開宗明義的說我已經回不到公司上班了，注定當老闆的命，注定要走設計這條路

而且不僅如此，會一直工作到很老很老........................................

是這樣子的嗎?

原來我與設計的淵源早就原定三生了!

即使如此，設計的路還是很多采多姿的，並且需要有夢想走下去!

如山琦豐子所寫的"華麗一族"一書中，在電視劇中的万俵鐵平最後所說：( 全文 )

==================================================================

人類是很渺小的
為了展現自己的強悍
努力挺直背脊卻反而受傷
自己還讓傷口越裂越大
人類就是這麼愚蠢又脆弱的生物

也許正因如此，人類才會做夢
要實現夢想，一定會遭遇困難
有時夢想反而會折磨人類
不過，我還是深信
之所以能夠開拓光明未來
憑藉的是對夢想灌注熱情的人類的力量

不過，當人類忘記志向的時候
榮耀也將迅速凋零

（可是為什麼，我不去看明天的太陽呢？）

==================================================================

結局最後鐵平自殺，有他的時局處身的考量然而，他對夢想執行的堅毅與相信，是我一直很感動的一環

也許我現在的力量很渺小，也敵不過大公司的競爭，然而我堅信只要我懷抱著熱情，對設計與美術時時學習，時時反省

對每件專案都賦予新的力量，對的設計，即使累一點，時間拖一點，只要專案好，客戶滿意，

那就是最大的肯定了!

所以我選擇去看每天的太陽，明天的太陽，因為有陽光，就有光耀

我就是火的力量，而這股力量就可以支撐著面對任何難題!

有著內心堅信的力量後，不代表就可以將每件事處裡的很輕鬆

來自客戶不確定性的因素存在，對於設計的不確定性

就是我覺得是專案中最具殺傷力了!

他會讓我產生不安定感，會產生挫折，也會有放棄的念頭

這時成本概念已經沒用了，因為隨時都會超過成本而賠錢

然而我們面對這樣的因素怎麼辦呢?

長安說：

==========================================================

嗯   綜合客戶的想法
大概可將其想法歸納以下的"模式(pattern)"
整體來說第 n-1 版優於第 n 版   但或許第 n+1 版會更好
所以   不仿引入A想法   或許融合B觀念   產生C創意後併入第 n+m版
那麼應該會不錯
以上 n, m 為任意自然數
A, B, C 為任意虛數
PS. n,m可能重覆數值

==========================================================

這應該是他coding中快發瘋的言詞吧!!哈哈哈哈

冠榮也這樣回應：

==========================================================

每次遇到這種客戶
如果是我，就會在兩條路間選一條路
A. 放棄對專案的「期待」，盡力完成工作就好
B. 還想救專案，以拖待變，用時程壓力讓客戶作部分妥協
如果確認是這種客戶了，多數我會選擇第一種，偶爾才會走第二種
不過要說服自己放棄期待、不要太龜，也是需要一點時間
天涯何處無芳草，如果這個案子沒法期待，總還有下個案子可發揮
我看你就不要太龜了，留點時間陪老婆或去廁所排毒
都比跟客戶耗有意義
客戶要的是「眼前的安心與安全」，你要的是「長期的整體感與雋永」，不容易交集...

==========================================================

綜合以上兩位資深設計人員的建言，對於這個不確定性的因素，有沒有產生了解決的辦法?

而我的想法正是，即使我現在面臨到這個問題

我會選擇冠榮的想法，因為這是我們在面臨專案執行中，最能夠掌握的自我態度，

當然，還是不要放棄每一項可能，是我們身為設計師很重要的使命感

也因為我們具有改變事物設計與創造設計的能力

更應該嚴肅的看待這樣的難題，並且更小心的面對

即使為了展現自己的強悍
努力挺直背脊卻反而受傷
自己還讓傷口越裂越大

但小布深信，最後這是值得的!

網頁設計關鍵 IDEA

Sat, 06 Jan 2007 10:22:02 GMT

設計很多專案的過程是很煩燥的，尤其每個案子的屬性都不一樣，又得思考如何賦予新專案該有的設計導向?

可是業主的資料卻常常不一定到位的很清楚，有時又得兼作企劃的角色，如此日覆一日，往往會失了設計的熱情..

我突然覺得我退步了...我的設計功力不靈敏了...這會不會是我已許久沒讀書的下場? 還是許久沒有跟一群厲害的設計朋友較量的結果?

還是那些專案困著我的思緒，綁住我的創意?

這些都是我的藉口...因為我知道我的確在設計的思維上，少了幾年前靈活的想法與創意了!!

這很糟糕...但卻是事實!!

因此趕緊來唸唸書，補一下失去的設計維他命...

嗯...今天小布找到3本書，也毫不手軟的買下，在此一定要推薦給喜歡網頁與網頁設計的朋友們，

的確是國內目前比較優質，不再是翻譯書，而是出自設計師腦袋擠出來的精華!!

(一)、Web Designer：網頁設計關鍵Idea

作者：梁景紅
出版社：電腦人雜誌
出版日期：2006 年 12 月 17 日

【簡介】
這是一本關於網站視覺設計的理論工具書，幫助你梳理和總結關於網站視覺設計的各種面向；這是一本重點分析架站意圖與形式設計之間存在何種關聯的專業圖書，幫助你從根源探索創作思維的延展；這是一本歸結了普遍定論與特殊情況的實用案例範本，幫助你通過理論與實際的結合，快速掌握創作要點。

http://www.books.com.tw/exep/prod/booksfile.php?item=0010350272

(二)、版．色．過．人：網頁美型創意設計書

作者：胡崧
出版社：電腦人雜誌
出版日期：2006 年 12 月 17 日

【簡介】
本書除了說明如何處理好藝術和技術之間的平衡關係，並將不斷發展的技術和標準合理運用在網頁介面設計的方法外，還特別精選上千幅優秀的網頁作品，以實際案例講解分析網頁的版式構圖與色彩搭配。經由本書，你不僅可以將網頁設計的創作編排技術統合起來，更能在你日後的設計作品中，將創意與藝術美感發揮的淋漓盡致。

http://www.books.com.tw/exep/prod/booksfile.php?item=0010350275

(三)、Web Layout 設計的美學

作者：王煦淳/譯
出版社：旗標
出版日期：2006 年 12 月 01 日

【簡介】
在Web 中無論是圖像、文字或設計都是與瀏覽者溝通的重要管道。為了創作出更符合瀏覽者需求的設計，網頁設計工作者對基本的網頁設計理念有更清楚的認知，才不會做出雖然很炫，但閱讀起來卻令人很痛苦的網頁版面。

本書特色：

　　● 本書由日本第一設計專書出版社 MDN 全心打造，是您不可錯過的 Web Layout 設計美學

　　● 作者為日本一線網頁設計師矢野，精心整理設計網頁版面必須熟知的五大法則，奠定您的網頁版面設計基礎功力、培養網頁設計的美感。

　　● 本書的設計概念是以網頁版面設計為主軸，介紹各種情況下適用的版面。

　　● 作者參考設計、色彩學等書籍，為您解答出如何與網頁內容平衡、如何挑選與主色相搭的顏色、怎麼組合才美觀…等設計時常遇到的問題，讓您在最短的時間內學到最多的設計理論與技法。

http://www.books.com.tw/exep/prod/booksfile.php?item=0010350067

======================================================================================================

這三本是少有的設計概念與觀念分析的書籍，身為一個設計師不能只是會作畫面，最好可以擁有分析的能力

清楚知道設計的方向，並且可以做好簡報的準備

不管你怎麼虎爛，口沫橫飛，總得有料才行~

若你也跟小布一樣腸枯思竭，這3本書相信可以給你Good Idea!!

加油，設計師們，我們繼續為明天而努力!!!

2006.12.20 光沅創意誕生

Sun, 24 Dec 2006 03:03:04 GMT

終於，趕在2006年的年底，趕在馬英九市長卸任的任內，小布的公司【光沅數位創意有限公司】終於申請通過了!

這是人生的另一個責任學習的開始，也是扮演另一個角色的開始，心情很興奮也很莫名的忐忑不安，因為從此我就是自己的Boss了，而不僅是賺錢，更是需要時時刻刻規劃公司未來的每一步，這樣子無形的責任如同一種壓力，跟隨著你平時所有的時刻，不僅睡覺時會想到，吃飯時會想到，加班時也很無奈的還是想到，就連看電影或看電視，只要有空檔，還是會想到，想到什麼呢? 就是我的案子做的如何，明天要交什麼，後天要交什麼，下星期有什麼會，下個月要提案怎樣的案子，最近的技術又有什麼新的發展，這個月入帳哪些，下個月有沒有錢進來，或者還有什麼錢要付出，.....營運面、業務面、管理面的問題可以多到寫不完...

累嗎?其實是很累的，畢竟是一個人，沒有會計、業務、秘書、助理，很多情況交疊一來就快瘋了，但終究還是選擇這條路，因為我知道，這就是我必須要走的，人生中早就是屬於我必走的方向，很奇怪吧，早在幾年前根本沒想到現在會這樣的..

記得1999退伍出社會時，第一份工作就是擔任誠品敦南總店的書店營運企劃，當然什麼經驗都沒有，因此實際上就是助理，不過那時可是我初出茅廬，非常高興能進入我大學以來夢寐以求的企業，我就是喜歡誠品的文化，抱著一定要進去學習看看的心情進入，那時只想在一間大企業裡服務而至退休，壓根不敢想像自己未來可以獨當一面，只是後來難免適應不良，我終究還是沒辦法在誠品待下去，不過到現在我還是記得很清楚，那時我的老闆曉君，從我進入誠品的第一刻到最後一刻的指導，有時很好，有時很機車，有時很兇，甚至罵的讓我覺得我很沒尊嚴，還一度以為我又進入軍中服役了，老闆對文件的挑剔，每天每天的校稿，使得我到現在養成寫文件很龜毛的習慣，記得那時帶著我ㄧ起趕一份年度營業報告，並且要一起上台與全台灣各書店一起向老闆吳清友報告，報告前那幾天，幾乎是天天很晚才回家，每天的Excel、Word、Powerpoint的各式圖表繪製與撰寫實在累的要命，然而後來在報告裡的那一天，我很榮幸的可以為我老闆操作那我製作的簡報，雖然只是一個旁邊的操作滑鼠員，但看到老闆滔滔不絕的簡報，以及台下吳老闆等的聆聽，這是我人生中參與第一場企業內部的大型簡報，至今仍記憶猶新，現在許許多多的簡報與文件技巧，我想都是那時如此扎實所訓練下來的基礎。

那時要離開誠品時，曉君慰留我所說的一句話至今我還深深記得，

"工作上有三種層面，營運面、業務面、管理面，橫跨各項職場工作，職場生涯中，你必須歷練過這三種層面才能獨當一面..."

謝謝你，曉君，你的建言對我後來的職場學習有很大的影響，如今我正要將我過去所學的好好運用到光沅，如果你有看到這篇，光耀感謝你

希望未來有機會可以在跟你請教許多問題。

2006年底，我已經準備好迎接未來的挑戰，我相信明年2007會是美好的一年，

光沅初出茅廬，新手上路，在大家好朋友的支持與鼓勵下，未來光沅可以有很大的能量發光發熱，源源不絕，

光沅就是光源，一種核心的力量，一種可以散發出來的能量，而我必須更努力的往前走!

IE7.0的使用心得

Mon, 18 Dec 2006 05:48:16 GMT

近來因為手頭的一個案子關係，不得不更新了瀏覽器版本..

"ㄟ~小布，年底前IE都要全被更新成7.0囉，所有機關都是這個版本，而且以前設計的畫面會在7.0下會不一樣喔，趕緊去更新!!"

就這樣我就更新了IE7.0，但其實心裡到現在還是疑問一大堆!!

【疑問一:】版本相容性->為什麼升級了IE7.0，我的IE6.0就不見啦??!!

這個問題很機車，因為我的案子有百分之100都是以IE6.0開發的，何況客戶的瀏覽器也皆是6.0

現在開發端的瀏覽起變成更高一級，已經不符合系統開發原則，我的要求很簡單，只要給我6.0的畫面即可

但是...怎麼找都已經找不到6.0了... o︿o~

還好問了Google大神，找到了我心中理想的辦法，就是MultiBrowser! 同時不用多系統就可以多IE版本瀏覽的終極軟體!

讚啦!! 後來雖知在升級IE7前可以做一些必要動作使得IE6可以保留，不過呢，懶惰的小弟只想有IE6的畫面可供設計使用即可

因此這個軟體已經符合我的需求，又是Free，真是讚啦!! 有興趣不妨去下載:)

http://tredosoft.com/IE7_standalone

【疑問二:】CSS相容性的衝突

這個問題其實是最讓我傷腦筋的問題，為此找了很多資料皆顯示IE7在CSS的演變上有很大的不同，好像比較遵守W3C的規則，不過小弟在IE7沒出來前就已經可以設計出IE6跟Firefox相容的CSS Rule，為此還很臭屁的覺得可以在這兩種Browser上瀏覽皆相同Layout感到無名的爽，然而現在的IE7卻大大的打擊了我...因為先前的設計方法已經無法適用到IE7..

為什麼為這樣呢?出問題的又是哪個部份? 最主要的就是一直詬病的Padding與Margin跟物件Width、Height的相減問題!!

而這個問題也就是影響到各個瀏覽器的呈現面，不過在談這個之前，我發現新版的IE7對於CSS選擇器的支援已經向上升級，對於這點，自許高級設計師的你不得不重視，因為也許可以有更大的可能性。

所謂的選擇器就是標籤中的空格，我舉我的常用作法來說明:

#DivTop{padding:0px;}

#DivTop div.LogoSet{padding:0px;color:blue;}

#DivTop div.LogoSet p{color:#FF0000;}

#DivTop跟div.LogoSet中間的空格就是選擇器，意謂著"父親的小孩.."、"父親的小孩的小孩.."這種物件導向的繼承方法

很好用，對不對?

可是在IE7裡有新的詮釋方式，也就是支援新的選擇器">"、"+"

=====於是搜尋各Blog關於此部分的解釋如下：

讓我們復習一些術語。W3C CSS2.1 規範解釋了選擇器（selectors）和選擇符（combinators）：
“一個選擇器是用選擇符連接起來的一個或更多的選擇器。選擇符包括：空格，‘>’和‘+’。空格可能出現在一個選擇符和簡單的選擇器之間。”一個簡單的選擇器可以是一種類型選擇器或是通用選擇器跟隨零或者更多屬性選擇器，ID選擇器或者偽類，在任何順序。

第一個支持的選擇符（也經常被稱作選擇器，這是唯一正確的部分）是子選擇符。在簡單的選擇器之間指定“>”符號。一個簡單的例子，#DivTop> div.LogoSet，意思是#DivTop下面所有子段落文本顏色是藍色。
但是如果#DivTop有一個DIV，而且DIV還有一個段落，#DivTop>p選擇器不會使這個段落裏的文本變成藍色，因為子選擇符，不像頻繁使用的後代選擇符，只選擇直接的孩子，不是“>”符號的左邊元素任何深度的嵌套後代。
另外一個新支持的選擇符將是相鄰選擇符，使用"+"符號。子選擇符可以指向另外一個元素的子部，相鄰選擇符可以指向跟隨的元素，但與前面的元素獨立。例子，LogoSet+p {color:#FF0000;}，跟隨LogoSet元素後面段落的文本顏色為紅色。

========參考【原文】並修正上述CSS Tag為小弟的作法。

因此可能新的寫法會變成

#DivTop>div.LogoSet{padding:0px;color:blue;}

#DivTop>div.LogoSet+p{color:#FF0000;}

以上看起來還是很不直觀，可能是我還不是很會用這樣的方式，也不適應，使用空格習慣了，一時間有新的寫法腦袋轉不過來@@

然而除了以上的方法外，還是有一些Hack的作法適用在各版本

請參考:http://www.ihandu.com/blog/archives/70.html

所以，看來微軟又丟給我們設計者一個功課了，2007有的忙的了，除非一堆網站不理IE7.0...please~~

另一個課題就是padding、Margin支援的方式已經很嚴謹的遵守W3C規範，(可參考5dlog的文章)

以前在IE6.0中每每要計算這兩者與長寬的不同與增減，不僅如此還得看看FireFox的狀況如何(小弟就忽略的Opera等其他Browser了)

只是要在兩者皆相同，而且是全部使用CSS-P(css position)的作法實屬不易..

後來小布無意間發現了一個好做法，就是在<html>上加上

<?xml version="1.0" encoding="utf-8" ?>

竟然發現...在CSS裡設定寬高後，再設立padding跟margin後，沒有增減的情況下，IE6與FF1.5、2.0竟然都相容了..

哈哈~這當然是一個很小的地方卻是很大的影響，也因為這一段使得我在很多專案的CSS撰寫上無往不利，大家試試便知!

可是現在IE7不吃這一套...@@...

所以我得拿掉它，回到以前寬高與padding、margin增增減減才有辦法控制與IE6、FF1.5、2.0的相容..

不過呢，除了以上方法，還有就是多加一層Div或媽媽級的標籤去互相控制位置，例如以下

#DivTop{Width:100px;height:.30px;color:#005599;}

#DivTop div.LogoSet{margin:15px 15px;}

#DivTop div.LogoSet div.TitleName{color:#005599;}

如此TitleName的標題在DivTop下就是存在對左距離15px，對上距離15px的位置上呈現005599的暗藍色

很囉唆，但是對於往後的控制上，會很好用的喔!!

尤其是當RD要是有修改的需求，多層次的DIV Tag設定的確可以在CSS中達到完全控制的目標

如此不動原始程式碼下可以更新版面，不是很屌嗎?

也可以讓RD人員尊重你的專業，一舉數得!!:P

總之，新時代的HTML已不是只會Table排版就能走天下，若你還不會CSS排版，你就可能慢慢覺得接不到案子或者不了解RD的coding需求

也或許你全使用Flash，多會一點CSS更加能幫你的版面多了很多可能，例如Flash上與Javascript的溝通，呼叫HTML程式頁(討論區、留言版等)，共同呈現在同一個畫面中，在此CSS也扮演很重要的角色。

只是，IE7.0的改變，初時會帶給我ㄧ些陣痛期，因為很不想面對修改以前完成好的案子，不過展望未來倒是一個重新設計方法的開始

還好我還挺喜歡IE7的簡潔介面跟實在很像Firefox的操作方法(懷疑根本用抄的)，尤其安裝IE7後，還會使得我系統的英文字皆變成像MAC 系統上一樣的黑體字，真有質感阿!!

不過...RSS還是比不上FireFox好用!呵呵...我只針對我最常使用的部份來抱怨!哈哈哈~

anyway，建議可以升級，升級後還懷念以前的IE6

就安裝Multiple-IE吧:)

手機下載影片平台【Flash RIA新作品】

Fri, 30 Jun 2006 03:34:50 GMT

忙歸忙，想想還是完成了很多事，再此要推薦給大家最近小布與白長安共同完成的Flash RIA平台--手機下載影片系統【EZM】，這要多謝Jeremy的指導，使可讓我們在這個案子中，對AS2.0以及介面上的串接獲得更多的知識與成長。

這個案子主要是Flash為主的介面，後台資料藉由Web Service，與後端.Net 建構的資料庫交換資料，因為我們沒有多餘的經費去購買Macromedia 的.Net 之Remoting元件，客戶也不願意再加錢購買，也因此我們選擇除了XML、Remoting外的 Web Service方式來接收資料，而這樣的交換方式，經我們測試過，在速度上雖然沒有Remoting 特殊的資料傳送技術來的快，但相去不遠，以現有的網路環境來看，是可以允許這樣的交換速度，先前我們已經運用這樣的技術完成一家T-shirt 電子商務的Flash Store 以及日月光居家線上的年終購物Store平台，以Web Service 方式成為我們搭起資料交換的中介已是我們必要的技術規格了，也因此若您對Remoting的元件有疑問，不妨運用Web service來製作，不過提醒您，需要以Flash MX2004 Pro、8.0來製作，效能會更好: )

這個系統即將上線開賣，裡面的影片也真的很有趣，我們也祝福這個網站能夠成功，同時也可以預見手機市場上的影音服務會更加多元化，走入另一個多媒體的規格，看來我的T610真的要換了@@...

大家有空就是下載來玩玩吧，前提是。。。你的手機得支援3GP的影片規格喔: )

設計完稿修改要收費嗎?

Fri, 19 May 2006 03:52:30 GMT

自己的工作就是做網站，網站有關的設計就是我的工作與專業，然而每一個設計工作者免不了都會遇到設計稿件被客戶要求改來改去的困擾，如果遇到不改的客戶，那可是感謝上帝感謝佛祖的美事一樁，然而這種好事實在不多，也因此，做設計的工作者，還得背負一項工作風險，那就是不斷的修改!

要知道設計與視覺，如同德國西門子設計總監所說，每個人的視覺觀就像各自的屁股，都會放屁，而呈現多元化的意見，你不能期待他不放屁:P(後面這句我加的~@@)

也因此，改是難以避免的事情，也因此，各位觀眾，我們一開始的估價就會包括這個部份，這就是再製完稿的費用，你也許會說，改個字又不會花很多時間與費用，可是您可知，一個需求我們就得開始接收這個修改需求，打開檔案，蘊釀情緒(因為也許剛好在專心其他事)，打開腦中的記憶檔，開始修改，修改完轉存輸出，上傳更新，mail通知，這一連串下來的時間，少說5分鐘，多則1小時，這樣的時間若是對於大量的修改需求時，就會更瘋狂，也因此，網頁設計在這塊的費用估算是不會一次一次的跟你算多少修改的費用charge，而是會估進一開始的設計報價上，反映未來的製作成本。

由於前天問小美他們公司搭配的平面設計師都怎麼算這塊的成本時，了解到平面稿設計師會分次的算錢，也就是改一次會算完稿費$2000，再改，也是$2000，這樣也許嚴苛，不過確實保護到設計師，而讓客戶會更仔細的想想他們的修改需求是不是很重要，不過，有時遇到很遜的設計師，一直無法做到客戶喜歡的Style，還要算修改費，那就是白目的人，別以為掛著設計的名號，就可以不先用功研究好客戶的需求，為他們做出最好的Solution，然後還要算中間總共修改了多少次，而不想想自己究竟有沒有料的做到客戶的要求?

因此，要不要收完稿費修改費，小布是贊成的，希望各位客戶可以了解設計人的辛苦，也許你只是改一個顏色或者字型，別以為說用個軟體改一改就好囉沒什麼難度阿等等的想法，要嘛~你自己來，沒時間的話，找我們做，由於咱們非親非故的，自然要請您給我$$買我這段修改的時間！

只是，如果是我們的錯，做不好也達不到你的要求，那麼我一定會做到你喜歡為止，只要你不刻意刁難都好:) 這就是設計人的魂，我們也是有格調的!

網頁設計這一行雖然是每頁每頁的設計製作，不過由於軟體與程式技術的發展，已經不是那麼一頁一頁的估價，我們在估價上，都會以一區一區的功能來估算成本與費用，這樣一來也包括了未來的修改成本在裡面了，我想，我們網頁設計畢竟還是跟平面設計或者廣告設計些許不同的是，我們不用輸出完稿為一個紙製品，我們的作品都在虛擬的網路上，沒有紙品的印刷成本，只有時間成本，因此，完稿費對於平面稿的收取是合理的，而我們，就不這麼累囉~ 小布喜歡一次談定，整批作業，一次請款!

節省流程，強化設計成品，也正好是我們與客戶最重要的交易原則，這樣做，恰恰好!

其餘的，能少就少吧: )

逛網站要的是「一見鍾情」

Thu, 27 Apr 2006 04:14:02 GMT

逛網站要的是「一見鍾情」

最新研究報告顯示，使用者瀏覽網際網路時，常在一瞬間斷定網站的優劣，不會花工夫慢慢探索，所以網頁設計者必須在短時間內呈現賞心悅目的視覺效果，才能讓使用者一見傾心。

加拿大渥太華市卡爾頓大學（Carleton Univer-sity）的研究員發現，在初次瀏覽某個網站時，人腦會在20分之一秒內作判斷。

這項調查結果令研究員驚訝，因為他們原以為網路使用者至少會花十倍於此的時間，來評估網站的品質。

卡爾頓大學的這篇研究報告在學術期刊「行為與資訊科技」（Behaviour & Information Technol-ogy）上發表。

研究員在報告中寫道：「有沒有視覺吸引力，20分之一秒內即可斷定。這顯示網頁設計人員只有20分之一秒的時間，設法讓參觀者印象深刻。」

這是卡爾頓大學學者琳嘉德（Gitte Lindgaard）率一群研究員得到的結論。這群研究員在受訪者眼前，以20分之一秒的速度閃示一些網頁，然後要求受訪者依據美學觀點給這些網頁評分。接下來，他們要求受訪者回頭仔細檢視網頁，再打一次分數。

結果發現，儘管兩次評分的依據不同———第一次憑快速掃瞄的印象，第二次憑詳細的觀察———但得到的評比結果竟然一致。

琳嘉德說，上述結果對網站經營者來說具有重大意義。

她在報告中寫道：「除非第一眼的印象不錯，否則訪客會馬上離開，來不及發覺你提供的內容或許比對手網站充實。」

她並指出，訪客對網站的第一印象久久揮之不去。這項報告指出，第一印象立即形成，影響力卻很持久，這是心理學家所謂的「光環效應」（halo effect）使然。也就是說，某人一旦變得偏愛某物，就可能影響後續的判斷。

換言之，如果訪客認定某網站看來不錯，這種好感就會影響他們對同一網站其他方面的觀感，例如連帶喜愛該網站提供的內容。

琳嘉德說，人總是愛堅持自己是對的，所以會繼續用第一印象良好的網站，因為這會進一步證實他們當初的判斷正確。

【2006/04/27 經濟日報】 http://udn.com

史上最無聊無聊網站100選

Wed, 08 Mar 2006 12:31:04 GMT

前天白長安去7-11買了本【0-99 史上最無聊無聊網站100選】雜誌，封面是牛皮紙再生紙質的設計(我找不到雜誌的封面)，雖看不起眼，但卻是在　7-11書架上的一塊寶，為什麼呢?

因為我們看網站總是看精彩有用的，可是網站如此多，那麼總有一些無聊冷門不有趣的網站存在，這些設計者究竟要給誰看呢?是做爽的嗎?還是等候知音人，尚不得知!然而感謝這本雜誌的編輯，能夠如此【無聊】的幫我們每天忙專案的網路工作者，整理如此珍貴【無聊】的網站充實一下!

有興趣可以上【0-99】網站看看，你會發現..也挺無聊的!哈哈哈哈!! 有你的!小布佩服你!!

因為簡單就是好!

不過呢!小布要替書中第99個'網站申冤一下!因為那個第99個網站的設計師，正是我宇宙霹靂崇拜的日本Flash教父級大師中村勇吾 Yugo Nakamura (小布偷偷私下拜他為師!!)所做的

【amazon書本書名搜尋RIA】http://amaztype.tha.jp/

當你進入網頁後，輸入Search Word(限英文，不然師父做的創意就會跑出Not Found的書本訊息喔!有趣阿!)，

小弟在2004 Macromedia Max大會中，有幸可以上到大師的課，更進一步彼此交談，交換名片與合照(雖然小布的名片沒什麼名^^)~並且看到他那近乎生命力的Flash作品，讓我對於網站的設計有更大的目標以及前景，知道什麼才是武學的最高境界以及製作概念，相信同樣有上過課的朋友們一定會同意我的看法吧!

(貼張與大師的合照來給各位看倌看看Yugop的真面目^^)

【左邊就是 Yugo Nakamura，右邊是小布:P】

不好意思就在此讓小布小小臭屁一下...若有侵犯到師父的肖像，尚懇請諒解阿!!Please...!!

因此，【amazon書本書名搜尋RIA】這個網站絕對不是什麼無聊網站，可是一個Flash Search RIA的最佳Propotype!可以給我們設計師很多的啟發靈感喔!

【0-99】網站圖中有句話挺有趣的:

We kill time and bored ourselves to death!

哈哈!真好玩!生活中無趣的事總被人冷淡，然而換個角度想，不妨享受它，並讓他繼續永遠的困擾下去!生命才有趣阿!

建議您去7-11買本來看看!$99元一次買來你從不會注意的史上最無聊無聊網站100選!

Flash專案人員角色的新思維

Fri, 24 Feb 2006 05:54:43 GMT

看到Jeremy發表了【Flash RIA 的工作角色分配】，對於至今作專案的過程，也有幾點心得來囉唆一下!

從去年年初與長安決定去負笈學習Flash Remoting與Communication Server等RIA的技術，而後有幸認識了Jeremy達人，從中學習到許多深層的方法與技術，記得那時我還更早去上了【Flash ActionSrcipt2.0進階】，那時每天都在學AS的程式..把我給整的不像個浪漫的設計師了@@..不過也因此對於一些程式的寫法多了基礎的認識，雖然無法很專業的應用，但起碼知道什麼是迴圈、變數、判斷值等基本的應用了!

後來感謝老天幫忙，我們上完課後，我們先進行國美館的數位藝術知識平台的Flash Communication影音平台，將所學隨及應用在這個案子上(畫面如下)

這個案子，最大的挑戰在於長安那一塊，因為我們對FlashCom完全陌生，而文件大多是英文，只有我們上課的文件筆記，以及趙英傑所著的【FlashMX與XML動態網站應用實作】這本書所談到的FlashCom，而我們又好面子，不敢隨便打擾Jeremy老師，總是覺得師父領進門，修行在個人!

所幸，天才的長安也解決了關鍵的技術，就是Serverside的設定以及資料傳輸的方法，因為我們沒有買Remoting的元件，而直接採用.Net寫WebService的方式，讓Flash與Sever相互溝通，更甚者，長安竟然變態的寫了管制與監看的LOG程式，直接接收Flash所傳出的值，匯成報表，給國美館方便管理，這點真不得不佩服長安的"龜毛"!:)

後來，隨即又來了個案子，客戶想要不同的Web體驗，也因此我們也順勢推出了第一個RIA的案子(商品隨選Store、商品展示、留言板等)，記得起初因為對整個RIA環節並不熟悉(國美館的案子也是..)，更遑論對專案角色的分工，因為只有我跟長安兩個人，一個Designer，一個Engineer，又得兼做PM、SA與業務等(ㄟ..誰叫我們自己出來討生活@@)，我們得一面回顧AS2.0的做法與架構，一面考量未來修改再reuse的效率，還得清楚交代我們兩者工作交接時的中間地帶，也就是Jeremy裡談到的【Flash RIA 的工作角色分配】裡的flash coder這號角色!

DHTML時代的人員分配與工作流程一直是：

業務提案-->PM專案經理--->SA、SD系統分析、系統研發-->設計美術-->程式設計-->測試驗收-->業務結案

這中間當然還有很多人員參予與編列，不過以小弟在新竹某大公司待過的經驗，最後只剩下PM+Designer+Engineer，可能最慘的是只有3人來做幾百萬的案子，或者再加幾個人幫忙上稿與測試等!

不過，PM累死、Designer與Engineer也累死，公司還得計算人月的效率與成本，完全沒看過【人月神話】的警示!，當然...成了無間道，一個案子一個案子不停的循環，而其中能夠順利結案就是最高興的事了!

當然，到了Flash RIA專案即將來臨的此時，這樣的人員組織同樣符合，只是必須多了在Flash介面上開發的知識與默契，因為DHTML案子的開發，Designer用Photoshop+Dreamewaver+Flash，而Engineer用UltraEdit或Dreamweaver+VB.Net+JavaSolution等，彼此互不相干，反正Engineer Co錯了網頁，Designer也得再調一次，而到Flash專案裡，雖然程式是用AS2.0分離寫法，但據小布至今的經驗(應該還有更好的)，多少在Flash FLA原始檔中，mc元件的設定與AS1.0的設計是存在的..【不過小布正再想下一個案子將原件抽離，建立Library，以skin的方式載入運用，類似DHTML中的CSS-P簡化原始碼與reuse的方式】，因此雙方在Flash這套軟體就必須多少有共同的知識，而這點也是熱愛AJAX技術的人所厭惡的，因為得接受Macromedia的軟體與套件!(不過換句話說，懶的人用套件確實方便，除非你是熱血青年!)

因此我心中的想法是一個Flash RIA專案的人員角色，應該是有

1、Flash Planner 專案介面企畫與創意(這個必須多少具備GUI能力)

以下為【Jeremy文中所提角色】

2、Flash Designer 視覺設計師(最好頭腦中的畫面都是動的，不是平面的)【Jeremy文中所提角色】

3、Flash Coder 設計畫面與後端AS的串接(這點建議是..設計師做7成，工程師做3成技術顧問:P)

4、Server Coder Remoting、Webservice或XML方式，撰寫程式(.Net、CF、PHP...)與DB之間的傳輸接收

人員雖然這樣安排，但在工作上必須相互協調，創意激盪，必須在專案初期激盪出這個專案要朝什麼方向進行，畫面要怎麼跑，會牽扯到哪些程式，會需要哪些數學函式，會需要製作哪些視覺特效等..

如此能先有個Prototype之後，後續的就設計的去做畫面，程式的去建立後臺，不僅可以控制專案的輸出品質，工作成員也彼此知道這個Flash Movie要怎麼跑!

沒錯!就像拍一步電影一樣，你總不能說你當攝影的，你不知道這部電影的劇情，你當演員的，你不知你的角色跟其他人怎麼演，我期望未來是這樣的方式，也希望目前我們的合作可以更成熟更完備，好消息是，聽到Jeremy正要朝這樣的前景邁進，也即將有這樣的組織，真替他高興!

畢竟，方法只有一種，就是朝向你認為的真理前進，不過記得要有志同道合一起陪伴，彼此激勵與容忍，發展出團體合作的規模經濟，不是寡人模式的奮鬥，而順利完成專案，不是累或賠本而有賺到錢的感覺，那就真是最好的了!

Flash8 視窗前後切換設計元件【modal window】

Thu, 16 Feb 2006 09:56:17 GMT

說到這個元件，真的要推崇一下我的老師Flash達人Jeremy !

有做過Flash專案的朋友應知道，當不同視窗在切換時，不管你是用AS來寫，或是以動畫切換，只有一個目的，那就是新出現的視窗，例:警告、Help、事件、新聞...等，因為在最上層(也許你用attached出來的層次自訂等等..)，因此不希望下層被蓋住的內容還可以有作用，甚至可以暗掉半透明，那就更好啦!

最近一個專案中，再度用到，小布一開始還是以設計師思維來做，譬如在那要被叫出的MC裡最底層加個mcMask，然後AS1.0寫法寫在影格上：

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

mcMask.onRelease = undefined;

mcMask.useHandCursor = false;

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

當然，這不能避免的是，你得在每個要出現的mc事件中的底層要加入這個元件，或者進一步來說，你也可以設定一個獨立的Mask元件，做好Show Out的事件，然後在每個叫出的視窗元件中，將他attached出來到你要的位置，ㄚ哈!!這個方法呢!當然也可以解決啦，以後要是要改時，叫出元件來改就行啦!!

【凡事遇到要改時，想說只要打開Flash來改元件，即使花個3、5分鐘也可以改好，一人完全作業下的單工模式，這就是小布說的設計師思維!!@@】

後來Jeremy 說可以寫更高級的作法，哈哈~本來想說應用在我們的專案就好囉(秘密不外洩^++^)，熟知好心的Jeremy 發揮老師的最高品德，將技巧完整公佈在他的Blog上，哈哈!!真讚啦!!

因為，Jeremy 的方法真的是很便利的方法，用程式所控制的方式，高級思維溜!!(小布膜拜一下!..Orz..)

同時引用在此，讓Jeremy 設計的好方法，提供給需要使用的朋友或大家彼此交流^^

=============================================================================

範例下載

在flash 裏要產生 modal window(只有前景的視窗可操作，背景所有東西都不能按)有兩種方式，一種是用 PopUpManager，另一種是用 Alert.create()。

一般正常用法是先透過 PopUpManager 產生一個 Window 元件，然後再用 Window.contentPath = xxx 將自已的東西放進去。

但這個做法有個缺點，如果你不想要那個固定格式(灰底 + titlebar)的視窗，就要很辛苦的動點手腳重新 skinning。

最近有個案子又需要這種功能，但設計師(hi Brad!)需要用自已的mc視窗，因此我寫了個小工具可以隨意指定自製的mc 成為 modal window, 原理其實很簡單，就是把 mx.managers.PopUpManager 打開讀完一遍懂了後就知道，讀完後就會知道其實 adobe 的工程師已經寫好許多方便的小程式等者被用，例如

1. DepthManager 裏面有 setDepthBelow(), createChildAtDepth()等程式可用
2. 這些 Manager都會隨者 Window 元件一起以 mixins 的方式加MovieClip身上。

如果你沒時間再走一遍整個流程，看看這個超短簡介也可以，基本上產生一個modal window的過程如下：

1、先產生一片超大的白色mc把整個畫面(Stage size)蓋住，然後在它身上吃掉所有的 mouse click event。

2、用 setDepthBelow() 將剛才產生的白底mc 移到自製mc 的下方，這支程式會很聰明的將自製mc 移到剛才白色mc的上一層。

----------------------------------------------------------------------

Actionscript:

/*
usage:
@parent: 以那個mc為基準建立 modal window
@mc: 要成為 modal window的視窗
@alpha: 背景的透明度，預設 50%
@color: 背景的顏色，預設白色
@released under creative commons 2.5, richtechmedia.com
*/
function createModal(parent:MovieClip, mc:MovieClip, alpha:Number, color:Number){
var modal:MovieClip = parent.createChildAtDepth("modal", DepthManager.kTopmost);
modal.setDepthBelow(mc);
mc.modal = modal;
//
modal.resize = function(){
modal._width = Stage.width;
modal._height = Stage.height;
}
//
modal._alpha = (alpha)?alpha:50;
modal.resize();
modal.onRelease = undefined;
modal.useHandCursor = false;
//變顏色
if(color){
co = new Color(modal);
co.setRGB(color);
}
}

----------------------------------------------------------------------

至於關掉也很簡單

----------------------------------------------------------------------

Actionscript:

function closeModal(o:MovieClip, _modal) {
//trace("closeModal mc > " + o + " modal : " + _modal);
_modal.swapDepths(findNextAvailableDepth(0,_root,"up"));
_modal.removeMovieClip();
//
o.swapDepths(findNextAvailableDepth(0,_root,"up"));
o.removeMovieClip();
}

----------------------------------------------------------------------

=============================================================================

【d.CAT- the RIA blog】-- flash 8 自製 modal window

即使親眼所見，也不一定是真的!

Mon, 13 Feb 2006 03:11:01 GMT

今天起了個大早，因為今天已不是新年啦!!

所以從今起要振奮努力不賴床!!!(小布的新年願望^^#)

索性今天棄機車不用，悠閒騎著大哥給我的摺疊車來上班後(不過我太胖了..騎著屁股痛痛!!!@@)，
終於吃到很久沒機會吃的ikari D號早餐-我的最愛【蛋堡】!!建議大家也去試試!!挺讚的!

後來收信收到一封很有趣的mail，有關色彩的瞭解，相信很多人也收過這封信，小布特此在原文附上:

==========================================================

我們看見醫院裡的開刀房醫生、護士總喜歡寄上綠色的衣服這是為什麼?

原來是因為大腦對紅綠顏色辨識出了問題的關係。很有意思！

如果你的眼睛順著粉紅色的點移動，你只能看到一種顏色：粉紅。
如果你盯著中間的黑色的“+”，運動的點將會變成綠色。
如果繼續盯住黑色的“+”過一會兒，所有的粉紅色慢慢全部消失，你將只會看到一個綠色的點在運動。

這就是你大腦工作的方式，其實圖中根本就不存在綠色的點，粉紅色的點根本沒有消失。大家應該知道了吧？即使親眼所見，也不一定是真的！

==========================================================

因此，這對於我們做設計有什麼影響呢?

小布認為：那就是你不能只以為你常用的色彩就是最好的武器，然後就用在每一次的專案中或者作品裡，如此非但不能創造出另一種色彩的可能，也很難滿足所有客戶的胃口，如此當你黔驢技窮時，是不是得考慮換行，不要在設計這行繼續模糊下去了!

當你若能妥善運用每一種色彩，即使是你最討厭的顏色，也面對它去運用出你的風格，也許一開始不成功，可以不斷地參考別人優秀的作品，從中汲取專業的技巧，使自己茁壯，如此，能用很多色彩的你就會發現很多種可能，世界也變的寬闊起來!

更重要的是，當你去提案時，你所使用的色彩組合，反而就是讓客戶即使親眼所見，也不一定是真的!!

哈哈，這就是設計的一種魔力，我喜歡享受這種快感!你呢?^_*

華山論劍室: 設計五四三

想不通時，拿出紙筆畫一畫

Web Designing

【好文欣賞】比較Adobe和M$的RIA解決方案

論設計的難題【客戶型因素】

網頁設計關鍵 IDEA

2006.12.20 光沅創意誕生

IE7.0的使用心得

手機下載影片平台【Flash RIA新作品】

設計完稿修改要收費嗎?

逛網站 要的是「一見鍾情」

史上最無聊無聊網站100選

Flash專案人員角色的新思維

Flash8 視窗前後切換設計元件【modal window】

即使親眼所見，也不一定是真的!

逛網站要的是「一見鍾情」