壞掉的印表機 - 設計、生活、態度

[網站]看看目前的手勢控制總共有多少種

2011-12-12T03:39:00.001+08:00

Gesturecons 網站蒐集了目前所有電腦系統及行動裝置的操控手勢，算是目前看過收集最完整的囉，有興趣的朋友可以上去看看自己知道多少種喔^^

[影片] 利用桌面小玩具結合Google地圖拍攝的動畫

2011-11-23T16:06:00.001+08:00

利用桌面小玩具結合Google地圖拍攝的動畫～真是超有趣的～
而且在環境光的處理上面～有講究到喔～非常用心的一部影片～
這樣就算你沒有經費出國～也能「跨國」拍片了～～哈

Address Is Approximate from The Theory on Vimeo.

[電子書] 火花網-免費下載電子書

2011-11-22T16:46:00.001+08:00

按分享之後～不用刻意去註冊就能回到原畫面下載檔案了～

http://www.hoohua.com/

不過好的書還是要買來珍藏比較值得阿～

所以記得支持一下實體書籍喔～

[勘誤] ACA 國際認證教戰手冊：Dreamweaver CS5 完全攻略

2011-11-10T14:58:00.001+08:00

因為有讀者反應上奇網站找不到勘誤資料
所以我從這邊公布喔～
也請各未讀者有問題可以直接反映給我
謝謝各位讀者的支持
也請多多指教
若是對於題目跟答案有疑問的～
也歡迎討論喔～

範例光碟檔案下載位置(上奇官網勘誤頁面)

勘誤資料

1-13 第4題，正確應選二個，解答中只有一個答案題目更正為一個答案

3-33頁 3.7.2 小標題應該是"有"序清單.3-55頁第3題 "B" 也是對的答案答案應為三個ABD.

3-55 第5題，題目顯示要選三個答案，解答只有二個更正答案應為三個

4-8頁第2題答案應為ACEF,不是ACDF.

7-16 第1題，題目要求選二個答案，題目更正為一個答案

A-11 第41題，題目要求選二個答案，題目更正要求一個

書籍介紹看這裡喔...

[網站]有趣的質感文字產生器

2011-11-05T11:11:00.000+08:00

於網站下方輸入你的英文名字後按下送出就會自動產生囉，去試試看吧～
http://ourvice.com/#/tweetTYPE/teews_yb

[書籍]新書上架啦！ACA 國際認證教戰手冊：Dreamweaver CS5 完全攻略

2011-08-25T23:53:00.001+08:00

歷經多時，壞掉的印表機與Dfuns站長合著的書籍----

ACA 國際認證教戰手冊：Dreamweaver CS5 完全攻略

終於問世啦～（放鞭炮～灑花～）
壞掉的印表機將這本「ACA 國際認證交戰手冊：Dreamweaver CS5完全攻略」定位於基礎到進階的一本書，從網站開發的基本觀念以及完整流程，到軟體的基本操作與應用，除此之外，也詳盡的介紹了一般Dreamweaver 書籍中較少介紹到的各項設定細節，除此之外，也為各位讀者準備了最實際的模擬考題，完全重點式命題，讓你能夠順利攻下 ACA Dreamweaver CS5 國際認證，若是有興趣考取ACA Dreamweaver CS5的朋友們，千萬要把握機會喔～

「ACA 國際認證交戰手冊：Dreamweaver CS5完全攻略」這本書不僅可以學到網站製作的技術外，還可以了解到一個網站開發該有的正確觀念及完整流程，對於剛接觸網頁設計的人來說，本書不僅可以幫助您順利考取證照外，還可以學習到軟體的正確操作方式及觀念，可謂一舉兩得啦~希望大家可以多多支持喔~

在這邊也要感謝引薦人--ai大神黃龍文老師、以及翊利得資訊給予的機會，更要感謝我的合作夥伴，CSS大師洪銘徽老師的全力協助，當然～最感謝的還是購買這本書的讀者您啦～第一次撰寫書籍，若有疏失或遺漏，還請大家不令指教喔～^^

國內哪裡買？
博客來、PCHOME 24hr購物、金石堂網路書店、誠品網路書店、Go Happy快樂購物網、益大電腦圖書專賣店

國外哪裡買？
yesAsia

勘誤資料請點這邊看喔...

更多相關資訊請點這裡喔^^

[動畫] 超棒的東京娃娃flash動畫網站

2011-08-24T01:20:00.001+08:00

多年前就看過了，最近剛好上課又再想起，就做個筆記先囉～
此網站是利用3D軟體作的～
但是音樂跟動畫整體配合卻超棒
每次看都覺得超經典啊～
話不多說～
先來看看囉
http://www.tokyoplastic.com/menu.html

[CSS]超便利的線上css3原始碼產生器

2011-06-10T02:57:00.001+08:00

網址：http://css3please.com/

該頁面中直接將所有瀏覽器的css設定都寫出來了，只需要修改其中的參數直即可完成，接著將整段原始碼複製到網頁中即可囉～
該頁面中是利用個瀏覽器獨特的css寫法以區隔個瀏覽器中對css3的支援度不同的問題，相對的在W3C的css驗證中時不會通過的喔，若是會在意驗證的朋友們，可能就要注意這個問題囉～

[CSS]利用css解決Chrome中最小字級12px的問題

2011-06-03T00:41:00.005+08:00

設計網頁時，以中文網頁來說，其實往往會混雜著英文在內，有時候若是不將文字轉成圖片，又採用低於12px的字級，這種大小的字級在Chrome中都會強制變成12px，這是因為Chrome為了避免字體太小看不清楚，所以便在軟體中設定凡是低於12px的文字，就強制設定為12px，以便瀏覽者能清楚的看到內容，這本是一種貼心的設計，但是對設計者來說，反倒會成為一種困擾阿～
上述的問題，壞掉的印表機曾經嘗試在css中設定該字級為font-size:10px;或是用font-size:10px!important來設定，都是無法改變Chrome軟體中字級的強制性，這問題實在讓人頭大。
後來，壞掉的印表機為了解決這個問題，發現只要利用webkit（Chrome的核心），的私有css屬性來解決，我們只要加上下面第一行css碼後設定字級大小，就能解決這個問題了～

-webkit-text-size-adjust:none;

font-size:9px;

或許你也跟壞掉的印表機一樣遇到過這個問題，現在就快去設定看看吧～

[CSS]粗體設定對中文的支援度不佳

2011-05-08T21:04:00.000+08:00

最近在壞掉的印表機在撰寫CSS的時候，想到將font-weight:bold;的設定改成使用font-weight:900;來節省字元並達到粗體字的目的，但是結果卻不是如此，一般來說，CSS對字體的粗細從100~900，共區分成9級，按照邏輯，900是最粗的，但是這些設定在英文字體上面，是有效的~對中文字竟然無效...殘念阿~~~(這篇只是筆記)

[CSS Hack] Google chrome CSS hack 快速修正所有瀏覽器技巧

2010-11-13T03:13:00.003+08:00

從上一次壞掉的印表機用一個class的css hack搞定所有瀏覽器之後，這次問題又來了，這次遇到了Googl chrome瀏覽器跟其他瀏覽器的畫面有所差異，懶得改架構，那就再來用css hack解決吧，查遍網路上面的文章都沒有用一個class搞定的，這可真是棘手，早期壞掉的印表機用兩個class來設定的作法，不管是在檔案大小上面，或者是css的維護上面都非常的不方便，再怎麼樣都盡量用一個class的css hack技巧來修正，我想這會是比較好又快速的作法，現在就來看看怎麼設定吧～
.className {

font-size:12px; \*這一行所有瀏覽器都看得懂，所以是給Firefox套用的*\
font-size:14px\9; \*這一行則是所有的ie都看得懂*\
[;font-size:16px;] \*這一行專門給Chrome跟Safari用，不過IE6跟7也看得懂喔*\
＊font-size:18px; \*這一行給ie7*\
_font-size:20px; \*這一行給ie6*\
}
上面的設定中，壞掉的印表機提醒各位要注意到順序的問題，給Google Chrome跟Apple Safari使用的css hack一定要寫在ie8的設定後面，若是沒有依照此種順序，將會造成後續ie6與ie7的css hack設定無效，切記切記阿～此文章由壞掉的印表機-設計、生活、態度發表
此外～倘若許多的css設定中，只有ie8需要修正的話，也可以利用ie8才看的懂的css hack來解決，這樣可以省下至少兩行的css設定。以下設定是只有ie8會看的懂，其他版本的ie或其他家的瀏覽器都看不懂
font-size:14px\0; \*這一行只有ie8看得懂*\
雖然有許多人對於 css hack 是厭惡到了極點，但是就實務上面來說，壞掉的印表機認為，畢竟瀏覽器的缺點不是我們能控制的，標準的制定也是看各家瀏覽器要不要遵守，如果估計沒有錯的話，所有的瀏覽器勢必演化到最後，必然是都會盡量符合網頁標準的，所以在一個專案的經費與時間都有壓力的情況下，快速的利用css hack來解決個瀏覽器之間的問題，我想是符合經濟效益的，此外，以正規的作法與觀念來說，盡量少用css hack是正確的，但是倘若為了少用css hack而增加div的層次或多餘的原始碼的話，我想這樣的網頁設計不見得會比較好阿～
祝各位使用愉快啦～此文章由壞掉的印表機-設計、生活、態度發表

[技巧]微軟正黑體的BUG

2010-11-13T02:22:00.000+08:00

今天非常不小心的發現到，微軟正黑體的某些字體只要設定為粗體字，不管是採用CSS設定粗體或是用HTML的STRONG標籤設定為粗體，就會出現下面這種狀況

就是這麼奇怪，碧字的右邊竟然多出了一個字寬!!且這種狀況只會出現在字體設定為粗體情況下

於是思考最簡單的解決之道就是不要將字體設定使用"微軟正黑體"，或者是不要使用粗體設定，可是假如我想要網頁採用的是像微軟正黑體這樣的黑體字並加粗的話該怎麼辦? 按照理論來看，我們可以將字體設定成sans-serif這種無襯線字體，讓系統自動去抓取預設的無襯線字體才對，但是設定後，沒想到系統卻是抓新細明體來用，變成下面這樣

這是甚麼狀況阿!?!?!?! 微軟竟然連自家的無襯線的中文字都不會抓?! 會不會太遜了阿!!! 於是再改成使用Arial字體看看，結果依舊沒有改善，最後面只好以殘念收場，放棄使用粗體或放棄使用微軟正黑體，等到有新的解決方案再來使用吧~

就目前利用假文產生器所產生的假文來測試，只發現碧這個字有出現這種情況，其他文字還尚未發現到，恩~這種情況大概就只能說是我太帶賽了~偏偏遇上了~哈，下次如果還有這樣不小心的狀況，就能知道問題點了

[影片]專業的定義

2010-09-13T12:58:00.001+08:00

甚麼叫做專業!? 這問題很簡單~也很單純，請各位澳洲客戶們~仔細瞧瞧~甚麼叫做專業~好嗎? 不要再講一些有的沒的啦~

[技巧]利用清單製作成表格外觀的CSS

2010-08-05T00:49:00.000+08:00

多年前，幫國貿局全球資訊網撰寫網頁的CSS時，因為原本的網站導覽頁面內容是用表格排版，但是我們通常都是使用清單來呈現網站導覽的結構，不過其實清單的巢狀結構也頗符合表格的的架構，所以嘗試用清單來寫成表格的外觀，當時為了思考這個CSS的寫法~還想到晚上睡不著，用了兩天才寫出來~雖然累~卻也非常的開心阿~哈哈，有興趣的人可以去看看這個頁面的HTML結構跟CSS喔^^，

國貿局網站導覽頁面網址 http://cweb.trade.gov.tw/sitemap.asp?mp=1

畫面呈現如下，看起來是表格，但原始碼卻是清單喔^^

[網站]Flash網站親和性

2010-07-04T03:35:00.000+08:00

網站親和性(web accessibility)其實是很重要的一件事，只是有許多網頁設計嫌麻煩而不去理會他，而Flash從早期的網站親和性特差到現在~已經有了許多的改進，若是有興趣了解FLASH如何在製作中改善網站親和性，勢必不能不去看看這個網站囉。

Adobe Flash Professional accessibility

[影片]2010世足主題曲(超爆笑山寨版)

2010-06-26T14:36:00.000+08:00

2010南非世足熱騰騰展開~主題曲超好聽~讓我們一起看看熱情的網友高超的剪輯技巧吧~XDDD

[網站]色彩理論網站

2010-06-15T03:59:00.001+08:00

對於學設計的朋友來說

這網站有講到一點色彩心理學

在設計上面可以說是不錯的參考喔~

http://www.situatedresearch.com/blog/2010/02/color-theory-for-web-design-the-meaning-of-color/

要看中文翻譯點這裡

[資源] 六款網站草圖設計工具

2010-05-31T22:20:00.001+08:00

上次介紹了10款網站草圖設計工具，可是還是不過癮，又不小心挖了6款不同的網站草圖設計工具出來，有興趣研究的人，可以去玩玩看喔~有幾款的介面，個人還頗喜歡的呢^^

WireframeSketcher

justinmind

pidoco

pidoco 是一個線上付費的網站原型製作程式，筆者頗喜歡這款的介面。

ForeUI

FlairBuilder

Gliffy

[影片]Say Love

2010-05-27T16:09:00.001+08:00

這部動動的歌曲剛好是裕隆Tube的主題曲，相同的歌曲，相同的動畫風格~非常值額一看喔~(不過我還是比較喜歡郭采潔的娃娃音跟漫畫造型~超Q^^)

裕隆Tube 郭采潔一刀未剪版本

好可愛阿~(羞)

[轉貼] 設計師這位朋友

2010-05-26T01:51:00.001+08:00

朋友開飯店，你吃飯他收錢，大家覺得理所當然。
朋友開文具店，買文具他收錢，大家覺得理所當然。
朋友開服裝店，買衣服他收錢，大家覺得理所當然。
朋友做設計，收錢，大家會覺得“這個朋友怎麼那麼吝嗇”
飯店打折，大家說：“這個朋友真好”
文具打折，大家說：“這個朋友真大方”
服裝打折，大家說：“這個是真夠朋友”
設計打折，大家會覺得“這個朋友有點小氣”
飯店說： “以後來我這吃飯，全免費！”大家說：“不行！你是做生意的”
文具說：“以後來我這買文具，隨便拿！”大家說：“不行！不合情理的”
服裝說：“以後來我服裝店，全部任穿！”大家說：“不行！哪好意思啊”
設計師：“以後有什麼設計就找我幫手！”大家說：“好的，謝謝啦！”
大家看到物質，看到飯菜，看到文具，看到服裝，認為這些都是要錢購買的。
但有一種行業，大家都看不到它的物質與勞動，就是設計。
當大家看到一張紙，印著一個LOGO時，便認為這只是一張有圖案的紙。
其實，設計師的那張紙，就是飯菜，就是文具，就是服裝，就是生存的手段。
飯店靠飯菜為生。
文具店靠文具為生。
服裝店靠服裝為生。
同樣，設計師就是靠設計為生。
當大家吃了飯，買的東西，穿了衣服時，便大大方方的付款。
當大家讓朋友做設計的時候，卻只是說“很簡單的，隨便弄一下就行了，很快的”
我不想告訴你們，設計師們已經聽了上萬個朋友說同樣的這句話。
現實上，設計師的這“隨便弄一下”，卻是更比那碟飯菜，那支筆，那件衣服，
來的更苦更累。出賣的不是那幾元的成本，而是是精力，是健康，是體力，
是腦力，是消耗生命。只是設計師都躲在深夜的房間裡付出，大家都看不到，
到大家看到的時候，就成了大家認為的幾個色塊而已。
設計師很善良，不敢跟大家說“不”，因為說了“不”，就成了吝嗇的人。
設計師很善良，幾秒鐘的“沒問題”，換來識幾個晝夜的通宵生命消耗。
設計師很善良，什麼都答應大家，因為你們是我們的好朋友。
所以，希望你們也要尊重我們的勞動成果。

以上內容轉貼自Chen Ying Wang

[網站] 查詢你網站中哪幾個關鍵字排在前100名

2010-05-12T03:11:00.000+08:00

KeyRow是一個關鍵字查詢網站，您只要輸入網址就可以查詢道你網站中有哪幾個關鍵字會在搜尋引擎中排在前100名內，此外，還有前10名及第1名等排名。

像是壞掉的印表機的部落格，就有六組關鍵字排在前30名內(真是太弱了~哀)

有興趣的人可以到此 http://www.keyrow.com/ 網址試試看

[網站] 查詢關鍵字與您網站的排名

2010-05-10T17:22:00.000+08:00

其實設計網站不外乎就是希望能增加自己的曝光度，另外跟曝光有關的當然就是網站排名了，這個網站可以查詢某一個關鍵字與您網站用此關鍵字查詢後的排名狀況。

例如我今天想找找看 "壞掉的印表機" 這個關鍵字在Y搜尋及G大神中，我網站的排名狀況，就給他輸入我的網址，以及我想查詢的關鍵字，就可以在右邊看到我網站的PR質以及兩搜尋引擎中的排名狀況了，建議大家可以多多用不同的關鍵字來試試看，也可以當作是針對SEO改進方式的一種資訊參考喔。

想玩的人就到這裡來吧 http://dir.twseo.org/keywordrank.php

備註：此網站搜尋出來的結果，只是您網站在繁體中文中的排名結果喔，倘若排名超出一百名以外，他的數值就會直接呈現0，這一點請各位注意囉。

[測試]Photoshop CS5 3D 地平面陰影捕捉功能

2010-05-04T03:06:00.000+08:00

Photoshop cs5版本對於3D真是增加了許多便利的功能項目，其中一項就是"地平面陰影捕捉"，這功能讓你可以"非常輕鬆"的在影像中做到擬真的陰影，上圖就是利用此功能建立的，不過會使用3D軟體的人可能會笑笑的說：『這效果對3D軟體真是...簡單到爆，這樣也敢拿出來講!!』，是的! 對3D軟體來說，這效果或許簡單，但是當我們把它套用在實際影像當中的時候，就不簡單了，畢竟我不需要切換兩套軟體就能做到，此外，對於不會使用3D軟體的平面設計師來說，這更是一個福音(雖然頗耗效能的^^)，這次是用測試版本玩的，不知道正式版的時候軟體效能是否有提升，就拭目以待吧~^^

以下是軟體操作畫面

[資源]10套好用的網站草圖繪製軟體

2010-05-03T01:37:00.000+08:00

說到網站草圖，一般人不外乎就是用visio、powerpoint、word來製作，不過用那些難用的軟體來繪製網站草圖是正確的嗎? 我想應該是因為大家倍微軟荼毒太久了的結果吧，以下介紹10款收費與免費但又超好用的網站草圖繪製軟體，保證能讓您未來事半功倍喔!~

Axure

Axure使應用設計人員能夠創建線框，流程圖，網站原型和規格的應用程序和網站。它可以讓你使用現成的組件包括按鈕，表單，形狀和動態元素，你可以在熟悉的環境編輯。你也可以創建自己的組件庫(widget)，台灣目前有代理商以及教育訓練的公司悠識數位顧問公司，有興趣者可以到這裡看看介紹，授課講師是業界具多年專業實務經驗的資訊架構設計師，筆者本身上過該軟體課程，可謂受益匪淺阿!!

Pencil Project

Pencil 是一個免費的插件用於 Firefox 之中。一些關鍵的功能包括：內置的模型，多頁文件的支援，以及多種輸出選項，介面淺顯易懂，不過只有英文介面，筆者還蠻喜歡其中一些模型的圖像^^，功能嘛~因為是免費的，所以不用想太多，堪用就好，要是跟Axure比較的話~就相形見拙拙拙拙拙拙拙拙許多了。

MockFlow

MockFlow允許你設計和協作使用者界面的版面編排。它還配備了大量的內置組件和圖標，讓你在設計上面方便許多。

Balsamiq Mockups

Balsamiq Mockups可愛的手繪風格，讓你使用Balsamiq編排版面感覺就像你是畫圖一樣，你可以方便地調整和重新安排每個現成的組件，75個預置的控制選擇，讓你可以從一個超級簡單的對話框到一個複雜的應用，或者從一個簡單的網站到一個豐富的網站草圖設計應用。

HotGloo

HotGloo 是完全以網絡為基礎，具有大量的功能，讓你拖放和建置項目很容易。它還支援即時協作功能。

Mockingbird

Mockingbird 另一個 Web應用程序是一個側重於合作。它允許你連接多個版面編排在一起。

Cacoo

Cacoo是一個線上繪圖工具，允許你創建一個不同的圖表，如網站地圖，線框，UML和網絡圖表。

ProtoShare

ProtoShare 是一個易於使用，基於Web的原型工具，重點在合作。團隊成員可以檢討工作，並即時提供反饋，可點擊的意見和建議線框，或創造性的其它內容。

iPlotz

iPlotz允許您快速創建整體版面編排以及線框，作為網站原型製作或應用程式之規劃示意。

OmniGraffle

OmniGraffle是一個在Mac系統上的應用程式，為你提供了大量的工具，創造了驚人的線框，版面編排，但它也非常適合創建多種類型的圖表。

[站務]近期改版作業進行中

2010-04-28T18:04:00.000+08:00

為了提供給各位更便利舒適的閱讀畫面，部落格近期改版作業進行中，版面偶爾跑位尚請各位見諒。

[圖片]10 個漂亮的手繪網站原型圖

2010-04-28T15:50:00.000+08:00

網站原型其實經常在我筆記本出現，不過隨著越來越多網站原型的設計軟體出現，這些美麗的手繪網站原型可能就越來越看不到了，想當初在某資安公司上班時，還可以見到像是Visible Change History in Sketches這個圖片的作法，但是其他公司就看不到這種作法了，真可惜阿~不管如何，讓我們一起來欣賞這些漂亮的手繪網站原型吧~

Early Ember

圖片出處在這裡 by playingwithshapes

Vimeo Video Browser Module

圖片出處這裡 by Soxiam

Visible Change History in Sketches

原始文章這裡

Vimeo Conversations Page Ideas

圖片出處這裡 by Soxiam

Mega-Drop Down Explorations

圖片出處這裡 by jvbates

Visible Change History in Sketches

圖片來源在這裡 by ondrejvalka

Video Detail Page

圖片來源在這裡 by jvbates

Adaptive Path Sketch Example

圖片來源在這裡。文章來源在這裡

Person Page

圖片來源這裡 by Jason Robb

Things touch

圖片來源在這裡。文章來源在這裡

[技巧] 如何在網頁上新增一個"分享到Facebook"按鈕

2010-04-26T01:26:00.000+08:00

對於有網頁或是部落格的人來說，把網頁內容轉貼到Facebook是一個很便利的做法，且是推廣部落格很不錯的方式，但問題是如何在網頁上面新增一個轉貼的連結?

請到這裡去取得分享的程式碼，接著再把取得的程式碼貼到你的網頁或是部落格範本中，就搞定囉。

[網站]網頁設計時不可或缺的假文產生器

2010-04-26T01:01:00.000+08:00

假文產生器，顧名思義就是自動產生一篇不見得有意義的文章，好拿來暫用。

設計網站時，經常會需要先丟個幾段文字進去頁面中以測試實際出來的畫面感覺，以往不是去隨便抓抓個文章或者是新聞，要不就是隨便打幾個中文字再狂按複製貼上，有了假文產生器，你就不用那麼累了，不管你要幾個字都可以自己選擇外，產生的假文還包含正常文章的標點符號及常見段落字數，可說是方便至極阿。

以下精選兩個假文產生器的網站，好好利用吧^^

MORETEXT

這個網站可以直接動態插一段文字到你的內容區域去，待交給程式設計師時再刪掉就好。

亂數假文產生器 Chinese Lorem Ipsum

這網站可以設定你要的字數再產生假文，方便至極的啦^^

Lorem Ipsum 外文假文產生器

有了中文，當然不可或缺其他各國語言囉，尤其是多國語言版本的網站，要測試時去哪裡找這些語言阿?! 當然要靠假文產生器最快了~這個網站當你按上方的國旗之後就可以切換不同語言版本的假文，真是超便利的啦^^

[技巧]破解網頁禁止選取方式

2010-04-24T16:32:00.002+08:00

這又是一個不入流的網頁設計做法，既然敢丟到網路上還怕被人複製? 對於這種不入流的作法，不給他破解一下就太對不起自己了~老樣子，就請各位隨意把一個網頁加入我的最愛後，在該項目上面點選滑鼠右鍵/內容，接著把以下這一段連結貼到URL欄位中

javascript:(function()%20{%20function%20R(a){ona%20=%20"on"+a;%20if(window.addEventListener)%20window.addEventListener(a,%20function%20(e)%20{%20for(var%20n=e.originalTarget;%20n;%20n=n.parentNode)%20n[ona]=null;%20},%20true);%20window[ona]=null;%20document[ona]=null;%20if(document.body)%20document.body[ona]=null;%20}%20R("click");%20R("mousedown");%20R("mouseup");%20R("selectstart");%20})()

然後切換到"一般"頁籤，把捷徑的名字換掉即可，未來遇到不入流的部落格或是網站的時候，就請給他按下去，你會發現網站內容又可以選取了~呵呵

[軟體]Babylon 超好用免費版翻譯軟體

2010-04-23T14:58:00.000+08:00

從多年前用過Babylon之後就一直很喜歡這套軟體，占用資源少速度又快，且不會像眼睛先生一樣搞的畫面被占掉一大半，只是以往都要收錢，現在有免費版了~雖然某些專業的辭典還是要收錢，但目前這樣也夠應付平常使用需求了，有興趣使用的人可以到這裡來下載喔

[網站]幾個不錯的網頁圖樣網站

2010-04-20T01:47:00.001+08:00

做網頁不可沒有圖片，沒有圖片的網頁能看嗎?不管你是專業設計師還是一般使用者，網頁加上個背景圖片(樣)，絕對是個必要的工作，以下壞掉的印表機精選幾個不錯的網頁圖樣網站，想必一定能讓你找到滿意的圖樣的。

bgpatterns圖樣編輯器

這個網站可以讓你線上編輯圖樣後，直接套用在該網頁上面讓你看效果，最後在決定是否要下載來使用，且不只可以改圖樣，還能改背景材質、背景顏色、圖樣顏色、圖樣角度、圖樣透明度…等，方便的不得了阿~唯一的缺點是背景材質太少以及圖樣只能使用該網站既有的圖樣。

Stripemania圖樣編輯器

Stripemania是一個線上條紋圖樣編輯的網站，且該網站專門讓你編輯斜條紋的背景圖樣，簡單、易用、效果好~很推薦大家去使用看看喔~

Stripe Generator

Stripe Generator 也是一個線上斜條紋圖樣產生網站，而且比上面那個網站更厲害的是，該網站條紋的角度更多變化一點。

dinpattern

這個網站的圖樣頗適合拿來當作包裝紙的，花紋偏向複雜風格，很美喔~

Squidfingers

Squidfingers 網站目前有一百多個圖樣，有點偏向布紋，想必應該能找到適合你的網站的圖樣。

K10K

K10K這個網站風格頗可愛的，花紋是有點小複雜啦，要仔細找找，可以找到很漂亮的圖樣喔。

noqta

這裡的圖樣不多，不過還頗素雅的，變化不多，可參考看看。

www.tilemachine.com

這裡的風格頗電玩風的，採用16色的設計，有興趣看看的人可以去看看喔~

everydayicons

everydayicons 的圖樣真是超超超可愛的啦~日本風格的可愛圖樣，喜歡可愛圖樣的人不可錯過這個網站喔~

Pattern8

這裡圖樣不少變化，頗新奇的，參考看看喔。

ava7

這個網頁設計得很有趣，尤其是右邊的殺死蒼蠅(有含意的)，快去看看吧。

Pattern Cooler

這網頁厲害了，直接採用SVG來做線上繪圖，所以你可以線上更改圖樣的顏色等資訊，強的勒!! 不過前提是你的瀏覽器要支援SVG才行喔。

[工具] 網頁Xray !!! 小心你的眼睛!!!

2010-04-18T22:46:00.000+08:00

Xray 是一個網頁設計的小工具，放心~他不會傷了你的眼! 它可以讓你檢視網頁中每個元素的CSS設定，甚麼?! 你說像Firebug? 其實他沒有FireBug那麼樣的功能強大，但是就檢視層面來看，他卻比FireBug還要來的直覺，不多說，先來看看怎麼用比較重要。

首先請各位隨便把一個網加入我的最愛，然後到我的最愛中找到剛剛那個網站，並在該網站上面點選滑鼠右鍵，在快顯選單中選取[內容]，然後在跳出的視窗中把下面連結複製起來貼到該URL欄位中

javascript:function%20loadScript(scriptURL)%20{%20var%20scriptElem%20=%20document.createElement('SCRIPT');%20scriptElem.setAttribute('language',%20'JavaScript');%20scriptElem.setAttribute('src',%20scriptURL);%20document.body.appendChild(scriptElem);}loadScript('http://westciv.com/xray/thexray.js');

接著，請切換到[一般]標籤頁，再把你的標題換成[Xray]就完成啦。

以後要使用的時候，先在你想檢視的網頁中，點及這個[Xray]捷徑，畫面會出現一塊半透明黑色的資訊區塊，你可以隨意的拖動他(這不是重點)

接著用滑鼠點到你想看的網頁區域，這範例我是點到那個小人頭(紅箭頭處)

然後畫面就可以看到有他這個區塊的周圍資訊(距離)

接著我們再看左手邊這個一開始就出現的半透明黑色區塊，他分為三列，第一列是你點選區塊的ID名稱及類別名稱，第二列是HTML的層次，第三列則是所有CSS的設定資訊。

講完了~就那麼簡單~還不快去用!!

[影片]Adobe CS5 Launch

2010-04-13T12:53:00.001+08:00

簡單介紹CS5的各項新功能 http://cs5launch.adobe.com/ap/

這裡有更多Adobe CS5新功能的介紹，簡直是迷人到不行阿~注意! 右邊有影片選單可以切換喔，時間頗長的~各位慢慢看吧~^^

[網站] aNobii免費線上書櫃服務

2010-04-13T01:11:00.000+08:00

aNobii是一個免費的線上個人書櫃服務，或稱為書架也可，你可以利用每一本書上面的ISBN碼把你擁有的書加入你的線上書櫃，如果你有想要買的書，但是不知道是否值得購買，你也可以利用ISBN書碼來尋找你想買的書的評論，除此之外，你還能夠在線上販售自己的舊書，或購買別人的舊書，當然~不想買也可用交換閱讀的方式來省錢(前提是別人願意跟你交換閱讀)，在你加入一本書籍時，你也可以看到有多少人跟你一樣擁有這本書，了解這本書搶手的程度外，有些線上書店已經絕版沒有販售的書籍，有時候你也可以透過這管道來買到一本絕版書喔~

如果這樣你還是覺得不滿意~想說要查一本書還要帶電腦到書店才能查的話，這樣不是很不方便嗎? 沒關係~只要你有一隻iPhone，aNobii也有免費的iPhone App可供下載，你只要用iPhone就可以上網查到這本書的資料囉~(恩~又是要花錢就對了啦 ="= |||)

如果書櫃只有自己用的話，其實有點沒有意義，aNobii也可以讓你去查看別人的書櫃，或是好友的書櫃，這樣應該就夠方便了吧~剩下還有些啥功能就等各位自己去玩看看吧~如果想看看壞掉的印表機的書櫃就點這裡吧

[網站] ACCUJAZZ 免費線上爵士電台

2010-04-13T01:09:00.000+08:00

隨著年紀慢慢增長~從之前聆聽搖滾樂到後來聆聽爵士樂來放鬆心情設計稿件已有一段時間，每次要抓音樂實在太累，~~且不尊重著作權人，~~如果你也跟我一樣喜歡聽爵士樂的話，不仿到ACCUJAZZ來看看，這裡有多種類型的爵士樂，應該可以滿足你對音樂的挑剔喔。

[技巧]直接用photoshop設計ico圖示檔

2009-12-25T02:40:00.001+08:00

基本上要讓photoshop支援ico檔案格式，只要裝個外掛就好，以往我都是使用Axialis IconWorkshop這套軟體，他可以直接裝外掛到photoshop之中，然後由photoshop中直接轉圖案到IconWorkshop裡面存成ico檔，不過IconWorkshop這套軟體要錢，且我只用他來找ico以及擷取ico圖示轉成圖片來使用，這樣有點大才小用，所以就換成另外一種方式。

在xp及以上的作業系統下，我們直接在photoshop中把圖片存成png檔後，接著把副檔名改成ico，你會巧妙的發現，怎麼這樣也能變ico檔?!!太神奇了，恩～這樣神奇的事情就此打住吧，先不管上面的做法，我們還有第三種做法是可以讓photoshop直接把圖案存成ico檔，這樣不是更方便嗎?

首先請各位到這個網址http://www.telegraphics.com.au/sw/去選擇下載適合你系統的增效模組檔案

然後把下載下來的壓縮檔中的ICOFormat.8bi檔案解壓縮到photoshop安裝資料夾中的"增效模組"資料夾中(英文為Plug-ins\File Formats資料夾)

接著打開photoshop試著畫一個美美的圖案看看，畫完之後存檔，選擇檔案格式…挖!!!真的有ico檔案格式啦~~

存成ico檔案時會有一個對話窗問你，要存成ico還是vista下的png檔? 當然不要懷疑，就選擇ico吧~瞧瞧這張圖，透明的質感連背景都可以瞧見，多麼正點阿~~XD(這圖片是之前印表機用illustrator繪製給客戶的省電燈泡，不是照片喔~)

就這麼簡單~快去下載來玩玩看吧~

[軟體] 多版本IE測試解決方案：ieTester、Internet Explorer Collection、Multiple IE

2009-12-24T01:44:00.003+08:00

在網頁設計這一塊領域，對於越來越多人學習的CSS來說，不同瀏覽器對CSS解讀與支援程度上面的差異，一直是網頁設計師致力於解決的問題，而其中最糟糕的就是IE瀏覽器，因為版本不同就造成CSS解讀上面的有所差異，這樣子的作法讓許多設計師都很頭痛，在這邊提供幾個可同時測試多版本IE的方案給各位，目前所知大概有以下三個軟體可以做到同時在一台電腦，一個作業系統下安裝多個IE版本或是模擬多個IE版本的方式

ieTester

下載網址：http://www.my-debugbar.com/wiki/IETester/HomePage

這一套軟體可獨立在一個模擬的畫面中開啟模擬多個版本的IE畫面，就目前來說算是很方便的一套工具軟體，但因為是模擬的，所以原本安裝在IE中的外掛會是無效的狀態，而在Dreamweaver中也無法直接以ieTester用預覽的方式來檢視開啟的網頁檔案，必須要用拖拉的方式，把網頁檔案拖拉到ieTester的視窗中，或是把網址貼到 ieTester的網址列才能開啟該網頁檔案，算是唯一的缺點，但目前實際使用新的版本時，似乎有不穩定的情況。

Internet Explorer Collection

下載網址：http://finalbuilds.edskes.net/iecollection.htm

這一套可以安裝多個ie版本在電腦系統中，包含原本ie有安裝的外掛也都可以用，但是對於ie8似乎會有些問題，且安裝時最好是系統安裝最新版本ie，再使用這套軟體來安裝低階版本的ie，才是正確的使用方式。

Multiple IE

下載網址：http://tredosoft.com/Multiple_IE

這一套軟體目前好像沒看到有更新，可以安裝的IE版本有IE6及更早坂本，算是最早期我使用的一個做法，不過目前我都改採用ieTester來測試了。

免安裝獨立版本ie

這個可能需要去尋找一下，目前ie6、ie7、ie8都有找到可免安裝的綠色版ie，但大都不是很穩定，所以就看運氣啦^^~

[資源]Dreamweaver CS4 CSS編輯器英翻中更新版3.2

2009-09-16T02:33:00.001+08:00

經過一段時間的使用，發現一些翻譯上面及介面上面的錯誤，目前已修正，修正項目大致如下：

[背景] Background Position (Y)使用圖片及翻譯錯誤
[定位] Overflow翻譯錯誤
[方框] padding、Margin項目翻譯色彩不明顯，更改為紅色
其他小項目，因此版本跳兩級，所以之前一些小修正我已經忘記啦>"<(原諒我沒列出吧～)

下載更新版本請按這裏

[影片]常見的PowerPoint錯誤

2009-08-14T19:48:00.000+08:00

非常棒的一部影片，指出了許多人在設計一個簡報檔時所常犯的錯誤，像是之前我還在學校念書時，老師常常要我們用剪報來交作業，但是五網要報告的內容很多，而我們也沒有要上台報告，所以就貼了一堆文字上去，真是有夠無聊的作業跟做法啊 ~哈哈

常見的powerpoint錯誤

[資源]Dreamweaver CS4 CSS編輯器-英翻中

2009-07-16T22:58:00.000+08:00

最近因為上Dreamweaver CS4網頁課程，想到很多學生英文都跟我的程度有的比，所以就做了一個Dreamweaver CS4 CSS編輯器英翻中的介面給他們比對，一來方便我上課，二來方便他們學習，在這邊就分享給廣大網友們一起使用囉，另外因為時間不多，原想做的比較完善一點(可以有詳細使用說明)的，退而求其次先處理翻譯跟設定項目囉，請各位網友下載後若是有覺得不好用或是有問題的地方，到BLOG上面留言，這樣好方便我做修改囉。

使用方式的話，請把滑鼠移到該CSS項目上面就會出現中文了，這樣可以讓各位多少學一點英文，也順便可比對中文，另外如果覺得這樣不好用，那麼就請點選畫面左下角的"切換中文畫面"，這樣整個介面就變成中文囉。

廢話不多說，現在就下載Dreamweaver CS4 CSS編輯器英翻中吧!!

[影片]Mac vs Pc 南方公園版

2009-06-20T16:13:00.000+08:00

笑死我啦~哈哈哈，這真是太太太諷刺了，PC你要加油點阿~不過，MAC說實在的也沒那麼好吧~哈

[資源]ACA認證考題重點II Photoshop CS3考題重點(Adobe ACA認證)

2009-05-21T16:00:00.000+08:00

有鑑於各位的愛護，本類型文章始終獲得廣大考友的注意，在這邊壞掉的印表機熱情大放送，再次提供有心準備考試的考有們考題準備方向，也希望各位有利用到這些資訊而考到ACA證照的人可以抽個空上來簽到一下，讓這篇文章可以造福更多有心想考ACA證照的人，廢話不多說，馬上來看看考試準備重點：

考題重點

選取工具 & 選取功能表內項目
各種不同圖層的特性及操作
PHOTOSHOP的非破壞性編輯功能及工具有哪些，要熟悉其特性
檔案功能表中的"自動" & "指令碼" 裡面的功能最好都操作過，了解其功能跟特性
影像尺寸、版面尺寸、尺寸換算、尺寸更改等項目一定要熟悉
圖層選單的功能：新增填滿圖層、平面化圖層、新增調整圖層...等項目要會使用
GIF、PNG、JPG、TIFF、EPS、PSD...等檔案格式的特性
版權、著作權...等法律知識，須知道最基本的就可以了。

選取功能

魔術棒、快速選取、選取畫面工具、顏色範圍、修改、相近色

非破壞性功能

調整圖層、智慧型物件、遮色片、智慧型濾鏡、形狀圖層

影像換算

2英吋x5英吋，解析度300ppi的圖片，其像素尺寸為?
高度2000px，寬度5500px，解析度100ppi的影像，其文件尺寸為何?
如何放大一張圖片卻不影響其畫面清晰度?
如何縮小一張影像卻不變更其解析度?

圖片檔案格式特性一覽

檔案格式	最大色彩數	透明支援	適合用途
GIF	256色		web icon
PNG8	256色		web icon
PNG24	1600萬	漸進式	web icon
JPG	1600萬		web Photo
PSD	1600萬	漸進式	印刷、網頁設計階段
TIF	1600萬		印刷

版權、著作權

未經同意是否可使用他人的作品?
著作權必須申請後才具法律效力?
所有未經同意的作品都不可使用嗎?

以上是一些重點提示，讓大家有更明確的方向可以準備考試囉~加油! 祝各位也能順利征服ACA啦XD(有考到記得來簽到啦=^=)

[教學]超簡單 IE8 CSS hack + 所有瀏覽器一次解決

2009-05-20T02:34:00.002+08:00

最近IE推出了IE8之後，想必不少人為了畫面呈現的問題抓破腦袋，在這邊我提供一個簡單的範例給大家參考看看，一方面也是幫自己做個筆記囉。

一般來說，我較常用的CSS寫法通常是先寫大家都一樣的，之後再寫不同的去覆蓋掉前面的設定，舉個例子來看

現在有一段文字，我希望他能在不同瀏覽器呈現不同的色彩，那麼我會這樣寫

HTML內容如下

<p>這是一段文字<p>

CSS則是像下面這樣

p {
color:#F00; /*FF & 所有 IE*/
color:#FF0\9; /*所有 IE*/
*color:#0F0; /*IE7 IE6*/
_color:#00F; /*只有IE6*/
}

就像是上面所看到的，如果你是用是Firefox來看這個網頁，那網頁文字的顏色就會是紅色的，IE8則是黃色，IE7則會看到綠色的字，而IE6看到的卻會是藍色的字。

這裡所見到最特殊的大概就是IE8要用到\9的寫法了，這個寫法能讓所有的IE都讀得到，Firefox卻讀不到，這樣就能很簡單的區隔出IE與Firefox的差異，之後我們再使用每個不同IE版本中所支援的CSS差異來解決畫面上的差異即可囉。

在這邊使用的IE8是正式版本 (8.0.6001.18702版)，測試版本的CSS Hack 我就不寫了，測試版本沒啥意思~這裡使用到最簡單的做法就是直接在一個class中就寫完全部的差異了，這樣修正起來快多了，也可縮減CSS檔案的大小，唯獨就是無法通過W3C的檢驗，但是這一點我是不在意啦~畢竟沒多少人會去掛那個標章，而修正的順序記得要依照Firefox → IE8 → IE7 → IE6 的順序喔~

[站務]部落格增加評價按鈕

2009-05-08T10:56:00.000+08:00

最近有給他抽空邦部落格加了點東西，各位(有常來坐的)應該有發現畫面文章下面多了一個好文按鈕，如果各味覺得這篇文章不錯~就給他在按一下吧，讓別人也能知道這篇文章到底是否有用囉，感謝各位啦~

[影片]設計師的悲哀

2009-04-27T17:04:00.000+08:00

今天K傳來設計師的悲哀影片給我，看了真是超貼切的感受阿~我想每個作設計的都會遇到這種情況吧~而且旁邊那位每次甚麼都答應的人，簡直就是我們身邊常見的業務阿~一整個囧到不行~大家一起來感受一下吧~XD

[技巧]超快速! 利用調整圖層搞定彩色剪影人像

2009-04-26T02:10:00.000+08:00

說到Photoshop教學，老早就做過問卷調查了，只是一直苦無時間做教學，今天就先把案子放一邊，來玩玩簡單快速的剪影人像製作吧~

步驟一

首先需要人像照一枚

接著我們用Photoshop CS4打開後，在圖層下方有一個半黑半白的小圖示叫做[新增調整圖層]，請點選圖示之後選擇[臨界值](舊版可能翻譯為-高反差)，接著會出現一個設定視窗，CS3用戶可能看到的是一個完整的視窗畫面，但不影響調整的目的。

OK~請調整上圖紅圈處的滑桿到你認為最能表現剪影效果的位置，舉例來說，你不能整張臉都黑黑的吧~所以像印表機本身在調整時大都讓五官可以看的出來，臉也不會調的太黑的囉。

調整完大致長的像是下面這樣，整個效果端看個人感覺囉，這邊僅示範這功能的做法嚕~

步驟二

OK~第一步驟已做完，再來第二步驟請一樣點選圖層浮動面板下面的[調整圖層]圖示，然後請選擇[漸層對應]

接著又會出現一個調整漸層的視窗，你可以點選漸層右方的三角形去下拉挑選軟體預設的漸層色，又或者直接點選漸層色塊去設定一下你想要的漸層色彩，舉例來說，我希望目前黑色區域變成藍色的話，我就用滑鼠雙擊下方畫面中左方的紅圈處的小方塊，並改變色彩為藍色，相反的，我想改變的是亮部位置(白色區域)的話，就雙擊右方紅圈處的小方塊，並改變色彩。

完成

OK~調整完了，這樣會不會太簡單了點(~~我是這麼認為啦~~)，太簡單好像顯得這教學很沒有程度，不過~我們其實可以發現目前畫面其實沒有很好看，主要是因為原始圖片作了[臨界值]的時候出現了不規則的點狀邊緣，這一點其實要避免的話~是可以在處理[臨界值]之前先利用其他工具或者是[曲線]等功能先處理好再來[臨界值]一下。

那為何要使用[調整圖層]呢? 主要是因為[調整圖層]強大的非破壞性編輯特性，以及他隨時可以去修改剛剛所設定的數值的關係，那如果不用[調整圖層]，而是用選單中的[影像/調整 / 臨界值]可以嗎? 答案當然是可以! 只是這邊設定的話，突然反悔要改就得重新製作了，這是最不方便的地方囉。

原理

看完了做法，我們來看看這兩個功能的特性

臨界值

一個影像的階調總共是256階，而[臨界值]正如同其名稱一樣，直接切開他的階調，位於[臨界值]所設定的點右方的所有階調通通全部變白色，位於[臨界值]左方的點的階掉則通通變黑色，就是這樣的原理造成整張照片就變成了只有黑跟白兩色，也就有了剪影的效果。

漸層對應

[漸層對應]可好用了，這又要講到色階啦~~一張影像的階調由暗到亮，正如同一個漸層色一般，由一個深色到另外一個淺色，而[漸層對應]則是利用這樣的原理，將影像的階調，改成由一個漸層色彩去對應，舉例來說，就像是我用漸層色彩中A這個顏色去替代掉影像中的深色，用漸層色中的B色彩去替代掉影像中的淺色，而中間色調呢? 則是漸層色中間這整塊漸層去對應到影像的各個中間階調，這樣應該很清楚了吧^^

而這個例子中，因為我們先利用了[臨界值]來將影像變成只有兩個顏色(黑與白)，所以後面套用[漸層對應]時，漸層色中間的階調就看不到囉~這作法簡單又迅速，要改色也很快，所以是非常方便的一個小技巧囉~有興趣的人就快去試試看吧^^

[日記]父親的眼淚

2009-04-20T12:29:00.000+08:00

近日可謂是忙盲茫，一忙~工作上案子趕不完(有些是爛案子~利潤低~要求多~)，而父親大人身體狀況是日益低下，上週才從醫院出院，而身體上面的狀況還好處理，那看不見的問題就難了，這謂之盲~搞到後面都有些不知道該怎麼辦才能處理好這堆事情，這謂之"茫"~但總算到目前是有些頭緒了~也才有空來寫寫BLOG

父親的眼淚

昨天帶父親去佛堂，讓父親聽聽佛經，想說是否可讓他減輕一些身體上面的苦痛，誰知父親抬頭一見到上頭的佛像便開始情緒激動的開始落淚，這是我完全無法想像的狀況，打從娘胎出生到現在~我還第一次見到父親如此像個孩子般的落淚，就算是多年前在母親中風時，我也僅僅看過父親似乎在擦拭眼角，卻沒見過今日這樣的景況，可真是有點讓我驚訝，不知該對他說些甚麼。身旁的人開始詢問他怎麼了? 安慰踏要他放鬆，來佛堂應該要放鬆，放下一切，不要執著，放心的聽經，但父親的眼淚彷彿決堤一般控制不住的落下。

過了一下，身邊已擺滿了用過的"餛飩"，父親依舊一句話都不說，待講師說畢，我們要離去時，父親竟自動的走到佛像前跪下，開始對著前方的佛像磕頭，這動作讓我驚訝到一整個不行，因為父親是一位基督徒，從來不信佛，對於母親拿香拜拜總是嗤之以鼻，稱她太迷信，因為父親已年屆八十，家裡人都很擔心他會跌倒，所以外出都會顧著，以防他跌倒，平常很懶得動的他，這時卻每個動作都做得好好的，讓我有點不敢相信這景象是我眼睛出問題嗎?

擋不住的思念

離開了佛堂，回到家後，情緒慢慢平復的父親似乎又因想起剛剛的情景而開始落淚，一家人圍在他身邊問他怎麼了? 父親好不容易從他口中努力的說出三個字"老爺爺"，我才想說佛像也是長長的鬍鬚，是不是見到神明了? 後面詢問之下，原來是父親見到了他幾十年沒見的親人(不知是我的爺爺還是阿祖)，父親說他們都來看他了，父親沒再多說甚麼，也不願回應我們問的事情，只是似乎在想著他腦袋中的事情。我們也就不便多問些甚麼了。而父親究竟是因為見到親人因思念而落淚? 還是因為感覺自己的人生似乎已快走到一個段落而落淚? 這一點無法得知，只是一家人看著他如此像個孩子般的落淚，也跟著不忍而淚潸潸。

迷信?

近一個多月，父親的精神與眼神從完全失神到現在這樣的情形，讓我感覺有如洗三溫暖一般，我之前是一個很鐵齒的人，雖然會拿香去拜，但是卻不相信真有神，直到我自己遇到一些超神奇的情形(這些情形會在七月份應景的時候發表)，這次父親的情形，讓我更加驚訝，在醫院科學的檢驗之下，腦部有輕微出血而造成有些小中風的情形，而在宗教的檢驗下，我們的祖先來找我們，希望我們能夠祭拜他們(這也難怪啦~父親是隻身來台的外省人，大陸那邊是不拿香拜的)，因為沒有祭拜，所以父親的身體不好(這聽來是很玄啦，要講的話倒是會漏漏騰)，每次我帶去給"南斗星君"的處理，當天晚上父親精神狀況就完全恢復正常(比醫生開藥還要有效)，而帶去給"觀音菩薩"看過，也拿了"藥方"，當晚父親休息起來之後，竟跑來跟我們說菩薩對他說要他準備......等東西，對他身體會比較好，準備的東西不外乎中式的療法，食補與食療，這些項目我們知道是安全無虞的，所以也訝異怎麼不信佛的老爸，竟然會跟我們說菩薩告訴他(應是托夢)，要他吃些甚麼，真是又添了一樁我人生所見到的神奇事件。

是分享不是傳道

我是一個喜歡分享的人，所以有時候都會與朋友分享我所遇過的事情，但有些朋友有時會認為我是在傳道一樣，事實上，我相信像我一樣遇過這種事情的人不在少數，而沒有遇過的更是多到不行，其實，講真的不要遇到是幸福的，畢竟真的遇到了，而找不到解決的方式時，是很痛苦的，就像一道解不開的難題，想拋開卻無法拋開，不過說真格的，我這幾年遇到的怪事還真是不少，按照常見的說法，是我跟佛有緣(還是跟好兄弟有緣?)，而那些不會接觸到的人，我想是無緣吧，不過無緣也好，畢竟真的遇到後，你要不信還真是很難~哈

人生

每每回想到父親潸然落淚的那一幕，我總會眼眶一陣濕，父親隻身在台灣，離鄉背井的人生，他的孤單可見一班，而我總會在他無理時跟他頂嘴~(遺傳了他的個性與脾氣~哈)，想想他也真的很辛苦，然而人生短短數十載，看到昔日身體硬朗的一個人，也變得如此脆弱不堪，人怎能不好好的活? 好好的過? 怎能不好好珍惜這短短能與家人相處的時間? 如果看到這篇文章的您也有這樣硬脾氣的父親，在這邊也希望您可以多體諒您的父親，因為有天你也會變成與他一樣的角色與情形，讓我們一同為天下辛苦為家奮鬥的父親們說聲，爸~您辛苦了~好嗎?

[徵求]你覺得Photoshop TQC最難的是?

2009-02-23T04:08:00.001+08:00

正如同標題，你覺得photoshop TQC最難的題目是? 由於最近大家熱烈的希望可以繼續錄製TQC的解題教學，但是礙於我目前的時間有限，所以看是否可以挑重點來錄，目前希望得到大家的回應，看看大家覺得問題最多的題目是哪幾題? 最想知道解題的是哪幾題? 得到超過十個人的回應之後才會開始錄製，還請大家多多回應囉~^^

[彩蛋]Adobe CS4 全系列復活節彩蛋

2009-02-21T01:17:00.000+08:00

這幾天剛好跟學生講到很多軟體經常都會藏有復活節彩蛋，所以就索性試了一下Adobe CS4的復活節彩蛋，沒想到剛好給我試出來了~哈~有興趣的人也可以去試試喔~

Photoshop CS4 彩蛋

這個彩蛋應該大家都知道的--巨石陣~只要按住CTRL鍵，然後去開啟"說明 / 關於Photoshop"就好了，巨石陣式Photoshop團隊在Photoshop測試版時使用的啟動畫面~

Illustrator CS4彩蛋

按住Alt + Shift 再去點選選單中的 " 說明 / 關於 Illustrator "就可以看到啦~為了避免有人點不出來~所以貼一張打了馬賽克的圖給大家看

Flash CS4 彩蛋

直接打開"關於Flash CS4"的畫面之後，點選畫面中箭頭所指的位置就可以囉

不過Flash CS4可不只一個彩蛋，另外一個彩蛋請點選下列圖片中被方框框住的4，就會發現另外一個彩蛋囉^^

Dreamweaver CS4 彩蛋

先開啟一張網頁，然後直接插入一張圖片，路徑不用管沒關係，然後點選到圖片之後，在下方"屬性列"會有一張縮圖，接著按住Ctrl + 滑鼠去點選選那張縮圖，你就可以發現有怪怪的人出現了~~自己試試吧~哈

Fireworks CS4 彩蛋

先開啟"說明 / 關於 Fireworks"然後按住CTRL並用滑鼠去點選畫面中箭頭所指之處，挖勒~~見鬼了....

In Design CS4 彩蛋

ㄟ~不知道這算不算是彩蛋ㄟ，不過還是說一下好了，按住CTRL候用滑鼠去點選"說明 / 關於In Design"就會出現了....這是甚麼東西=_=||.....畫面太醜~恕不貼圖*_*

[日記]咖啡杯集疊疊樂

2009-02-08T17:24:00.000+08:00

歷經一段時間的趕稿，咖啡杯疊疊樂也告尾聲，如果你還沒看過第一篇請點這裡，扣除了沒有特別保留的杯子不算，剩下來的杯子最高疊到達四層，也由於已經到達四層了，所以只要到電腦桌前都要小心不要撞到桌子，不然就會看到杯子如同921的房子一般的搖晃，而為何沒有再往上疊呢? 也就是因為它"崩山"了，所以最後決定結束疊疊樂了~

結算咖啡杯啦~

結算時的杯子，總共是7(面)*4(深)*4(層)=112杯，喝過的咖啡牌子以7-11的City cafe數量最多，排名第一名，星巴克次之排名第二，之後是麥當勞的咖啡杯，再來則是85度c，最後一名是肯德基以及我家附近的雜牌咖啡杯-只有一杯。以上數量如果加上丟掉的杯子，基本上已破百杯啦XD

OK~想必大家都迫不及待的想看看這個成績了~(~~誰會迫不及待阿~~)，有圖有真相，請看下面實況圖

看得出來算一算真的花掉不少錢，所以最近為了小公主的奶粉錢~已經從良了，改喝自己沖泡式的，算一算價格，可以讓我多喝很多杯呢XD~~

景氣不好~勉勵大家還是多省點錢吧~~XD

[日記]金鐘影帝簽名入手

2009-02-03T01:26:00.000+08:00

恭喜春捲與文文獲得金鐘影帝---雷洪親筆簽名照一張，因為影帝最近拍片太忙，所以簽名照比較晚拿到，還請兩位多多見諒，簽名照將於近期郵寄至兩位給我的地址囉，請耐心等待吧~^^

[技巧]解決Adobe CS4 憑證已過期問題

2009-01-22T02:47:00.000+08:00

最近朋友再使用Adobe CS4遇到了一個問題，不管是使用Photoshop CS4 還是Dreamweaver CS4，只要一開啟軟體，就會出現"憑證已過期"這樣的畫面，接著軟體就不能用了~弄了好幾天沒辦法~於是跑來跟我求助，我馬上問了問G大神，總算看到一個似乎是能夠解決的方式，順便分享給大家這個"憑證已過期"的解決方式，如果你的電腦也出現了"憑證已過期"這樣的問題，請你按照下面的作法試試看，或許又能起死回生囉~

首先請將你的系統日期調整回尚未失效前的日期，可以是好幾個月以前啦~

接著開啟軟體，這時應該軟體都匯正常的被開啟，請點選軟體上方的"說明(H) / 取消啟用"

然後在跳出的視窗中記得勾選"清除這台電腦的序號記錄"後，按下確定。

於是取消完後你的電腦中已經沒有序號的記錄了，這時請關掉軟體後重新再給他一次新的序號(當然記得使用正版序號喔)

輸入完新序號之後，再把你系統的時間調回今天就好囉。

至於這個問題的原因是甚麼呢? 應該是某些人使用的序號機算出來的序號不夠好吧(所以會中"憑證已過期"這個獎)，所以換個序號給軟體就好囉~不過也請大家記得支持正版啦~像是某補習班就有報名上課就能以優惠價買正版軟體的方案，各位有興趣可以去看看喔~你們應該知道我講的是哪間吧~~哈

[日記]壞掉的印表機在Google搜尋結果前十名的熱門關鍵字

2009-01-19T01:56:00.001+08:00

今天看到了米奇的藏寶箱有篇熱門關鍵字的文章，索幸也來看看我的部落格的熱門關鍵字是啥，在這邊把分站跟本站的熱門關鍵字都列出來，沒啥意思，只是想作個紀錄啦~^^

印表機壞掉 (這個純粹是惡搞吧XD)
ACA解題 (G&Y第一)
ACA考題
ACA重點
熱情講師
photoshop解題(G&Y第一名)
CSS透明解決 ( G&Y第一名)
網頁不被暫存 (G&Y第一名)
CSS snippet
TQC photoshop(G第二、Y第三、四、五名)
混合模式 (Y第二名)
CSS透明(Y第二名)

經過以上的整理發現~果然還是免錢的教學比較受歡迎拉~而且大家對ACA好像非常有興趣呢~可是…怎麼我的說明會沒人捧場呢Orz~剛好也搜尋到有人對我的TQC教學也很有興趣呢~看我過年能不能多擠一點教學影片囉~~請大家耐心點等等吧~~XD(謎之音~那個第一項跟教學好像沒啥關連啊~)

2009/1/22 又補上一些後面發現的熱門關鍵字

[日記]有障礙的無障礙網站標章

2009-01-10T15:06:00.001+08:00

最近因為一個無障礙網站標章的案件，搞得我氣憤莫名阿(怎麼最近都是在氣阿?!)，起因是這樣來的，最近處理一個稿件是要申請無障礙網站空間2A標章的，在以往已經處理過不少的無障礙網站的案子了，雖不敢說是無障礙達人，但是卻也是個無障礙熟手了，所以這個案件一開始我就不把它放在眼裡，但從去年處理完申請標章後，開始一連串被退件的狀況發生，讓我真是傻眼到不行，先是表格少了標題列，這個就不能怪我了，我版型設計得好好的，但是配合的程式設計師因為沒有這方面的經驗，所以把原本的標題列(th)採用儲存格(td)的方式來作，所以造成被退件的情況，沒關係，這是小事，我跟程式設計師說明一下，請程式設計師改正一下就好。

圖片記得加上說明文字

再來就是圖片少了說明文字，這點也是小事，因為我的版型本來就有設定，也是程式設計不了解，所以沒加上這個，請他加上就好，問題依舊馬上解決。

popup menu

繼續就是主選單是所謂的popup menu，是由javascript所控制的，為了確保瀏覽器在不支援javascript的情況下也能正確看到被隱藏的內容，所以要加上一段noscript的內容。OK~這也簡單，馬上我就加了一段noscript的內容，直接把原來的選單內容加到noscript標籤中就好了，結果問題來了...

首先是我正常下的選單跟noscript標籤中的選單有著相同的一個快速鍵(Accesskey)，因為這樣會導致使用者不知道目前到底定位到哪個選單，所以要修改，這也是小事，我馬上給他改了一下，把兩個快速鍵改成不一樣的，並且在導覽說明中加上了"此快速鍵是使用於當瀏覽器不支援javascript時之替代性選單"，一送審，又退件...

替代性選單

這次退件的理由是"當javascript無作用時，畫面中出現了兩個選單，並且兩個選單的快速鍵不一樣，會讓使用者無法辨別哪個才是主選單，請改進"，挖哩~我都已經加註了如此明白的說明了，還會混淆? 而之前要我做的是"當javascript無作用時應提供一個替代性選單"，我提供了，卻跟我說這樣的替代性選單不行使用，這是啥道理? 查遍無障礙規範也沒這一條阿。於是撥電話去詢問"無障礙技術客服"，在此之前我也先去查了一下以往順利通過無障礙規費並標章的網站是否也有類似的選單讓我好參考的，結果發現令我訝異的狀況。

技術客服

打電話過去詢問了一下，詢問這次退件的理由是依據規範中哪一條退件的? 結果是沒有一個規範有寫不能這樣，但是一個令我傻眼的回覆是"規範不可能寫到很清楚"，"規範不可能寫到很清楚"這是啥回答? 難不成你們寫的不清楚的部分都要我們自己猜喔? 那先不管這，我想說問題要解決比較重要，技術上可以處理的，那都不是問題，所以既然是"技術客服"，那麼它應該見過很多的技術可以解決我目前的這個問題，所以詢問這位"技術客服"說他是否有我目前這狀況的解決方案? 結果他說沒有，但是可以參考某個網站的作法，並提供我網址，我說該網站與我的選單不大一樣，不適用相同的作法，而我與他表明說我有去找過目前已通過無障礙檢測的網站，看是否有類似的選單，可是怎麼看到一些在不到半個月內通過無障礙檢測的網站，竟然還有與我之前被退件相同的問題，這樣還能順利掛上去，真是令我傻眼阿~為何半個月內相同的問題，別人能掛標章，我們卻被退件? 對方回答說"不可能"，不可能都已經掛上去了，怎麼會不可能? 中間又是一堆無趣的對話~~恕略，不然真是打不完阿.......

規範的問題? 設計師的問題?

OK~討論了半天沒有甚麼建設性的對話之後，我就問了，"我依照規範去製作網站，那麼你們現在卻用一項規範內沒有的理由來退我的件，這樣不合理吧? 那你說規範不可能寫到很清楚，那寫的不清楚是你們的問題，為何卻變成是我們設計的問題? 應當是你們要去檢討你們做的不完善的地方，而不是用你們腦袋裡面的標準來退我們的件吧? 假設今天是我沒有依照規範製作，那是我的問題，我沒有資格拿到標章，但是我都依照你們的規範作了，你們也不給我拿標章，而別人有問題卻可以拿到，這樣是否有雙重標準? 那如果我今天因為你腦袋中的那把尺而拿不到標章，那這樣明列出來的規範的意義又在哪? 我們設計無障礙網站的依循又在哪?

我說不能掛標章，你就是不能掛!

我又問了~"今天是誰說不能掛標章的? 是檢測人員? 還是研考會?" 對方回覆是檢測人員，那我就建議了，"這樣的話，為何不能讓我先掛上標章，你們檢測人員再去跟研考會討論清楚我目前這種狀況(替代性選單與主選單一樣，但快速鍵不一樣，有提供說明文字的作法)是否要增列為不許可的新規範"，答案又是一個沒辦法，這作法就是不行，雖然規範中沒有明文說這樣不行，但是因為規範不可能寫得很清楚很仔細，所以就是不行。

嚴以律人，寬以待己~

好吧~跟他吵了兩天，一點建設性的作法都沒有，我自己再想想是否有其他解決方式，不過為何無障礙官方網站竟然身為一個官方單位，只掛個低階的A+等級標章? (中階是AA，俗稱2A等級，最高是AAA，俗稱3A) 對自己寬鬆，對別人嚴格? 這是啥道理? 除此之外，既然這麼愛推行無障礙標章，又為何官方網站只提供規範，卻要設計者自己想解決方案? 然後自己規範有問題就以一句規範不可能寫的很清楚來輕輕帶過! 這又是啥道理?

是推行還是嚇阻?

老實說，我不否認為這些弱勢族群營造良好的網路閱覽環境是很好的一件事，但"無障礙就是有障礙"這個說法卻在許多製作無障礙網頁的設計師以及客戶之間流傳著，我想，研考會這單位真是應該好好的自我反省一下才對，既然要推行這標章，就應該把該有的作為拿出來，而不是僅僅在那邊嚴格審核把關，讓別人不通過，這樣有啥推展? 不過只是在嚇阻別人不要那麼麻煩去搞個標章來滿足弱勢族群閱覽網頁罷了，一丁點所謂的"推展"都談不上，就我個人的經驗，也只有政府網站、學校單位會搞無障礙網站，民間網站根本沒人想做，這樣實在是失去了無障礙標章推行的意義。

檢測標準的公正性?

因為這次的問題，我看了"技術客服"小姐提供給我的範例網站，發現了一個問題，它採用了FLASH選單，因為FLASH選單不會過無障礙，所以在選單的左手邊又有一個連結是連到HTML選單的頁面(這就是替代方案了)，於是我點到HTML選單的頁面去看，竟然發現了在Firefox中無法以鍵盤開啟次選單的狀況，以我以往的經驗，無障礙要保證在大部份的瀏覽器中都能正常顯示，且不能只靠滑鼠操作，尤其是像主選單這麼重要的區塊，一定要保證用鍵盤也能正常操作，而目前全球瀏覽器使用量中，Firefox是繼IE之後排名全球第二多人使用的瀏覽器，身為一個檢測單位竟然連這一點都沒檢測到，真的是令人質疑該單位的能力跟腦袋，而他們所做的竟然只是IE通過就好，不過，這也只是我的電腦中發現這種情況，所以把該單位的網站連結提供給各位，如果各位去看的結果是跟我一樣的話，那無障礙檢測單位就真的確定有問題了。

有障礙網站標章

因為這樣的一次經驗，我想或許應該把無障礙的標章換個設計了，我想對於很多經歷過無障礙網站的網頁設計師或程式設計師來說，這應該很貼近大家的心聲，但是目前也沒有任何方式能對無障礙這個單位做任何的客訴或是讓他改進，所以我免費的幫他們設計這款新的無障礙4A標章，硬是比3A還要高一級，畢竟能讓這麼多設計師有相同心聲的單位也真是不容易，在此我深深的對他們一鞠躬，謝謝它們給我這個機會為他們設計新的標章。

新無障礙標章設計理念

無，嚴禁或沒有之意，障礙-就是有問題，倆倆搭配之意為"禁止沒有障礙"，白話一點~就是有一堆障礙啦! XD

右方的人腦，表達此作法有可能是由某些腦殘人士所構思出來，其目的應在於搞的網頁設計師與其一樣腦殘，這樣設計師就能深深體會弱勢團體的困擾，進而達到贊同無障礙標章單位的作法，並認真推行與實行。

而人頭面向"障礙"二字，表示千萬不要想輕易的搞定無障礙，因為越是想搞定，你就越接近腦殘的境界，這樣你也就越能體會有障礙的困擾，進而達到推行此標章的目的。

下方的4A-沿用廣告界中最棒的獎項4A，旨在表達無論如何就是要做出超高水準讓人腦殘的網站，如此就會世界大同了。

後記

這不是一篇口水文，而是表達眾多設計師的心聲，如果你也與我一樣遭受過如此莫名其妙的退件，歡迎你與我一同發聲，畢竟無障礙這單位真的不少障礙，我們也是幫他們找問題阿~~這不也是另一種幫他們達到推廣目的的方式嗎? 未來或許會針對無障礙網頁設計發一些文章吧~有興趣者可以多多留言啦~^^

2009/1/14補充

今天我同學跟我說，建議我把這個(上面那個)優良的標章，製作一個部落格版本，讓認同我的人可以串連，不知道大家意下如何? 有興趣的朋友留言一下吧^^

[日記]圖不要亂畫

2009-01-09T18:42:00.000+08:00

圖不要亂畫? 甚麼意思? 就很白話~畫圖不要亂畫，怎麼說哩~我們先來看看多年前我畫的一張圖↓↓↓

OK~你們都看到了，這是一張非常苦命的趕稿圖，也是我多年前的寫照，而今~還是我日前狀況的寫照，多年前我剛退伍的時候，跑去考專科，考上了之後，開始過沒有假日的生活，白天在中興百貨上班，晚上在電腦補習班教電腦，下課後趕私下接的稿件以及學校的作業，假日則去台中上課(假日班啦)~當時的生活至真是有夠給他"充實"的，一點假日都沒有，而這張圖片就是當時畫的啦~不過~回題來看~怎麼多年前畫的圖竟然跟現在一模一樣，最近趕稿趕到又瘦了一圈(就已經夠瘦的啦~>_<)，近視又加深了一點，睡眠也少了一點，真是像極了畫中的人物，所以圖真的不要亂畫，搞不好就是你自己未來的寫照，所以~以後還是要多畫畫陽光一點的圖片啦XD

[活動]ACA認證說明會

2008-12-23T18:21:00.010+08:00

這個月30號(二)在巨匠新竹認證中心有一場ACA認證說明會，有興趣的人可以去參加喔～本場ACA認證說明會是由壞掉的印表機主講的，免費入場，另有免費的.....白開水可以喝(~~謎：白開水也敢講~~)，時間是晚上七點到九點，請大家一起號召有興趣的大朋友、小朋友、大老婆、~~小老婆~~、鄰居、同學、同事、同志、同好一起來參加吧~XD

PS.若有人需用圖請告知並請註明出處，謝謝!

[討論]您最想從部落格得到的資訊

2008-12-15T14:00:00.000+08:00

想想也好久沒有更新部落格的文章了，除了忙還是忙(這是藉口吧~)，其實一直都在想，弄這個BLOG也一年多有了，從一開始想的雜七雜八的資訊，到日前作的TQC認證的解題影片，甚至到目前的ACA解題及考題重點，再外加上上課中會講到的CSS跟HTML的問題，現在想知道每個網友們來這裡最想得到的資訊是甚麼，只要印表機有時間，就會錄個教學或是發個教學文章來幫忙各位，當然，也要我時間上面許可啦~現在畫面右邊新增了一個投票，請大家一起共襄盛舉來投票，看你想了解些甚麼，只要我OK~就會在過年期間作教學給各位，大家踴躍投票吧~

投票時間到一月底，此篇文章在這段時間會長期置頂

[日記]感動...我拿到生平第一座金鐘獎了(T_T)

2008-12-01T02:05:00.001+08:00

是的，你們絕對沒有看錯~我拿到金鐘獎了~這是千真萬確的事，就在今天...準確的來說，應該是昨天，我拿到了我生平第一座金鐘獎(T_T)，不相信嗎? 有圖有真相(謎之音：ㄟ~你上課不都說有圖一樣沒真相嗎?)~請見

對的~你沒有看錯~那的的確確是貨真價實的金鐘獎，從來沒有想過自己會拿到金鐘獎，以往都只是坐著看別人拿的份而已，現在握在自己的手上，真是好感動阿~~而且我也沒有想過自己做設計，竟然還可以拿到金鐘獎，你說這夠不夠爽，作網頁設計還能拿到金鐘獎~這還真是特例，想看看~這金鐘獎辦了那麼多屆，有哪一屆是有個網頁設計的得獎名目的，沒有! 完全沒有，所以，不要懷疑，這金鐘獎真的還不是給網頁設計，上頭的得獎名稱是寫著最佳男主角，況且還是由今年剛出爐的金鐘獎影帝-雷洪先生，親手把它交到我手上的，真是一整個Hight到不行啊啊啊啊啊啊~~(謎之音:吼~原來是借來拿爽的...)想當年，影帝還沒變影帝的時候(這句好繞舌=_=)，印表機跟vivian的訂婚酒宴上，就是雷洪先生上台致祝賀詞給我倆的，沒想到現在雷洪先生變成了金鐘獎影帝，真是讓我同樣替他感到好高興(||=_=你是高興自己"拿到"金鐘獎吧...)，而且~今天還不只是我一個人"拿到"金鐘獎，連vivian跟小寧都"拿到"了，真是普天同慶阿~

金鐘獎親手拿在手上就是有種不一樣的感覺，重量感十足，整個獎盃也閃耀的閃亮亮的光芒(不騙你，真是超閃亮的!!)，整個講座手持的部分，握起來非常的順手，當然，更棒的是拿在手上那種爽度，如果我是得獎者的話，一定會飆淚的。而雷洪先生演了那麼久的戲，拿到了這座金鐘獎，也真是所有的努力都沒有白費了，想到當天金鐘獎最佳男主角獎揭曉的時候，還真是讓我超高興的，今天拿在手上，那更是超棒的感覺拉~而我也在這邊懇請大家繼續多多的支持雷洪先生，甘溫拿~~~心矇蛤(客語)~~~

補張合照

[日記]最近的成績單-咖啡杯集集樂

2008-11-27T03:46:00.000+08:00

最近的日子過得實在非常的充實，當然除了跑去警察局跟我們"偉大的"波麗士大人吵架除外啦~每天幾乎都是嗑咖啡外加加班到凌晨四、五點才睡，這意味著甚麼? 我賺很兇? 如果你是這樣認為的話那就錯啦~~基本上...是被客戶追得很兇啦~~一個稿件的校稿可以搞到五、六校，只是個網站而已~~想到就改~想到就改~搞的其他案子只能先放著涼快一下囉~~趕快處理掉這個棘手的網站才是~~不過~客戶是永遠至上的不是嗎? 照片中就是我工作的實況，不過那個婚紗照是幫朋友做的啦~(靠! 忙死了還可以幫朋友搞婚紗喔?)，基本上，各位所看到的咖啡杯...是已經清理過的，也就是被我丟掉一些了，後面我是突然想到~來個咖啡杯集集樂吧~看到底等到我這陣子忙完的時候，咖啡杯會滿到一個怎樣的程度...(你也太無聊了吧=_=|||)，OK~不管如何，忙碌的人總是會做些無聊的事~還是請大家給我加油打氣吧~(這要支持個啥阿~囧...)

[狂怒]好你個波麗士大人~受到警察選擇性辦案的一肚子怨氣

2008-11-23T16:12:00.000+08:00

好你個波麗士大人--收到罰單

今天又收到一張我們偉大的"波麗士大人"開的違規停車罰單，這已經是這個月的第二張了，看了看違規條文，不得在橋梁及禁止停車處停車，而我正好停在橋梁上面，摸了摸鼻子~只能歎聲倒楣，但~之前的單子我是佔了一小段到橋上~這也算? 老子在自己家附近這樣停了幾年了還第一次遇到被開罰單，看了看其他車(基本上整座橋兩旁都是車~大概有六到八部車吧)一張單都沒有~這就讓我覺得滿腦子疑問啦~越想越氣~怎麼只開我~我又不是開積架還是賓魯(賓士)~車也沒有改到一整個台味濃厚~完全都是原樣~我也只是個開本田汽車的小鄉民~阿怎麼偏偏開我單~氣不過~跑去警察局詢問~現在警察開單的標準到底在哪裡? 為何停了那麼久~都不開~到要過年了~再來狂開單~現在我們有工作，一堆人生活都過的苦哈哈~~你們警察卻拿我們當提款機~這是甚麼意思? 衝業績會不會衝得太超過了!

警察局裡一個女員警被我問的一愣一愣的~之後說你違規是事實~依法開單沒有甚麼不對~這我又有疑問啦~那為何只有我的車上有單~其他車上都看不到一張單，這是甚麼意思?

女警：沒看到單不代表沒有罰，有時後我們會照相存證

我：那你們照相存證，又為何只有我的車有單? (怎麼我的就不是照相存證)，我今天我違規~OK~我可以認了~但是我要知道為何之前沒開，現在開? 你們衝業績不要這樣搞的我小老百姓日子難過嘛~

女警：之前沒開不代表沒有違規，只是沒有開。

我：好~那我說過了~我違規我會認，但是為何之前不開現在開? 我的車也沒擋到誰，是因為要過年了? 警察要衝業績?

女警：(開始詞窮...)先生你不要這樣講，有時候是有人舉發，或者是我們巡邏看到違規就會直接舉發。

我：對嘛~看到違規就會舉發? 那之前巡邏就沒看到，現在橋上七八部車在那邊，你們警察就看不到?

女警：(繼續詞窮...)我們看到就會舉發，或者是有人檢舉。

我：好阿~那我現在檢舉，橋上一堆車在那邊違規，你們要不要去舉發?

女警：(無線電通知巡邏員警過去)

我：(回家移車去...)

================未完~~我是分隔線=================

好你個波麗士大人-開單，單勒?

我：(在現場遇到巡邏員警)，你們現在開單是甚麼情況?

員警：(拍照存證中) 先生你違規阿~

我：我想知道你們現在開單是甚麼意思? 之前都沒在開的，現在要衝業績就在狂開罰單?

員警：先生你違規我們就會開單，你如果有問題可以去申訴

我：(這種鳥問題申訴有用嗎? )火大~不想講

我：(你們現在照相，那違停的人沒看到車上有單，因為沒有看到罰單，所以不知道有被罰，是不是警察每巡一次就開一張，結果是每天被開，那等到一個星期或是一個月後收到罰單了，那他一個月的薪水不就沒了，光繳罰單都還不夠)

我：(開車去其他"合法的"位置停車)

================未完~~我是分隔線=================

好你個波麗士大人-舉報就開單?

我：(回到家，打電話過去警察局，女警接電話)，小姐阿! 你們說看到違規就會開單，接到檢舉就會開單，那麼橋過去一點約五公尺的餐廳邊，路邊與道路垂直停車的車頭都凸出擋到一個車道了，你們員警也沒有看到? 再過去五公尺的十字路口，畫著大大的紅線，車直接停在那轉角明顯的妨礙交通你們就不會開單? 再過去四十公尺一個十字路口，也是畫著紅線，轉角也是停著車~你們也不會開? 右彎約七十公尺一個丁字路口，轉角紅線大大的一台車停在那邊你們也不會開?

(警察局換人接電話)

員警：先生有甚麼事嗎?

我：(重複剛剛的問題)

員警：先生你不能這樣濫用公權力!

我：我濫用公權力? 那你們這樣就不是選擇性辦案? 我今天只是個小市民，你們這樣開單我認了，那麼那家餐廳賺飽飽的錢你們就不用開單? 這樣是甚麼意思?

員警：好~你舉發了我們會請員警過去

我：好~我會過去看(持續怒火中燒)

我：騎著小摩過去等我們偉大的"波麗士大人"的到來

================未完~~我是分隔線=================

好你個波麗士大人-敷衍了事

我：等待了約五分鐘，就看到餐廳邊的轎車一部部都準備開走了，而偉大的"波麗士大人"也在這時騎著小摩快快的到來，然後....快快的經過了這些車子，然而....開走的都是沒有擋到路的，偏偏擋到路的那台車沒開走。

我：(回到家，又撥了一通電話到警察局) 喂~(這次換一個男波麗士接電話)，先生! 你們警察是敷衍我們這些小是民是嗎? 車子匆匆的就過了! 其他地點也沒過去看，我們檢舉是檢舉假的啊? 你們可以這樣選擇性辦案的喔?

員警：先生你說了我們會去看

我：我剛說過了阿~你們也沒去看阿~你們是這樣敷衍我們的喔

員警：這樣喔，我們會去看(超級敷衍的口氣)

我：你們是這樣做事的喔?

員警：喔~這樣喔(超級敷衍的口氣)

我：(更火了)算了~這樣敷衍我們，跟你講也沒有用(準備掛電話)

員警：喔~好(又是一句敷衍，且聲音已遠，似有準備掛電話的動作了)

我：(掛電話)

================未完~~我是分隔線=================

好你個波麗士大人-執法公平性何在?

以上就是我這次被開單之後還被警察敷衍的結果，得不到甚麼確切的答案就算了，還被搞得這樣火，滿腦子疑問讓我對最近喜歡的"波麗士大人"這部戲都有點反感了，感覺把警察都美化的過頭了~雖然不能說全部的員警都是這樣的，但是這樣的選擇性辦案，外加從納稅人身上這樣搶業績取財的做法實在令人覺得不齒之外，更不削，最近因為也剛好有接到一個警察的稿件，得知依些警察的工作內容的確很辛苦又危險，但是今天的遭遇實在讓我對警察的觀感大打折扣，總結以下我的疑問、想法跟不爽的狀況於下。

首先我違規在先我認了(我不是那種做錯是不承認的人)，但是我停在不影響交通的位置，且非主幹道，而那些停在明顯影響到交通(十字路口轉角)的位置的車子卻不用受罰，這是甚麼道理? 執法的公平性何在? 就像海角七號裡面范逸臣被勞馬攔下開罰的那一段一樣，大家都一樣，為什麼就罰我(不要說我看起來比較衰~哈)~還是說大家都去停路口轉角好了~那這樣那些不會阻礙交通的位置就不會有人停了~這是甚麼道理??

接上面那個問題，那麼我們這種不影響交通的車主接到罰單，有了疑問，並提出其他影響交通的案例與實際狀況給員警，得到的卻是一個敷衍了事的態度與視而不見的選擇性辦案方式，那麼我們有需要繼續這樣守法的過日子嗎? 有需要對員警尊敬嗎? 記得一段日子前才看過的"包養你還那麼跩! 你跩甚麼跩阿!"這篇文章提到的工務人員的辦事態度，讓我今天實在非常切實的有種感同身受的經驗，寒心!

再接上一個問題，當我檢舉了之後，餐廳邊的車主就迅速的在員警到達前開車走了，這其中是否有員警通報給餐廳說要過去開單? 不然真有那麼巧? 講到要開單一堆車就跑了?

還記得多年前我有次騎小摩違規紅燈右轉，被一個警察攔下罰款，我還好聲好氣的跟員警說辛苦了，不好意思違規了，心甘情願的受罰，我覺得員警有員警辛苦的地方，這是他的責任，所以受罰認衰本是應該~但這次卻是一整個讓我覺得警察的選擇性辦案及辦事態度讓我氣到一整個火到不行。

再一個令人質疑且氣憤的問題，之前不開單不代表沒有違法，這說法沒錯，但一年多到兩年那麼久的時間警察都不開單，偏偏挑在現在要過年了~再來開單，這難道不是拼業績嗎?

我不是一個愛找麻煩的人民，做錯事被罰天經地義，但是不公平且不合理的開罰方式讓我覺得無法接受(重點在非常的不公平)，而在接受到人民的疑問跟情緒的時候，只會採取鴕鳥心態的敷衍了事，這點讓人更是覺得無法接受。

好你個波麗士大人-奉勸大家

有了這次的經驗，有些話要奉勸大家，希望大家在這不景氣的年頭多多小心。

首先要奉勸大家不要違規停車(哈~廢話一句)
被開單記得說聲謝謝~(最好是他X的那麼有禮貌啦)
停車請挑轉角~不要停在橋梁上，連邊都不要佔到(杯開單不要怪我，怪警察選擇性辦案)
最後歡迎大家多多引用這篇文章，散的越廣越好，好讓大家多多小心，不要平日繳稅包養警察外，過年還要讓包養的警察削，更不要像我無聊到去找警察盧(因為盧也沒用，他們只會開單拼業績，外加敷衍你) 。

[影片]Photoshop CS4新功能預覽、教學、影片

2008-11-20T01:23:00.000+08:00

Photoshop CS4新功能想必很多人都很有興趣，下面把一些Photoshop CS4的新功能影片給大家看看囉

Photoshop CS4 之新變形工具

可以設定不改變的位置跟要變形的位置，在很早之前就有看到過有人開發出這種演算技術了，當時就在想Adobe應該會注意到這個超屌的功能吧，沒想到總算被盼到啦~XD

Photoshop CS4 之新修補工具

由影片中可以看到增加了新的快速輔助鍵，在調整上面也夠多細節了~可惜影片的解析度不是很好，所以只看個大概囉

Photoshop CS4 之新圖層調整功能

不知道有沒翻譯錯誤，只有大概看了一下，新增的調整圖層以往都是在一個新的對話視窗中設定，現在可以在另外一個調整的浮動面板中設定了，在檢視上面也更即時囉

Photoshop CS4 之縮放與平移功能

很多人都知道新版的Photoshop CS4有了GPU的支援之後，畫面在平移以及縮放上面更加的順暢了啦~看影片就可以知道囉，不過...這樣的感覺好像有點多餘吧~就算沒有這種效果我也沒差~(好無聊的功能阿)

http://tw.youtube.com/watch?v=KlFnIqCZhYc

Photoshop CS4 平面轉3D視角

http://tw.youtube.com/watch?v=cbeows1w_fY

Flash CS4 彩蛋

2008-11-20T01:20:00.000+08:00

今天試裝了Adobe Flash CS4 繁體中文版，稍微試了一下~沒想到剛好發現了在"關於Flash"的畫面中又出現彩蛋啦~

各位只要在"說明 / 關於Adobe Flash Pro......"的畫面中用滑鼠點選左上角"FL"文字中"L"的左上角落，就可以看到彩蛋囉~

[動畫]最近為廠商製作在CEMA SHOW要播放的動畫

2008-11-11T00:31:00.000+08:00

最近為了廠商製作他們要在美國CEMA SHOW 自家產品上面要撥放的動畫，因為是插件~剛好手邊又有許多事情要忙，真是折騰死人了~不過，還是很努力的把他給趕完了，這次用了不少Flash CS3的模糊濾鏡效果，做完只有一個感覺，Flash CS3 真好用阿~~哈哈哈，費話不多說，先來看看這個動畫先吧~

[資源]Adobe Certified Associate認證考題重點(Adobe ACA認證)

2008-10-22T02:07:00.003+08:00

特別聲明：鑑於之前有網友於留言部分，單方面的放置考題下載點供網友下載，此行為已觸法，敬告網友請勿再做此種行為，謝謝大家配合。

最近遇到不少人在問Adobe Certified Associate認證考題的重點，也似乎不少人有興趣想考這Adobe Certified Associate證照，又很剛好最近把ACA認證給完封了，所以把Adobe Certified Associate認證的考題重點與心得分享給大家，看大家有沒有機會用得上囉~
之前在"Adobe Certified Associate 認證入手(ACA認證)"中有提到對專案流程要有基本概念外，另外就是軟體功能上該注意到的地方則沒有提到，在這篇當中我就針對軟體的功能來說明與舉例一下，我這邊所提的只是重點式的提醒，因為有簽切結不能洩題，所以我僅以軟體功能來說明囉~有問題的人再留言吧，欲留言者若沒有Blogger帳號的話~請點選"名稱/網址"來回覆，不要再用"匿名"了，不然一堆匿名真是不知道在回誰阿~囧~所以~只要是匿名留言就不回囉~至少有個外號都可以~這是基本禮貌~還OK吧

Adobe Photoshop CS3 ACA認證考題重點

在Photoshop CS3 ACA認證考題的重點部分，就我的經驗來說，會考的除了專案流程外，在軟體功能上各位須了解的項目列表於下：

影像尺寸修改及解析度調整(很重要!要很熟悉!)
智慧型物件的功能及其特性
各種點陣圖片格式特性及其應用方式
網路使用的各式圖片格式類型及其特性
文字屬性相關設定
修補類型工具操作及其功能特性
圖片色彩模式及其使用場合
各種選取範圍製作方式(包含選取功能表內項目)
漸層工具的使用及設定
形狀物件的使用
不同檔案間影像的移動
專案管理流程

以上是我考過的記憶中，會考到的項目，不過Photoshop算是我最熟悉的軟體，但是卻是我考是時間最久的一個科目，主要是因為考題題意還是會有些不是很清楚的地方加上題目較少，每題的占分就變得較高，所以請大家考試時多注意題意，還有就是有些時候題目下載時間過久時~最好先跳過，等到後面再回來解題，比較不會卡在一個題目太久，雖然下載題目的時間不會被計算，但是先整個解完其他題目再回來利用時間會比較多時間可以解有疑問的題目，日前考Adobe Photoshop CS3 ACA中文版認證及格分數為630分，考試題目共39題，考題類型有選擇題(單/複選)、實作題，有想考的人就加油吧^^

Adobe Dreamweaver CS3 ACA認證考題重點

Adobe Dreamweaver CS3 ACA認證考題重點列表於下

各式HTML原始碼的用途(很重要!!)
網站管理畫面及其正確名稱(沒有畫面可以看卻問你正確名稱，考驗軟體介面熟悉程度)
資源面板內的項目
各種超連結類型
CSS定位項目原始碼
CSS原始碼(考很少)
專案管理流程
頁面內容修改方式
圖片及其修改方式
圖片相關資訊及常識

日前考Adobe Dreamweaver CS3 ACA認證的及格分數為600分，考題類型有選擇題(單/複選)、實作題、印象中沒有考到配對題，這個考的對我來說很簡單~主要題目落在HTML的原始碼不少，這個對我是很簡單的啦~不過最後沒檢查答案~就交卷了~考了八百多，算起來普普通通的分數XD。

Adobe Flash CS3 ACA認證考題重點

Adobe Flash CS3 ACA認證考題重點列表於下

介面的熟悉度
各面板的功能
各種元件的特性
發佈設定
Flash的各種檔案格式
匯入/匯出功能內項目
專案管理流程

以上是日前考試有考到的項目，其他項目偏向於專案部分還頗多的，考題沒記錯的話共41題，當時及格分數為600分(好像是吧~考完就忘了~哈)

專案管理流程相關常識

專案流程相關的常識通常都是有經驗者比較吃香，但也有人有經驗還不熟悉的，在這邊我大概把重點及問題列在下面讓各位參考看看，如有錯誤請不另指教

專案前置作業及其目的

客戶需求分析、確認
專案腳本製作

腳本製作之目的?
腳本可提供的功能?

專案中期作業及其目的

製作問題排解
製作時程控管

專案末期作業及其目的

測試作業

測試目的?
測試項目?
測試方式?

專案驗收

以上各項資訊提供大家參考，如要轉貼請註明出處，謝謝!!

[日記]Adobe ACA認證完封全紀錄&考題重點

2008-10-21T04:00:00.001+08:00

Adobe ACA 認證完封啦~就在上周日，把剩下的兩個科目(Dreamweaver CS3 & Photoshop CS3)搞定後，目前已有的中文Adobe ACA認證已全部到手，題目其實不難~難在你要看懂她翻譯的語意，有些語意真是讓人感到怪怪滴阿~趁著這許久未有的再次完封(上次完封是MOS Master證照)，特別動筆來個紀念畫啦~不過~真是太久沒畫了~~畫的還真是給他很隨便阿~~哈哈~至於考題重點~~等我把東西整理好再發表囉~~最近真是忙翻了~~XD(~~謎之聲: 你這篇是單純的炫耀文吧...~~)

Adobe Certified Associate認證考題重點--請由此連結進入

[活動]Adobe CS4 中文上市發表會將於11/7 於台大醫院國際會議中心發表

2008-10-06T10:52:00.002+08:00

千呼萬喚終於出現啦~沒想到這次Adobe CS4中文版上市發表會速度這麼快，Adobe果然是搶錢一族的，廢話不多說，Adobe CS4中文上市發表會相關資訊如下

活動：Adobe Creative Suite 4 - 中文版上市發表會(台北場)

日期： 2008/11/7 AM 10:00~PM 18:30

場地：THCC 台大醫院國際會議中心台北市中正區徐州路2號 (詳細地圖

)

Adobe Creative Suite 4 中文版即將隆重上市，想探究 Adobe Creative Suite 4 中文版的魔力嗎？
本活動特別邀請多位重量級講師到現場分享最新產品及技術應用。機會難得，立即報名!!

另外呢~這次的中文發表會也特別在台中做了一個中文加映場，這可真是難得阿~台中中文加映場的相關資訊如下，有興趣聽中文的就去台中吧~

活動：Adobe Creative Suite 4 - 中文版上市發表會-中文精華加映場(台中場)

日期： 2008/11/27 PM 13:30~17:30

場地：永豐棧麗緻酒店 B1 宴會廳台中市中港路2段9號 (詳細地圖)

Adobe Creative Suite 4 中文版即將隆重上市，想探究 Adobe Creative Suite 4 中文版的魔力嗎？
本活動特別邀請多位重量級講師以中文介紹 Adobe Creative Suite 4 最新的功能，同時現場分享最新產品及技術應用。機會難得，立即報名!!

另外，9月23日在國外的發表會影片也一併送上啦~內容很多客戶經驗分享(怎麼大家現在都搞這一套XD)，有興趣看的人就慢慢看吧~時間長達59分鐘喔~而且前面廢話頗多的，建議從十分鐘以後再看吧~

各段落大概說明一下囉

00:00 介紹的廢話
09:45 強尼上場，廢話接力~
10:26 強尼上街頭送軟體(好想要收到一套阿T_T)
22:16 Ben Grossmann 上場，介紹After Effect CS4
31:00 odopod公司人員上場，介紹Flash CS4 功能，一開始就先示範IK
38:28 Doug Winnie上場介紹Dreamweaver CS4 & Ajax (◎_◎及時預覽真夠屌)
44:20 Tim May 介紹Illustrator CS4 (哇~超酷的!!)
51:39 強尼介紹PHOTOSHOP CS4的功能(好用! 超好用啦~)

從影片中我們可以看到PHOTOSHOP CS4把非破壞性編輯發揮到更高的境界了，真是太銷魂、太黯然啦~~(扭臀..)

[技巧]讓網頁不被暫存的語法

2008-10-03T15:18:00.000+08:00

每次在設計網頁時，常見到的網頁更新了~但是客戶看網頁的時候還是看到舊版的網頁，為了避免跟客戶溝通個老半天，所以我們可以將網頁加上一段語法讓網頁不被暫存，這樣每次看到的就會是最新的資訊了~也可以免除客戶老是抱怨要去清除暫存檔的麻煩。

有需要者，請把

加在網頁的<head>這裡</head>就可以囉

快去試試看吧^^

[軟體]CorelDRAW X4 繁體中文版上市初探&下載

2008-09-28T01:08:00.003+08:00

CorelDraw X4 繁體中文版總算是上市了，不過由於之前太忙了，所以完全沒時間把訊息發上來阿XD，現在來補一下吧~
CorelDRAW X4更新到現在，已經改變以往多片CD的方式，而直接以一片DVD完全整合，包含軟體、圖庫以及其他資源...等項目都放在一片DVD中啦~真的是方便許多阿~
首先，我們就來看看CorelDRAW X4的安裝畫面吧~

CorelDRAW X4繁體中文版安裝過程

CorelDRAW X4繁體中文版一開始的安裝畫面，跟舊版的似乎沒有多大的差異，唯獨把變色龍換回超有代表性的熱氣球了~^^
CorelDRAW x4繁體中文版的授權畫面，記得勾選"我接受授權合約中的條款"喔~
輸入CorelDRAW X4的序號跟使用者名稱吧，嘿嘿~這麼乾淨的畫面，我喜歡^^
CorelDRAW X4安裝時的"安裝"選項畫面，在這個畫面中共有四個頁籤可供切換並設定各種安裝設定，在"安裝"這個頁籤中，可以設定您要安裝的軟體，此版本為零售版，內部共有四套軟體，如圖所示有CorelDRAW X4、Corel PHOTO-PAINT X4、Corel CAPTURE X4、Bitstream Font Navigator
CorelDRAW X4安裝時的"功能"選項畫面，在這個畫面中可以選擇您想要支援的匯入格式以及使用手冊，另外還有拼字檢查所需用到的字典檔等功能。
CorelDRAW X4安裝時的"選項"畫面，在這個畫面中可以設定是否把安裝檔案複製一份到你的硬碟中，以備在需要維護與更新CorelDRAW X4的時候可以不用去翻光碟片，如果你硬碟夠大的話~當然是要勾選這個選項會比較方便啦
CorelDRAW X4安裝時的"EXTRAS"選項畫面，這裡你可以選擇安裝CoreDRAW X4的一些範本檔案，另外也會多安裝更多的軟體資源，如筆刷、噴灑清單、材質、花紋...等資源，另外以往選擇安裝字型的設定也是在這個畫面中選擇，可以發現的是，按照我的步驟與設定一步步下來，他也吃掉了我快要2G的硬碟空間了，真是越來越有怪物級軟體的架勢了XD，OK~廢話不多說，設定完就按下"立即安裝"吧~~
另外，順便提供我實際測試安裝的容量差異記錄給各位參考囉~紀錄如下

預設安裝 = 1.10G
增加安裝"輔助匯入+三級匯入" = 1.11G
增加安裝"使用手冊" = 1.12G
增加安裝"預設字型" = 1.95G
安裝"範本及應用程式" = 1.75G
增加安裝"剪輯圖片與影像"約佔掉3.76G

開始安裝啦~
安裝完成，重新啟動電腦吧!!

CorelDRAW X4繁體中文版軟體介面

安裝好CorelDRAW X4之後，馬上就來啟動看看吧~首先出現的是改版後的歡迎畫面，似乎跟Corel公司的另外一套軟體-Painter 非常的相似阿，右方會有頁籤式的選項，點選之後就會切換，就如同書本翻頁一樣的視覺畫面效果，而畫面中主要顯示三種項目-最近使用的檔案清單、開啟其他舊檔、新增檔案，若是把滑鼠移動到最近使用的檔案清單上，還會在左手邊的預覽窗格顯示檔案縮圖(如圖)，改變了以往要點選之後才能預覽的缺點。
CorelDRAW X4歡迎視窗中"新增功能"頁籤的畫面
CorelDRAW X4歡迎視窗中"學習工具"頁籤的畫面
CorelDRAW X4歡迎視窗中"圖庫"頁籤畫面

CorelDRAW X4繁體中文版的新功能

CorelDRAW X4新增的功能可以分成版面與文字編輯、設計資產、工作流程三大項目，在版面與文字編輯部分新增與加強的功能如下

加速版面編排和文字編輯
互動式表格：
結構化版面編排，用於建立及匯入文字或圖形
獨立的頁面圖層：
在多頁文件變換頁面版面編排，有了這個功能讓你更加的方便在每個頁面設定不同的圖層以方便發揮您的設計啦~
即時文字格式化：
套用格式化變更前先進行預覽
與 WhatTheFont™ 整合：
迅速辨識字型
鏡射段落文字：
水平及/或垂直鏡射文字

設計資產部分功能如下

支援原始相機檔案 (RAW)：
讓您即時以互動式控制方式預覽調整
對齊影像：
全新的互動式控制方式，讓操作更快速、簡便
長條圖回應：
比舊版提供更多功能
強化的色調曲線對話方塊：
讓您更精確調地整影像
精簡的頁面大小選項：
充分反映使用者所在地理區的作業慣例
加強與 Windows Vista® 整合：
現在你可以利用Vista利用關鍵字搜尋CorelDRAW檔案

工作流程部分

全新可編輯的內容：
10,000 張剪輯圖片 (40% 全新圖片)、1,000 張高品質相片和更專業的字型：包括 75 個支援希臘、斯拉夫和其他國際字元集的 Windows Glyph List 4 (WGL4) 字型，以及單行雕版字型和 OpenType® 跨平台字型
嶄新的自樣本開新檔案對話框：
為任何工作輕鬆找出適用的樣本，並按照關鍵字或產業瀏覽
80 個專業設計範本：
包含關鍵字、設計選擇備註、輸出提示，以及自訂樣本時維持絕佳設計的方法

如果各位有興趣的話，那就馬上到Corel公司的網站下載試用版吧~^^
或是直接點選這裡下載試用版

[日記]Adobe Certified Associate 認證入手(ACA認證)

2008-09-12T17:25:00.003+08:00

最近因為補習班要求未來上課要有ACA認證，只好去考ACA認證，想想反正也考了一堆沒用的證照，多個一張證照，不管有沒有用到啦~至少拿出去還能看點，不過這ACA認證好像沒啥聽說過，稍微查了一下，ACA認證全名"Adobe Certified Associate"，此認證是Adobe第一張國際中文版認證，由Adobe與國際認證機構Certiport合作推出，並獲得國際ISTE國際科技教育協會承認，而Certiport為全球前三大認證機構，認證通行全球128個國家。

Adobe ACA認證內容著重於多媒體網頁設計、數位內容以及媒體傳播的核心應用能力，而考試與課程大綱則包含了多媒體網頁設計、數位內容以及媒體傳播的核心知識與技術。

考試科目

目前Adobe ACA認證共有三科，且提供CS3版本及雙語言(中文 / 英文)，考試科目如下：
網頁傳播設計Dreamweaver
多媒體傳播Flash
視覺設計Photoshop

考試價格

ACA認證考試每科$2480含稅，不管你考中文版本或是英文版本，價格都一樣喔。

考試方式

ACA認證提供線上模擬操作題，考題中涵括專案管理與智財權等題目，題目的類型有選擇題(單選 & 複選)、配對題、操作題，考完直接可得知分數，並通知通過與否，若是通過，證照將於本部寄出，約三~四周即可收到囉。

考試時間

不知道未來是否會更改，但是此次考試時間為五十分鐘，直接線上考試。

及格分數

目前已知的情況是該題目會依照考試通過的人數來決定及格分數，就如同微軟的MOS認證一樣，此次考Flash CS3的及格分數為700分(~~我的得分可離這分數撮撮有餘阿~~)，考試題目共四十題，每個人的題目不會全部一樣喔，有興趣的人要快一點喔~^^

後記 & 建議

怎麼變成好像在介紹ACA認證的文章一樣了~Orz，這篇明明就是炫耀我考到ACA認證了阿，不管如何，如果各位的英文跟我一樣爛的話，請考中文的，如果你的英文實在是有夠好的好的話，請考英文的，因為我這次有個題目就因為翻譯成中文的原因，導致我做錯被扣分，真是有夠冤枉的阿，這翻譯是啥呢? 就是"追蹤"點陣圖，啥東西是追蹤阿? 想了老半天，考完了之後跟同事討論，才明白"追蹤"原來就是"Trace"阿!!! 超囧，就是描繪點陣圖的意思啦，一整個無力，害我還在想要怎麼追蹤哩~

另外也要提醒各位有興趣考此證照的朋友們，最好了解一下專案的製作流程，並且有一點實際經驗，因為該認證還會考到專案流程與需求的知識(跟軟體無關的喔)，以及客戶需求考量...等問題，所以對專案流程不熟的人，有可能會在這裡因為"猜答案"沒猜準而被扣分，且選擇題有些是複選喔^^，猜對了一個卻猜錯了另一個不就非常冤枉了XD，不管如何啦~~有實力的人是不用怕的囉^^

參考書籍

"Adobe Certified Associate Flash CS3 模擬考題"這本書是上奇所出版，目前在市面上還沒有看到有賣，或許是要報名才會有吧~要看廠商配套措施是如何囉~

Adobe Certified Associate認證考題重點--請由此連結進入

[教學]TQC Photoshop CS3認證解題-307 普普藝術

2008-08-25T02:50:00.000+08:00

TQC Photoshop認證解題相關要求請參閱相關書籍

307 普普藝術這一題比較特殊一點，您可能下載此PSD原始檔比較容易瞭解，通常很多人都對普普藝術第二張圖片的處理會比較多問題，所以我在這邊提供了一個實際的範例檔案，僅針對第二張圖片作處理與比對，請各位自行下載後用Photoshop開啟之後，點選調整圖層即可看到實際的曲線調整了。相關圖片如下所示：

完整教學影片(不專心~講話講到結結巴巴~XD)

TQC Photoshop CS3認證解題影片-307 普普藝術

[教學]TQC Photoshop CS3認證解題-503 雕鑿

2008-08-21T18:53:00.001+08:00

TQC Photoshop證照相關解題要求請參閱相關書籍

TQC Photoshop CS3認證解題-503 雕鑿

[教學]TQC Photoshop CS3認證解題-401 蛋殼中的小狗

2008-08-21T18:49:00.000+08:00

tqc Photoshop證照相關解題要求請參閱相關書籍

TQC Photoshop CS3認證解題-401 蛋殼中的小狗

[教學]TQC Photoshop CS3認證解題-403 夕陽

2008-08-21T01:31:00.001+08:00

TQC PHOTOSHOP認證相關解題要求請參閱相關書籍

[教學]TQC Photoshop CS3認證解題-305 模特兒

2008-08-21T01:29:00.001+08:00

TQC PHOTOSHOP認證相關解題要求請參閱相關書籍

TQC Photoshop CS3認證解題-305 模特兒

[教學]TQC Photoshop CS3認證解題-304 修調

2008-08-14T00:18:00.000+08:00

相關解題要求請參閱相關書籍

[教學]TQC Photoshop CS3認證解題-205 Photoshop

2008-08-13T15:26:00.000+08:00

相關解題要求請參閱相關書籍

[教學]TQC Photoshop CS3認證解題-207 人像畫

2008-08-13T15:22:00.002+08:00

相關解題要求請參閱相關書籍

[教學]TQC Photoshop CS3認證解題-208 人物

2008-08-13T15:17:00.001+08:00

相關解題要求請參閱相關書籍

[教學]TQC Photoshop CS3認證解題-206 蝴蝶

2008-08-13T15:15:00.000+08:00

相關解題要求請參閱相關書籍

[教學]TQC Photoshop CS3認證解題-303 水中花

2008-08-13T15:02:00.000+08:00

相關題目要求請參閱相關書籍

[教學]TQC Photoshop CS3認證解題-302 湯匙

2008-08-13T15:00:00.001+08:00

相關解題要求請參閱相關書籍

[教學]TQC Photoshop CS3認證解題-203 Green World

2008-08-07T01:46:00.001+08:00

相關解題要求請參閱相關書籍

[教學]TQC Photoshop CS3認證解題-102 頌春

2008-08-06T16:35:00.001+08:00

相關題目要求請參閱相關書籍

[教學]TQC Photoshop CS3認證解題-102 頌春

[教學]TQC Photoshop CS3認證解題-202 鴨

2008-08-06T16:33:00.001+08:00

相關題目要求請參閱相關書籍

[教學]TQC Photoshop CS3認證解題-202 鴨

[教學]TQC Photoshop CS3認證解題-210 復古車

2008-08-06T16:15:00.000+08:00

相關題目要求請參閱相關書籍

Photoshop認證解題教學

[教學]TQC Photoshop CS3認證解題-104 光譜鴨

2008-08-06T14:45:00.001+08:00

相關解題要求請參閱相關書籍

[教學]TQC Photoshop CS3認證解題-204 漩渦

2008-08-06T14:31:00.001+08:00

相關題目要求請參閱相關書籍

[教學]TQC Photoshop CS3認證解題-201海

2008-08-06T14:21:00.000+08:00

相關題目要求請參閱相關書籍

[教學]TQC Photoshop CS3認證解題-301林中彩衣

2008-08-06T14:00:00.001+08:00

相關題目要求請參閱相關書籍

[教學]TQC Photoshop CS3認證-101迎接豬年

2008-08-06T03:11:00.001+08:00

相關題目要求請參閱相關書籍

[技巧]XP大變身之三 - 更新到XP SP3依舊MAC風

2008-07-22T00:41:00.000+08:00

本文同步發表於壞掉的印表機-MS Labs

XP更新堂堂邁入了PS3的階段了，但是還是有很多人不敢貿然更新，其實除了依些對更新的不確定性之外，另外在介面上的修改是否會受到影響也是令人感到疑惑，其實事實上XP更新到SP3之後，整個被我們修改過的介面的確會變成無法套用自定的介面的，不過甭擔心，看了這篇文章，保證您大可放心更新到SP3啦~

更新到SP3之後，主要是uxtheme.dll 的限制，造成我們無法隨心所欲的更換我們想要的介面風格，所以，要請大家先來破解一下uxtheme.dll 的限制，首先請大家先去下載uxpatcher.zip 回來，然後再執行此壓縮檔裡面的 UXTheme Multi-Patcher 6.0.exe，接著此執行檔會要確認你的系統是否為XP SP3，按下"OK"繼續後，稍微等待一段時間，直到跳出Windows檔案保護視窗之後，點選"取消"，再按"確認"，接著重新開機後，就可以繼續享受自己喜愛的MAC介面啦~

備註：此篇文章因壞掉的印表機已測試成功且來不及抓圖而無法提供測試圖片，敬請見諒^^

[技巧]超快速!! 瞬間設定 Word 2007 文字行距

2008-07-15T14:00:00.000+08:00

本文章同步發表於壞掉的印表機 MS Labs

基本上見到大多數的人設定行距都是使用段落功能來做設定，其實我們還有更好的選擇~那就是使用快速鍵，而你也一定會說~廢話~誰不知道要用快速鍵啊!! 如果你想的是在Office Word 2007中用Alt + PPG(PPG請照順序按即可)的話，那你就大錯特錯了~

實際上我們可以設定的行距數值有後敘幾種：單行間距、1.5倍行高、2倍行高、自訂間距，而其中的前三項，我們可以直接利用快速鍵就指定完成，而不需要開啟段落設定視窗，你只要把插入點放在要設定的段落中，然後就可以照下面的快速鍵來直接設定你的行距啦~

設定單行間距：Alt + 1 (數字鍵)
設定1.5倍行高：Alt + 5 (數字鍵)
設定倍行高：Alt + 2 (數字鍵)

沒錯! 你絕對沒看錯，就是那麼簡單啦~請注意到! 如果您使用的是桌機(桌上型電腦)的話~請使用鍵盤上方橫向的數字鍵，而不要用右邊的數字鍵喔~

另外~如果你想一起順便快速設定段落前的距離的話，那麼你的快速鍵需要再按一次Ctrl + 0 ，預設是段落前12pt~~大家快去試試看吧~~

至於有些人可能連PPG的用法也不知道，那麼就請先看看這篇"Office 2007 快捷鍵用法"吧~如果真的還看不懂~請留言一下~我看人數以撰寫教學~

HEMiDEMi 的標籤：office,word

Technorati 的標籤：office,word

udn 的標籤：office,word

[技巧]Office 2007 快速鍵使用方式

2008-07-15T13:42:00.000+08:00

本篇文章同步發表於壞掉的印表機 MS Labs

當微軟把Office改版到2007的時候，應該有不少人看到時都傻眼了吧～因為整個介面的差異真是太大了，大到讓人太Shock了，剛開始還真不知道該怎麼上手呢!! 像是懶惰的印表機本人來說~當時就不知道我的快速鍵跑去哪裡了~因為懶惰~所以很多功能都喜歡用快速鍵~不用快速鍵的話~好像少了一隻手那麼難過~手沒按快速鍵就會癢(這應該是有病吧~XD)~如果你也跟我一樣是快速鍵中毒使用者的話~那你必定要看看本篇文章啦~~

以往我們在Office 2003 或是更早的版本當中要使用快速鍵的話，都是使用Alt配合功能表上面的英文字，就像這樣

當按出了選單之後，再配合選單上面功能字尾的英文字去按就可以使用該功能了

那到了Office 2007之後呢~其實變化也不大，不過快速鍵記憶的方式有變倒是真的~~在這邊我使用Word 2007來示範，Office 2007的快速鍵一樣也是按下Alt就會出現了~不過出現的方式是在每個功能的旁邊顯示一個小小的英文字，如圖片中一樣：

這時你應該會發現英文字特多的，且跟之前的快速鍵的英文字也都不一樣，我們可以先從記憶第一排標籤部分(如舊版的功能表)的英文字開始著手，在第一排我們來用中英文版本對照一下

大家應該可以發現好像快速鍵跟英文單字很有關係~其實的確就是這樣，很多軟體(包含其他像是影像處理、繪圖排版......等各種軟體)就是考量到記憶的方式，所以許多的快速件都與其本身的英文單字有關，有些是用字首(第一個英文字)，有的是用該功能的含意，如"常用"英文版本叫做Home，所以他的快速鍵就是"H"，當我們按下Alt + H之後就可以看到"常用"的內容的快速鍵就出現了~

接著我們再按下相關的快速鍵，例如"貼上(V)"，他就會執行這項功能了~不過，由於貼上的功能內還有其他功能，所以他又會繼續顯示它內部的功能，如同畫面中顯示一般

同上面的道理，繼續按下快速鍵吧~那麼這時就將功能確實的執行了~如果，你對Office中一些常用到的功能覺得用滑鼠太慢的話，那麼你就可以慢慢的把一些快速鍵給記下來，用久了~其實就熟練了~大家慢慢用吧~^^

[日記]微軟MVP專屬禮品收到啦~

2008-07-09T23:11:00.001+08:00

前天才收到MVP禮品寄出的消息，今天就收到了，微軟的效率可真是迅速阿，今年的禮品真是超棒的，剛好是我想要的東西阿~~真是太正點了，去年來不及搞開箱照~今年就讓大家一起來分享一下開箱照吧~~

在此特別感謝朱小言特別支持攝影棚讓我拍攝，才有那麼美的開箱照阿~~XD

外包裝

開箱啦~

我的MVP證書

證書下方就是一個盒裝禮品(中間)以及2008 MVP 掛牌(左下角)、2008 MVP 徽章(右上角)

禮品開盒啦~每個贈品上面都有微軟MVP的字樣喔~

MoGo 超薄藍芽滑鼠

立體聲藍芽無線耳機(想買很久啦~~)

看到以上的東西，你是否也心動了呢？如果大家覺得很不錯的話，也請大家多多支持我最新的Blog- MS-Labs啦~~

HEMiDEMi 的標籤：Microsoft,MVP

[資源]分站成立 MS-Labs

2008-07-08T13:51:00.001+08:00

最近再度續任微軟 MVP (Most Valuable Professional 最有價值專家) 的獎項，讓我覺得有必要為了微軟搞個像樣點的部落格，而不是在這個文章較雜亂的部落格中穿插撰寫微軟的相關文章，所以~ MS-Labs 就此成立，取名為 MS-labs 主要就是取 Microsoft Labs (微軟研究室) 的意思，由名字可以看出這個部落格主要都是在研究與記錄微軟的各種軟體文章，不管是密技或是其他最新的新聞，都會發佈在這個 Blog 中，雖然目前文章數正緩慢的新增中，也請大家舊雨新知，多多捧場啦~y^^y~廢話不多說~現在就快去看看吧~Go MS-Labs

[技研]為Blogger 增加延伸閱讀的功能

2008-07-08T02:20:00.000+08:00

本文參考 Abin's Tech Note 後修改

一直以來都看著別人的部落格有著延伸閱讀的功能，這兩天稍微上網找了一下，發覺Abin's Tech Note 的這一篇文章講的比較好用，於是動手來改看看，在這邊稍微做個記錄，不過我加的位置跟該篇文章所說的位置有點出入，另外原文中會顯示成英文的"延伸閱讀"文字已被我修改成中文了~有興趣的人再仔細看看吧~

OK~開始修改前記得先來備份一下你的樣板(不會備份請自己上網查，沒那麼難吧~)，接著請把下面這一段原始碼放在你的</head>前面

<script type='text/javascript'> //<![CDATA[  var relatedPostsNum = 0; var relatedTitles = new Array(); var relatedUrls = new Array(); var relatedDates = new Array(); function RelatedLabels(json) { var regex1=/</g, regex2=/>/g; for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedTitles[relatedPostsNum] = (entry.title.$t.replace(regex1, '<')).replace(regex2, '>'); relatedDates[relatedPostsNum] = entry.published.$t.substr(0,10); for (var j = 0; j < entry.link.length; j++) { if (entry.link[j].rel == 'alternate') { relatedUrls[relatedPostsNum] = entry.link[j].href; relatedPostsNum++; break; } } } } function RemoveDuplicatedPosts(PostUrl) { var tmpUrls = new Array(0); var tmpTitles = new Array(0); var tmpDates = new Array(0); function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false; } for(var i = 0; i < relatedUrls.length; i++) { if(!contains(tmpUrls, relatedUrls[i]) && PostUrl != relatedUrls[i]) { tmpUrls.length += 1; tmpUrls[tmpUrls.length - 1] = relatedUrls[i]; tmpTitles.length += 1; tmpTitles[tmpTitles.length - 1] = relatedTitles[i]; tmpDates.length += 1; tmpDates[tmpDates.length - 1] = relatedDates[i]; } } relatedTitles = tmpTitles; relatedUrls = tmpUrls; relatedDates = tmpDates; } function ShowRelatedPosts(PostUrl) { RemoveDuplicatedPosts(PostUrl); var r = Math.floor((relatedTitles.length - 1) * Math.random()); var i = 0; if (relatedTitles.length > 0) { document.write('延伸閱讀: <ul>'); while (i < relatedTitles.length && i < 5) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a> - ' + relatedDates[r] + '</li>'); if (r < relatedTitles.length - 1) r++; else r = 0; i++; } document.write('</ul>'); } } //]]> </script>

加入了上面的原始碼之後，其實有一個小Bug，就是他會把自己這篇文章也加到延伸閱讀的文章內，所以為了解決這個小Bug，我們還得要加上下面這一段，請往下看下去吧~接著我們要找到顯示分類標籤的程式部分，，如下方這一段

<b:if cond='data:post.labels'>
   Category:
   <b:loop values='data:post.labels' var='label'>
        <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
        <b:if cond='data:label.isLast != "true"'>, </b:if>
   </b:loop>
</b:if>

在他loop結束標籤前面加上下面這一段

<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=RelatedLabels&max-results=5"' type='text/javascript'/>
</b:if>

整個加上去後大致上會是像下面這樣，在這邊要稍微說明一下，這邊已修改了原始文章中延伸閱讀的顯示篇數為五篇，若是各位想改數量的話，可以找到 "max-results=5""這段原始碼，把5改成其他數字即可

<b:if cond='data:post.labels'>
    Category:
    <b:loop values='data:post.labels' var='label'>
       <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
       <b:if cond='data:label.isLast != "true"'>, </b:if>

    <b:if cond='data:blog.pageType == "item"'>
       <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=RelatedLabels&max-results=5"' type='text/javascript'/>
</b:if>

    </b:loop>
</b:if>

OK了~我們解決了之前所說的Bug了，最後我們要加上把延伸閱讀顯示出來的部分了，一般來說通常顯示延伸閱讀都是看完文章之後才看延伸閱讀的，所以我們要找到

<data:post.body/>

然後把下面這一段原始碼加在後面就可以了

<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
ShowRelatedPosts('<data:post.url/>');
</script>
</b:if>

完成了，大家趕快去測試看看吧~如果各位還有其他的問題，可以上原始網頁去看看喔~

[日記]犯小人

2008-06-30T02:35:00.001+08:00

最近真是覺得很詭異，莫名其妙就犯了小人，話說上次那驚人的職訓狀況在我課程時間一到即結束了，剩下就是尚未錄完的教學(其中還包含沒有聲音要重錄的部分)，結果最近都在趕稿~導致抽不出時間來錄製教學給學生，沒想到~竟然被學生跟補習班告狀說我沒有信用，不配當個老師外! 還在同學間大聲宣揚她告狀的功績，天哪!! 這到底是甚麼狀況阿@_@!!

今天盡量配合學生的程度也就算了~也為了讓他們方便(學生懶惰的成分好像較多)~所以就錄製教學影片以利他們回家後練習~沒想到因為電腦硬體問題不小心沒錄到聲音而被學生嫌說看的很累之外~現在還要被說成沒資格當老師~我只能說真是囧到一個不行阿~這年頭還真的是好人難做阿~

事後聽到這位同學的經典言論~還真是讓人心寒阿~回到上一篇"熱情講師的悲情職訓月"內的一些學生錯誤觀念來看，他真是嚴重的犯了"將希望寄託在他人身上"的大錯阿~真的很想告訴她：『你以為有了教學就能突飛猛進? 就保證會用軟體? 就保證你會學的比較好?』，這真是天大的笑話阿~真正懂得學習的人是自己會主動去找資源的人，而不是永遠等待別人給與你資源的人，真的為這位同學感到很悲情~也真的為了自己的遭遇感到很悲情，付出最多的一個班級卻是得到最少的一個班級(傷害得到最多啦XD)，很傷~~真的很傷~~也為了這件事跟補習班的人起了一點小爭執~~實在是很不值得阿~囧rz

事實上~我不清楚這些學生是怎麼去看待一個講師的，但是就我個人的想法來說，講師也沒啥了不起，講師頂多只是比你多接觸一些，多瞭解一些，也比你多會一些軟體的操作及應用罷了，也因為這樣，所以我可以教你們，而你們也因為比講師要來的不懂，不瞭解這些軟體及技術，所以來這裡學習，但是~學習不是自己的事情嗎? 怎麼變成是講師的責任了? 實在令我很不解阿~~拋開講師的身分，其實講師也跟一般人沒兩樣，不是嗎? 課堂上講師盡力教，學員盡力學，下課後，講師就下班啦(不下班你要多付錢給我嗎?)~學員呢? 有本事就可以不用複習，沒本事的就該多做練習(不想練習學不好那根本不關我屁事)，就算搞不懂原理，也該把步驟死記到滾瓜爛熟(雖然我不是很贊同死記的學習方式)，結果現在遇到這種學生我還真是頭一回阿~我看以後還真的是不要當個好人才好~犯了小人累死自己外還惹得一身腥~不僅專業被踐踏外~連整個人格都被賤踏~真有夠囧ㄚㄚㄚㄚㄚ~~

今晚~為了這個鳥事~補錄製三個教學給學生~搞得我搞鍵的時間被壓縮了~還沒鐘點費~只能說心裡的感受~真ˋ阿~

PS：

給那些認為我發表的部分言論有不適任講師的人的一些話，基本上~我個人的脾氣不是很好，尤其是在遇到不懂得互相尊重語沒心學習的爛咖時，所以~既然沒有互相尊重也沒心學習，也就沒有講師與學生的差異，所以我也就不認為我是你的講師，也不認為你是我的學生，我只當你是個跟我沒關係的爛咖，那麼你的一切也都跟我沒關係，爛咖不受教不是我的錯，爛咖學不好不是我的錯，所以請勿將濫咖個人的行為與能力推卸與歸咎在講師的專業上，那是非常不負責任的一件事。

[技研]Photoshop Blending modes(圖層混合模式)

2008-06-29T13:48:00.000+08:00

這是一份有段時間的研究了~一直放在我個人的研究網站中，不過為了方便上我課程的學生們學習，乾脆就直接放上來了，當時測試的版本是Photoshop CS2 若是翻譯與快速鍵有所不同，請自行搜尋網路吧~^^~

Photoshop 的圖層混合模式一直是許多人想搞懂卻搞不懂的功能，網路上一堆的教學也都總是用了一堆混合模式，但是卻始終讓人摸不清到底如何學習比較方便，在這份研究最後的總結中有做了最簡單的學習觀念與記憶方式，至於細項的部分則靠大家去慢慢記憶囉~

下面將整份研究記錄及畫面清楚的呈現出來，有興趣細看的人就慢慢看囉~

文件說明

此紀錄包含軟體相關介面、實驗原圖及結果圖，圖片須對照文字說明較能清楚了解說明的事項，此紀錄也將相關的混合模式以水平線分隔開，以方便閱讀與記憶。

中 / 英文介面對照

混合模式示範檔

下圖說明了採用的圖片與其在Photoshop 中的圖層順序，加上色彩方塊及透明度百分比的差異好觀察實際混色出來的變化，詳細的色彩設定及透明值詳列於下：

設定上層與下層的混合模式來觀察色彩的變化，配合Adobe Help內的說明(如上)，左上方的色彩方塊由左至右，由上至下為

BK 100、BK 75、BK 50、BK25、BK 0、R 255、G 255、B 255(所有Alpha 100)

BK 100、BK 75、BK 50、BK25、BK 0、R 255、G 255、B 255(所有Alpha 75)

BK 100、BK 75、BK 50、BK25、BK 0、R 255、G 255、B 255(所有Alpha 50)

BK 100、BK 75、BK 50、BK25、BK 0、R 255、G 255、B 255(所有Alpha 25 )

切換混合模式快速鍵

快速鍵：Shift++ (加號) 或 – (減號)

混合模式清單

◎ Normal 正常模式

●快速鍵：Alt + Shift + N

●作用說明：

在正常模式下，上圖層所有像素、顏色皆正常顯示，不會與下圖層有任何的交集，也是預設值。(在處理點陣圖或索引色影像時，「正常」模式稱為高反差)。

●結果圖片與說明：

◎ Dissolve 溶解模式

● 快速鍵：Alt + Shift + I

● 其它翻譯：漸隱模式

●作用說明：

溶解模式的結果取決於該圖層之Opacity(不透明度)之數值，降低不透明度將會產生Random(隨機)之點狀圖案，越是透明，上圖層的像素就消失得越多。

通常在設定Dissolve( 溶解模式 )的同時，會在上圖層的Advanced Blending( 進階混合 )裡面再做些不透明度調整，效果將比較自然。你可以雙按上圖層進入此設定視窗。在Blend If( 混合範圍 )下面兩滑棒上左右移動，並可同時按住 Alt 鍵拖拉作出漸層隱藏的效果。

◎ Lighten 變亮模式

● 快速鍵：Alt + Shift + G

● 其它翻譯：加亮模式

●作用說明：

加亮模式會將上下圖層的個別色頻做比較，也就是說，上層紅色色頻對下層紅色色頻、綠色色頻對綠色色頻、藍色色頻對藍色色頻，然後再用比較過後較亮的色頻取帶原有色頻。

●快速記憶：各色頻比較，取較亮者。

●使用時機：

與變暗模式相反，於製造兩圖層色彩具虛幻的感覺時，視圖片色彩狀況選擇使用變亮( Lighten )或是變暗( Darken )模式

●結果圖片與說明：

由於保留較亮的色彩部份，故整體影像效果明顯著重在右邊背景較暗而前景較亮的部份，左邊的色塊由於背景影像較亮，所以整個效果並不明顯，灰階色彩全都看不到有任何的效果(因為較背景影像暗)

◎ Darken 變暗模式

● 快速鍵：Alt + Shift + K

● 其它翻譯：加深模式

●作用說明：

變暗模式剛好與Lighten相反，會將上下圖層的個別色頻做比較，也就是說，上層紅色色頻對下層紅色色頻、綠色色頻對綠色色頻、藍色色頻對藍色色頻，然後再用比較過後較暗的色頻取帶原有色頻。

●快速記憶：各色頻比較，取較暗者。

●使用時機：

若是上層圖層內的白色，由於是最亮的色彩，與下層較白色為深的區域交疊時都會變成透明的區域。

●結果圖片與說明：

由於變暗模式是保留較暗的部份，所以整個影像可以看到前景的深色全部都保留了，而較為明亮的白色與較淺的灰階幾乎都看不見了。

◎ Color Dodge 加亮顏色模式

●快速鍵：Alt + Shift + D

● 其它翻譯：漂白模式

●作用說明：

此模式與變亮模式類似，效果較變亮模式來的強烈，對比度較變亮模式強。
讓上層影像變亮，以減少對比的方式反映出上圖層影像。
下圖層的影像對比增加，呈現高對比狀態。
與下層影像混合時，會加亮下層影像色彩，若下層影像為黑色則會保留黑色區域，若為白色則最亮至白，灰階視階調而呈現上層影像色彩。
黑色為中性色，與黑色混合不會產生任何改變。

●使用時機：

對於應用在火燄燄心、光影中心、或任何需要突顯亮部的時候。
需要提高影像對比的時候。
極亮部通常已至255階白色。

●結果圖片與說明：

上層影像深色階都增亮轉為白色階調(由左上方的色塊可以看出)，也由於黑色為中性色，所以上圖層右方的影像中深色的部分都已轉成半透明的白色。而下圖層的影像對比增加了(可由右上角的"角"邊的臉可以看出)。

◎ Color Burn 加深顏色模式

●快速鍵：Alt + Shift + B

● 其它翻譯：燻黑模式

●作用說明：

此模式與變暗模式很相似，效果較變暗模式來的強烈，對比度較變暗模式強。
Color Burn( 加深顏色 )模式與Color Dodge( 加亮顏色 )模式正好相反，
讓上層影像變暗，以增加對比的方式反映出上層影像。
下圖層對比減少，與上圖層色彩混合後對比度看起來較沒有太大的改變。
與下層影像混合時，會加深下層影像色彩，若下層影像為白色則會保留白色區域，若為黑色則最深至黑，灰階會呈現上層影像色彩。
白色為中性色，與白色混合不會產生改變。

●快速記憶：加深並增強上圖層影像對比。"加"強變暗模式(效果較變暗模式強烈)

●使用時機：

●結果圖片與說明：

由左上方的色塊顯示白色在此模式下沒有任何作用(呈現透明)，右方的圖片亮部區域(白色)都已成透明並與下方混色。

◎ Linear Dodge 線性加亮模式

●快速鍵：Alt + Shift + W

●作用說明：

讓上層影像變亮，以增加對比的方式反映出上層影像。
黑色為中性色，與黑色混合不會產生改變。

●結果圖片與說明：

◎ Linear Burm 線性加深模式

●快速鍵：Alt + Shift + A

●作用說明：

讓上層影像變暗，以減少對比的方式反映出上層影像。
白色為中性色，與白色混合不會產生改變。

●結果圖片與說明：

由左上方色塊顯示白色色塊無作用，故呈現透明效果，右方的影像則保持了大部分的原始影像色彩。

◎ Multiply 色彩增值模式

●快速鍵：Alt + Shift + M

●作用說明：

故名思義，重疊，會將上下圖層之色彩數量相疊加混合，所產生的疊加顏色將比兩者各自的顏色更深。白色為中性色。上圖層之任何白色部份將不產生增值效果。

●使用時機：

加強曝光過度的影像濃度。
只希望上圖層之暗色部份留下，白色部份不作用時。
黑白線稿(如素描稿)混在影像上時。

●結果圖片與說明：

◎ Screen 濾色模式

●快速鍵：Alt + Shift + S

● 其他文翻譯：螢幕模式

●作用說明：

與Multiply ( 色彩增值 )正好相反，會將上下圖層之色彩數量相疊加混合，所產生的疊加顏色將比兩者各自的顏色更亮。黑色是中性色。上圖層之任何黑色部份將不產生增值效果。

●使用時機：

加強影像亮部。
只希望上圖層之亮色部份留下，黑色部份不作用時。

●結果圖片與說明：

◎ Overlay 覆蓋模式

●快速鍵：Alt + Shift + O

●作用說明：

覆蓋模式與會根據影像色彩階調而選用Multiply ( 色彩增值 )或Screen( 濾色 )，深色及淺色的表現會不同，但會保留並加強影像之亮部與暗部。中間色彩( 128 )則會隱藏成為透明。(RGB:128)灰色是中性色，上圖層之任何50%灰色部份將不產生增值效果。

●使用時機：

希望上圖層之亮暗部均勻融合至下圖層時。
當上圖層為50%灰色，並套用濾鏡 Filter / Stylize / Emboss 時(會產生邊緣亮部與暗部)，在設定為Overlay後，所有灰色即消失。

●結果圖片與說明：

◎ Soft Light 柔光模式

●快速鍵：Alt + Shift + F

●作用說明：

柔光模式會依據上圖層影像的明暗程度來加深或加亮影像色彩，效果上面沒有覆蓋來的強烈。
灰色(RGB:128)是中性色，上圖層之任何50%灰色部份將不產生增值效果。

●使用時機：

當你希望上圖層影像均勻、半透明地融合至下圖層時。
希望比Overlay( 覆蓋 )模式較淡的效果時。

●結果圖片與說明：

◎ Hard Light 實光模式

●快速鍵：Alt + Shift + H

● 其它翻譯：強光

●作用說明：

設定實光模式時，是以50%灰色為計算基礎。
上圖層任何像素比50%灰色還亮的，即加亮影像。比50%灰色還深的，則會加暗影像色彩，保留的黑(暗)與白(亮)較覆蓋模式要來的明顯。
灰色(RGB:128)是中性色，上圖層之任何50%灰色部份將不產生增值效果。

●結果圖片與說明：

◎ Vivid Light 強烈光源模式

●快速鍵：Alt + Shift + V

●其它翻譯：強光

●作用說明：

增加上圖層影像的對比。
降低下層塗層的影像對比，效果較Linear Light( 線性光源 )模式弱一點。
灰色(RGB:128)是中性色，上圖層之任何50%灰色部份將不產生增值效果。

●結果圖片與說明：

由左上方的色塊表現可以看出其表現出來的色彩增值程度，我們與下方的線性光源模式相比較之下，此模式的效果作用範圍較大，保留原始色彩較少，混合出來的透明度較高(從右方像片中嘴唇下部份可看出)。

◎Linear Light 線性光源模式

●快速鍵：Alt + Shift + J

●作用說明：

增加上圖層影像的對比。
降低下層塗層的影像對比，效果較Vivid Light( 強烈光源 )模式弱一點。
灰色(RGB:128)是中性色，上圖層之任何50%灰色部份將不產生增值效果。

●使用時機：

需要作用在較小範圍的灰階並保留大範圍的明暗時。
希望盡量保持上圖層影像的清晰度時。

●結果圖片與說明：

由左上方的色塊表現可以看出其表現出來的色彩增值程度，我們與上方的強烈光源模式相比較之下，此模式的效果作用範圍較小，保留原始影像(上圖層)明暗的範圍較大。

◎ Pin Light 小光源模式

●快速鍵：Alt + Shift + Z

●作用說明：

此模式保留原始影像的範圍較Vivid Light( 強烈光源 )模式與Linear Light( 線性光源 )多，增值效果也較不明顯。

●使用時機：

希望保留大部分的原始影像色彩時。

●結果圖片與說明：

由左上方的色塊可以看出作用於中間灰階(RGB:128)完全是透明的，25%與75%灰階調則大部分保持了原來的色彩與透明度。

◎ Hard Mix實色疊印混合模式

●快速鍵：Alt + Shift + L

●作用說明：

大幅增加影像的對比，並將色彩階調簡化，有如"影像/調整/色調分離"效果。

●使用時機：

迅速製作各種色塊的剪影時。
製作對比超大具視覺張力的影像時。

●結果圖片與說明：

◎ Difference 差異化模式

●快速鍵：Alt + Shift + E

●作用說明：

差異化模式是將上圖層之影像轉成負片效果後，經由比較上下圖層的影像明暗來決定顯示出來的效果，當下面的影像比上面的暗時，上層的影像會顯示為原來的色彩，若相反，則顯示負片效果之色彩。黑色在差異化模式是中性色，上圖層任何黑色部份將不產生作用。

●使用時機：

製作詭異、夢幻特效時。

●結果圖片與說明：

在圖片右邊顯示負片效果的影像，顯示紅色的區域則是下方的影像較上方影像為暗，所以顯示為原始的影像色彩。
左上方的黑色色塊已消失變透明，顯示黑色在此模式下沒有作用。

◎ Exclusion 排除模式

●快速鍵：Alt + Shift + X

● 其它翻譯：去除模式

●作用說明：

此模式與Difference( 差異化 )模式類似，只不過產生的對比差異較小，較弱。黑色在差異化模式是中性色，上圖層任何黑色部份將不產生作用。

●使用時機：

所期望之效果略淡化於Difference( 差異化 )時。

●結果圖片與說明：

在圖片右邊顯示負片效果的影像，顯示紅色的區域則是下方的影像較上方影像為暗，所以顯示為原始的影像色彩，但是跟上面差異化模式比較之下，效果顯的較為柔和，整個對比沒有差異化模式的對比那麼大。
左上方的黑色色塊已消失變透明，顯示黑色在刺模式下沒有作用。

◎ Color 顏色模式

●快速鍵：Alt + Shift + C

●作用說明：

Color( 顏色 )模式乃結合Hue( 色相 )模式與Saturation( 飽和度 )模式。使用於灰階影像上色彩時使用。常見於把灰階影像變成彩色的製作範例。

● 使用時機：

灰階照片之顏色上色。

●結果圖片與說明：

◎ Hue 色相模式

●快速鍵：Alt + Shift + U

●作用說明：

Hue( 色相 )模式使用於將上圖層之色相資料留給下層，而忽略上層之Saturation( 彩度 )與Luminosity( 明度 )。

●快速記憶：

色彩三元素，Hue( 色相 )、Saturation( 飽和度 )、Luminosity( 明度 )。Hue( 色相 )模式取上層之Hue( 色相 )，忽略其它二者。

●結果圖片與說明：

◎ Saturation 飽和度模式

●快速鍵：Alt + Shift + T

Saturation( 飽和度 )模式使用於將上圖層之飽和度資料留給下層，而忽略上層之Hue( 色相 )與Luminosity( 明度 )。

●快速記憶：

色彩三元素，Hue( 色相 )、Saturation( 飽和度 )、Luminosity( 明度 )，Saturation( 飽和度 )模式取上層之 Saturation( 飽和度 )，忽略其它二者。

●結果圖片與說明：

◎ Luminosity 明度模式

●快速鍵：Alt + Shift + Y

●作用說明：

Luminosity( 明度 )模式使用於將上圖層之亮部與暗部資料留給下層，而忽略其Hue( 色相 )與Saturation( 彩度 )，所以這種混色模式混出來的圖片大都會帶著灰色的階調( 色彩飽和度低 )。

●快速記憶：

色彩三元素，Hue( 色相 )、Saturation( 飽和度 )、Luminosity( 明度 )。Luminosity( 明度 )模式取上層之 L( 明度 )，忽略其它二者。

●結果圖片與說明：

上層與下層的影像混合之後顯示

總結

整個混合模式依照功用與效果做區隔分成多個類型群，在相同群組之中所呈現的效果是大同小異，但唯一不同的是效果表現出來的程度(效果強度)，依照效果強度與群組將其說明如下：

◎ 主要處理亮部階調(黑色無作用)

我們可將效果強度看成明度混合的容許度，依照其混合出來的效果強度，由最差至最強依序排列如下：

1.變亮 → 2.濾色 → 3.線性加亮 → 4.加亮顏色

◎ 主要處理暗部階調(白色無作用)

我們可將效果強度看成明度混合的容許度，依照其混合出來的效果強度，由最差至最強依序排列如下：

1.變暗 → 2.色彩增值 → 3.線性加深 → 4.加深顏色

◎ 同時處理亮 / 暗階調(灰階無作用)

我們可將效果強度看成明度混合的容許度，依照其混合出來的效果強度，由範圍最小到最廣依序排列如下：

1.柔光2.覆蓋3.實光4.

下列的混合模式則是較上面三種混合模式效果要來的強烈

強烈光源
線性光源
小光源
實色疊印混合

◎ 主要處理色彩

作用範圍與上方皆不同，主要在於色彩三元素的部份，而非色彩的階調，故此分類沒有強度排名。

1.顏色 2.飽和度 3.色相 4.明度

◎ 特別處理

主要作用效果是隨機(Random)的點(pixel)

溶解

混合模式之容許度調整

進階混合 & 混合範圍

測試圖檔下載

圖檔下載

[技研]photoshop 的快速遮色片為何是紅色的

2008-06-26T18:09:00.001+08:00

Photoshop的快速遮色片為何是紅色的? 這個問題恐怕沒啥人想過，對於攝影界的老前輩來說~或許這個問題真是沒啥程度可言，但是對於完Photoshop許久的人~恐怕連這遮色片色彩的問題都不曾去思考過，其實這個紅色是有緣故的，在Photoshop尚未問世之前，分離色版的遮色片是用美工刀在一種名叫Rubylith 的紅色膠片上切割出來的，用在對紅色沒有反應的底片上，被切割過的Rubylith遮色片隔出了可作用的區域及不被影響的區域，接著這些附片就被用來製版。

而Photoshop的快速遮色片顯示出選取範圍與非選取範圍，就是仿Rubylith所遮蓋的紅色區域。也就是快速遮色片預設為紅色的原因啦~

Photoshop 號稱數位暗房，當然其中有很多原理跟傳統攝影暗房很相似，也有些觀念是從傳統暗房及攝影原理所來的，但是這個遮色片色彩的緣由，我想不說大概許多人也不知道吧~呵呵

[下載]網頁設計師不可沒有的10個隨身碟軟體

2008-06-19T13:09:00.000+08:00

隨著隨身碟的價格越來越低，要以不到一千元的價格取得2G以上的隨身碟可真是越來越簡單了，因為自己本身經常會到處跑，但是電腦有時候可不一定是隨身攜帶，所以帶個隨身碟，把常用的軟體放在裡面，不但隨時可在使用別人的電腦上網時不用擔心對方電腦沒有安裝此類軟體，也可以在幫別人重灌或是檢查電腦時，直接取用，如此方便的軟體，馬上就來看看吧~

第一個 FireFox 免安裝版網路瀏覽器

講到瀏覽器，絕對會想到FireFox 這套好用又免費的瀏覽器，不但免費使用外，還有一堆方便的擴充元件可以增強他的功能，可謂不可多得的好物阿~目前免安裝版是由網友自行開發，在這邊找到一個載點給大家~請大家自行找找吧~或者直接按這裡在Google搜尋

第二個 Filezilla 免安裝版FTP軟體

FTP軟體也當然不可以缺席阿~經常在外跑的設計師，若是遇到客戶臨時要稿件，那麼這套免安裝的FTP軟體絕對不可遺漏掉，免費且免安裝外~他還是中文版喔~所以有興趣的人不用擔心不會使用，像是我離職前一間公司內~就有好多程式設計師都在使用這一套呢~ 點這裡前往下載頁面啦~

第三個 GreatNews RSS 閱讀器

RSS閱讀器，據我接觸過的朋友，使用的人不多，但是保證用過的人馬上就會愛上他的啦，尤其是每天必逛眾多網頁的人來說，這套軟體絕對能幫你省下很多逛網的時間，你只要訂閱該站的RSS，之後，一旦該網站有新的文章發佈，你不用辛苦的到該網站，只要打開Great NEws馬上就能知道哪些網站有更新囉~由這前往官網~點這直接下載免安裝版

第四個 7-zip 壓縮軟體

嫌RAR要錢又要安裝嗎? 那你就來用這一套吧~這是一套免費的壓縮軟體，免安裝、免費、小巧方便攜帶喔~支援的壓縮/解壓格式不僅多，利用7-zip壓縮出來的檔案還硬是比winRAR壓出來的還要更小，而且他還是大家推崇的開放原始碼軟體，如果想瞭解他支援的格式期詳細的資訊，就上他的官網吧~點我直接下載~

第五個 XnView 看圖軟體

XnVie是一套免費的看圖軟體，比起要錢的ACDSEE來說，XnView該有的功能都不少，當現在軟體越做越大，相對的耗用電腦的資源也越來越多，XnView能耗用極少的資源就可讓你輕鬆瀏覽你的相片圖庫，且內建的網路相簿功能，讓你用三個步驟就能輕鬆建立漂亮且效果十足的網路像簿，重點是他還是中文的喔~還在懷疑嗎? 快來下載吧~官網請到這~

第六個 FSCapture 螢幕擷取

說到FSCapture這套軟體阿，可真是超棒的，雖然現在這套軟體已經要收費了，但是硬是被Mitch找到這套尚未收費前的舊版本，不過可不要看他版本舊，該有的功能可是一樣都不少，像我這種重度網路使用者，每天要晃的網站可不少，有時候MSN朋友還不時丟來一些好站連結，看完之後呢~馬上就用FSCapture給他把畫面擷取下來存檔，對於想建立網頁畫面資料庫的人來說，可是不可或缺之好物阿~還不趕快放到你的隨身碟嗎?! 舊版下載到這~新版請上官網~

第七個 ColorCop 螢幕取色器

想知道網頁上面的色彩數值是多少嗎? 用 ColorCop 馬上就知道啦! 小巧免費加上免安裝，當然一定要加入隨身碟收藏啦~往後看到好站的色彩，用ColorCop 吸一下馬上就可以知道囉~雖然他是套英文軟體，但是清楚簡單的圖形化介面，讓你一看馬上就會用，完全不需要學習喔~若想看更多的資訊就上他的官網吧~點我直接下載啦

第八個 ScreenRuler 螢幕尺規

對於一些初入網頁設計的人~或者是有經驗的網頁設計師來說，網頁上面的尺寸可能常常都要把圖截取之後貼到Photoshop中利用尺標來量測，真是太麻煩了，為什麼不能直接在畫面上量呢? 對的~這個就是讓你直接在螢幕有把尺標可以量測畫面寬度的螢幕尺標，目前網路上有不少人分享，不過有些好像有病毒，這邊分享的檔案皆經過掃毒的~而這個版本原來是中文化版~但由於中文話程式被掃到判定有病毒~所以已被我砍掉了~若有人下載我的版本有掃到病毒的話請告知我，會立即砍掉此分享~以避免更多人中毒~Screen Ruler 下載請到這邊吧~

第九個 FLVplayer FLV影片播放器

現在要下載網路上的影片真是越來越簡單了，如果你下載到的是FLV這種影片格式怎麼辦? 沒關係，用這套免安裝的FLV 播放器來看吧，免安裝，只要把你的FLV 影片檔拖拉到視窗中放掉就可以了，播放FLV 影片就是那麼簡單啦~~還等甚麼? 快下載去吧~

第十個 Asuite 隨身碟選單

有了那麼多的隨身碟軟體，沒有一套好的軟體來管理可就太不方便了，Asuite是一套免費的隨身碟選單製作軟體，主要是在於它是使用相對錄鏡的觀念來啟動隨身碟中的軟體，所以對這一堆的免安裝程式來說，可是方便太多了，Asuite不但可以設定軟體捷徑，也可以製作資料夾及軟體群組的捷徑在一個選單上，像是印表機本人經常在各補習班做教學的時候需要開一些之前收錄的學生作品，或是自己的作品集等資料，勝制醫些不習班沒有安裝的軟體，通通我都設定在這個選單之中，只要點一下就開啟了~真是超方便的啦~~由於軟體本身是英文版的，所以印表機自己小小的中文化了一下，若是翻譯有不好的地方，還請大家多多指教阿XD~廢話講太多~下載先啦~