星期六, 7月 05, 2008

假字製造機:Lorem Ipsum

做設計總是會遇到需要文字的時候,不管是「真的」需要字來放進去,但文字人員還沒辦法給你;或者是「裝飾性」文字,也就是…這些字到底寫了些什麼,其實一點兒關係也沒有…最棒的是,不管你要多少假字,Lorem Ipsum全部都給你!毫不保留!絕不藏私~

連到Lorem Ipsum的首頁,你會看到四個主要的文字區塊,包括What is Lorem Ipsum、Where does it come from、Why do we use it、Where can I get some;在Where can I get some的底下,你可以輸入需要的段落行數(預設是五個段落),選取需要的文字形式,按下"Generate"(製造文字)!接著你就會看就一個新的頁面,裡面就是你需要的文字了!

至於為什麼要用Lorem Ipsum的「假字」呢?你當然可以隨便用一句像底下這樣子:
This is Lorem Ipsum, This is Lorem Ipsum, This is Lorem Ipsum, This is Lorem Ipsum, This is Lorem Ipsum, This is Lorem Ipsum, This is Lorem Ipsum, This is Lorem Ipsum, This is Lorem Ipsum, This is Lorem Ipsum, This is Lorem Ipsum, This is Lorem Ipsum, This is Lorem Ipsum, This is Lorem Ipsum, This is Lorem Ipsum
不斷的重複文字來當作你的假字內容,但你會發現,這些This is Lorem Ipsum太假了,一下子就被發現是「很假」的假字!

如果你像許多國外的出版業者包括Adobe一樣,使用Lorem Ipsum的假字之後,你會發現,雖然文字是假的,但這段文字卻假得很真!例如:
Sed id dolor. In hac habitasse platea dictumst. Maecenas diam ligula, vulputate vitae, mollis at, ullamcorper non, velit. Donec in velit. Sed lacus nisl, vestibulum sed, vehicula et, commodo eu, ligula. Duis vel lacus. In tincidunt. Vestibulum elit. Praesent hendrerit. Suspendisse venenatis.
這些文字呈現的樣貌就像隨便翻開的一本歐美小說一樣,「不會重複」,而且「具有閱讀性」(雖然你不可能看出寫了什麼),這就是它被許多人所採用的原因之一了!

星期四, 7月 03, 2008

Adobe CS4 Beta - 開始下載了!

Adobe偷偷把一些CS4的Beta版本放進實驗室(Labs)裡,不過只有Adobe Dreamweaver CS4 BetaAdobe Fireworks CS4 Beta以及Adobe Soundbooth CS4 Beta這三個是CS4的Beta,其它CS4的Beta,我只有在Greg Rewis的簡報之中曾看到Flash CS4 Beta;按照前天參與的Adobe一氣呵成研討會裡偷偷聽到的消息,Adobe CS4明年應該就會正式推出了!

想想,有些人連Adobe CS3都還不大會用呢,結果更新的Adobe CS4又要推出了…喔,對了,如果你想安裝這些Adobe CS4 Beta的話,得先有Adobe CS3的合法授權安裝,否則是沒辦法安裝的唷!

還有還有…Dreamweaver CS3的Spry也有出更新程式,雖然已經出一陣子了…

星期三, 7月 02, 2008

拔牙記


今天去拔牙齒了!!!其實今天只要一想到要拔牙,心裡就很難過,雖然我知道很多人都有拔牙的經驗,但是我已經有很久的時間沒拔過牙了,想到這次要拔我的一顆智齒…心裡面又是一陣難過…

終於,到了晚上九點,跟醫生約定的時間,我一個人走進牙醫診所,心裡滿是難過…護士小姐安慰我說:「不會痛的…」雖然她很好心,但我還是覺得心裡很不舒服,於是我打了電話給小瑜,希望她給我一些安慰,只是打了她都沒接…打給陳明義,他只會打屁而已,覺得一點效果也沒有,後來我打給我妹,她說她之前也有去拔牙,到時候會要咬著紗布一陣子來止血…聽著聽著,總算有一點被安慰到的感覺;本來還想打給大姐的,但這時…護士小姐叫我進去坐了…

我坐上「手術台」,看著醫生笑著的臉,雖然我也是笑著,但那是苦笑,我一點兒都不覺得開心…醫生也是給我一些安慰,跟我說不會痛的…說著說著,他就拿起一根好大隻的針、面帶微笑的把針緩緩插到我的嘴巴裡…哇…好無奈呀!我只能讓醫生「予取予求」!想著我無助的嘴巴…只想渡過這短暫煎熬的時間…

打完針以後,醫生說要等麻醉起作用,所以我們三個人就大眼瞪小眼,看我的嘴巴什麼時候麻…嗚嗚嗚…好可憐…雖然他們還是不斷的安慰著我,但我還是覺得好難過…

醫生試了一下,看我有沒有麻,結果他說這樣可能還不夠;於是他又給我打了一針…嗚嗚嗚…好可憐…我又被打一針了…

過沒多久,好像比較麻了…醫生就開始「動手」了!我想,他應該是先把我牙齒的肉切開來,然後才拿「好大」的一隻鉗子,直接夾住我的牙齒,然後用旋轉向上的方式,轉呀轉的…而且還滿用力的,才把我的牙齒拔出來…終於!!!

感謝醫生和護士小姐的安慰,終於把我的這顆智齒拔出來了…告一段落,還得去藥局拿消炎止痛的藥方…一天吃四次,三餐飯後加睡前…這時的我,還在咬著嘴裡的紗布…想著:「牙痛不是病,痛起來要人命…」牙齒的問題真的是令人頭大呀!我的牙齒可不可以不要再生病了!

星期二, 7月 01, 2008

What is My Style?

今天晚上和安吉拉去捷運雙連站1號出口一家新開的咖啡店吃飯,看起來像日文的名字我叫不大出來…主要是教她怎麼使用iMovie,只不過,她給的影片檔iMovie都不能用,甚至轉成了.mov也都不行,其它的格式似乎又沒辦法轉檔,真不知道該怎麼辦才好呢!…後來,打開Windows的Movie Maker,不過還沒使用,就覺得累了…

電腦收起來,聊聊她準備要去義大利唸書的事情,13個月大約要花140萬!哇!真的是不少錢呢!

她說還沒找到自己的風格,所以出國希望能找到…我給了她一些建議,也許,這也提醒著自己!

當妳花了140萬去到義大利學東西的時候,妳已經準備好跟老師「要」東西了嗎?妳知道要跟老師「要」什麼嗎?

當妳找不到自己的風格時,妳有沒有辦法找到妳喜歡的風格?妳有沒有辦法做出跟妳喜歡的風格一樣的東西?甚至,妳有沒有辦法做得比妳找到的風格還要好?畢竟,「在妳打破規則之前,妳得先把規則學好!」

另外,就是「整體性」的觀念。當妳在做一件事情的時候,應該要注意「整體性」的感覺!如果各種條件都允許的話,才再進一步把東西做更好!否則,妳應該隨時一停下來,作品都能有六十分以上的水準。

舉個例子來說,「豪華五星級酒店」和「豪華汽車旅館」的差別,除了設計的造型之外,品質也會有相當的差別!大部份豪華汽車旅館的裝潢雖然漂亮,但品質都不比豪華酒店好!然而,豪華汽車旅館整體性的感覺卻不見得會輸豪華五星級酒店!畢竟風格不同!

儘管風格不同,成本的差異卻很大!

有些花費大成本、號稱五星級的豪華酒店,在住過以後只會讓人覺得很普通、沒什麼特別的印象;但有些之前從來沒去過的汽車旅館,在住過之後,卻能讓人留下美好而不可思議的回憶!在這之間,整體性就是其中一個主要的因素!

因此,不論時間和金錢等各種條件有多麼的嚴峻,好的建築師或設計師都有辦法做出讓人舉起大姆指的好作品!然而,這同時也是許多大師認為最好的作品都是下一件作品的原因,因為很多的作品都存在著不少的限制!

那麼,回過頭來,What is My Style? 我的風格到底是什麼呢?

好好思考「整體性」的觀念,我們就能在有限的條件之下,做出「整體性」具有相當水準的作品!再者,隨著觀念、經驗、技術的提昇之下,我們的作品水準自然會愈來愈高!自己的個人風格呢?…有成語叫做「水到渠成」,到時候,不想要有自己的風格都很難呀!

所以,妳找到自己喜歡的風格了嗎?

星期日, 6月 29, 2008

Photoshop Lightroom Beta 2.0 直接將照片列印成JPG檔

最近工作忙,沒什麼時間用Photoshop Lightroom,但The Image-Space提到了一個在Photoshop Ligthroom Beta 2.0的新功能,而且我認為也相當不錯,就是「Print to a JPEG file directly from the Print Module」(在「列印」模式底下,可以直接將照片輸出成JPG檔)。有時候我們並不想直接印出來,因為Photoshop Lightroom輸出模式的效果有時相當不錯,為什麼不能把列印的照片放在網路上呢?現在多了列印成JPG檔的選項,真的是太棒了!

其實「你都懂」的基本設計原理:Gestalt Psychology

身為設計人,對於「格式塔心理學(Gestalt Psychology)」或「完形心理學」,應該有充份了解與認知;同時,也應該讓你的客戶有相當的體認。然而,在時間的前提與客戶的要求之下,很多設計師卻犧牲了這一點,讓一團亂的畫面完整的呈現在眾人的眼前!這是設計師的錯嗎?還是客戶的錯?或者,這不是我的錯、都是別人的錯?

暫時先不管是誰的錯,當我們在執行設計的工作時,創意的加乘當然萬分重要,但我們還是不該忘記完形心理學的基本理論:「部份之總和不等於整體,因此整體不能分割;整體是由各部份所決定。反之,各部份也由整體所決定」。所以設計的結果是看整體,而不單是看某個部份而已。

我之前的同事Green曾跟我說過:「好的畫家,隨時一停下畫筆,至少都能拿六十分以上。」這就是整體!不論是設計,或者是工作,這都會是一個很好的觀點!當你停下手邊的工作時,是否也能輕鬆的拿到及格分數呢?

從事設計工作,勢必得讓客戶了解到「整體」,而非強調每個都是首要的重點;因為,當電影裡面所有的漂亮女生都是女主角時,等於是沒有女主角了!

wowboxBlog的「格式塔心理學」這篇文章,轉載了Blueidea.com的「格式塔心理學」,提供了格式塔原理在構圖中的應用形式,讓我們好好的再復習一次吧!

IE6自動將你Div的Margin加倍!不管你要或不要…

如果你的Div具有 float 屬性的話,可以讓你的Div向左或向右「飄移」對齊,但在IE6底下卻會讓Div的margin加倍!這是IE6的一個小bug。解決這問題的方法就是把Div加上底下的屬性:
display:inline;
如此就不需要再針對IE6來調整你的Div了,這會省下很多時間唷!

星期日, 6月 15, 2008

CSS也有圖層遮罩功能!

今天在iBloom Studios上看到了「Misunderstood CSS Clip (誤解的CSS Clip功能)」這篇文章,才注意到原來CSS也有一個像Photoshop Layer Masker(圖層遮罩)的功能,語法如下:
div { clip: rect(5px, 40px, 45px, 5px) }
如果想進一步了解的話,這個網頁有很詳細的說明!嗯…又多學了一樣東西!

星期四, 6月 05, 2008

沒辦法用CSS來做EDM發給別人…

這幾天做了一個EDM,是一個用CSS語法構成的網頁,修了又修,改了又改,最後要用電子郵件寄出的時候,才發現,這根本就不能用!並不是說EDM做得不好,但是在Outlook的寄出預覽下觀看的結果,只能用四個字來形容:「支離破碎」!

怎麼辦呢?它根本就不讀取我的CSS語法,沒辦法,最快的方法就是重做!我馬上用Photoshop把版面輸出成網頁,用表格(Table)做成網頁,稍微調整一下,不用一個小時就把樣子弄好了,剩下的就是微調與細心的修整…

真的沒辦法用CSS來做EDM發給別人嗎?!

星期三, 6月 04, 2008

E-coupon卷用時方恨少!

今天上博客來網路書店想買一些書,因為我記得有幾組E-coupon可以用;不過,當我把這些E-coupon找出來時,竟然全都過期了!它的使用有效期限至2008年6月1日!這…這…這實在是太令人難過了!

於是我上網找了一下,看看有沒有其他人提供免費E-coupon;遺憾的是,找到的E-coupon全都是過期、不然就是用過的!只能說…「E-coupon卷用時方恨少!」最後,即便沒有E-coupon,我還是照樣給它買下去了,一共NT$1044。

星期二, 6月 03, 2008

VX Revolution

上星期跟阿典出來吃飯,我把之前買的那隻市價2590元的羅技VX Revolution滑鼠給他看,他一把就拿在手上把玩了一下,只是沒兩下子,他把無線接收器反插進滑鼠的收合處,而且,弄了老半天還沒辦法把這個小小的接收器給拔出來!於是,他就說羅技的滑鼠賣得應該很不錯,但還是沒把防呆給做好,像這種情形就應該要避免才是!嗯嗯,對呀!其實我也這麼覺得,萬一插錯了可真麻煩,況且,我正面臨這個麻煩呢!怎麼辦呢?我慢慢、慢慢的想辦法把它拉出來,插得可真是深…

好在,終於在我的努力之下,手指的磨擦力剛好讓我把它給拉了出來,救回了我心愛的滑鼠!

雖然我認同「防呆」的重要性,但我也認為,如果你會願意花十倍的價錢來買一隻滑鼠,應該不會把它當做250元的滑鼠來使用。

不能連到DLink DI604 IP分享器

今天早上在弄公司的網路,想把它接在IP分享器上,試了ipconfig/all這個指令,找到了分享器的IP位置;但奇怪的是,怎麼連都連不到分享器的設定頁面!後來,Robin進來辦公室,我在他面前又再試了一次,只不過,這次我把電源線拔掉了…沒想到居然就連上了!真是的,難道這是磁場的問題嗎?

下次遇到同樣的問題,可以把硬體的部份重新啟動,例如將IP分享器關閉後再開啟,這樣就不會發生明明找到IP卻Ping不到也連不到的情形了!

星期一, 6月 02, 2008

Adobe Photoshop CS3 Extended Plug-In for Google 3D Warehouse


如果你有在使用Adobe Photoshop CS3 Extended的話,Adobe Labs有提供一個無敵棒的外掛程式(Plug-ins),讓你可以針對Google 3D立體建構的圖形資料庫做搜尋!嗯…為什麼要用這個外掛來找3D圖庫?因為它是免費的!而且圖庫之豐富,令人咋舌!相當棒的一個外掛程式!不過…它只能在Adobe Photoshop CS3 Extended中執行。

這裡有Adobe Photoshop CS3 Extended Plug-In for Google 3D Warehouse的詳細說明,或按這裡直接到下載頁面下載程式。

安裝完成後,開啟Adobe Photoshop CS3 Extended,你可以從「檔案 > 自動 > Search Google For 3D Model...」來起始Google的3D Warehouse(3D模型庫)。基本上,就跟網頁上搜尋沒什麼兩樣,但你找到的不是一般固定角度的圖片,它是完完全全3D立體的!而你可以透過Adobe Photoshop CS3 Extended來控制這個3D物件!超神奇的!

星期一, 5月 26, 2008

CSS:Hacks For IE6/IE7/FireFox

有時候我們在用CSS樣式表來製作網頁的時候,常常會發現在不同的瀏覽器裡面看到的樣子是不一樣的,最常遇到的就是IE6、IE7、FireFox之間的差異了。FireFox是採用網頁標準規範來製作的,能準確的解析出網頁標準格式;但IE6和IE7就不是這個樣子了,它們對於網頁標準的規範不如FireFox準確,而且同樣都是IE瀏覽器,不同的版本讀出來的東西竟然也不一樣!像IE6和IE7就不同,這很令人頭痛!

經過一段的測試,我無意間發現了一個方法,可以讓IE6/IE7/FF都能正常作用!只不過,這個方法可能已經有人比我早發現了!

今天我在找這個方法的時候,發現其實還是有很多網站有不同的寫法,但我認為最簡單的方法(和我用的方法一樣的…),首先在awflasher.com的「解决IE6、IE7、Firefox兼容最简单的CSS Hack」上看到,不過他是在cmsproducer.comCreating different CSS style selector definitions for different browsers (Firefox, Internet Explorer 7 and IE 6.0)上看到的。方法如下:

#yourDiv{
 padding:100px;
 #padding:200px;(#也可用*替換)
 _padding:300px;
}

意思是…"yourDiv"這個id,在FF(FireFox)的padding會顯示為100px的距離,在IE7是200px,在IE7版本以下(IE5、IE6)則會是300px。

換言之,FF只會讀取正確的語法,而不會讀取#或_開頭的語法;但IE7則會把#(或*)開頭的語法也讀進去,但略過_(底線)開頭的語法;IE7以下的舊版IE則會略過#開頭的語法,繼續讀取_開頭的語法。一般來說,愈後讀取的語法愈優先表示出來。

其它還有將IE7會讀取的#號換成+號或*號的,也可以去試試。

我把一些不錯的相關連結列在底下,提供參考:

星期日, 5月 25, 2008

心有餘而力不足

有時候,你看到某個東西是有問題的,而且你知道問題出在哪裡、應該要怎麼做;於是你告訴了對方這個問題,同時也不吝嗇的告訴對方答案、試著去解釋原因、舉出不同的例子、甚至做一次給對方看…終於,你得到了認同的表情,對方點點頭,並且表示非常同意你的方法!而且以後就會這麼做!你覺得這樣子的結果似乎不錯!

但是,過了一陣子,你卻又再次看到同樣的問題,讓你吃驚不已!

於是,你很有耐心的再解釋一次,再舉出不同的例子,再一次讓對方又給了你認同的表情,點點頭,並且表示非常同意你的看法!

過了一陣子,你還是看到同樣的問題,不過,這次得到的是「感嘆」!難道這就是「心有餘而力不足」嗎?

星期五, 5月 23, 2008

高樓林立的香港、世界級乾淨的新加坡




前陣子因為工作的關係,有機會到香港(Hong Kong)和新加坡(Singapore)去,剛好都是亞洲裡面相當繁榮的地方,他們繁榮的程度,比起台北來說,完全是有過之而無不及!從降落的機場與都市的連結就可看出差異:只有台灣沒有與機場連接的地鐵或捷運系統!雖然他們的地鐵捷運不見得比我們的台北捷運要好,但方便性卻高出很多,同時也顯示了台灣對於觀光的國際化程度尚有待加強!

高樓林立的香港

記得我剛去香港的時候,花了HK$100從機場搭「乘機場快線(Airport Express)」直接就坐到市區了!超級方便!(台灣呢?…)

這是我第一次到香港,雖然我從沒想過是出差的原因才來到這裡的,但是看到香港到處都是高樓林立的情景!我想起的是電影第五元素(The Fifth Element)的情節,先進的都市,繁榮的景像,到處都是超高建築,他們沒有像台北101這麼高的建築,但平均樓高大約都是在四十層樓左右!!這是在台灣完全看不到的景像!

除了高樓林立之外,香港的「的士」(Taxi/計程車)以及到處都有的飲茶也令我印象深刻。香港計程車的造型完全都是一個模子做出來的(不像台灣,什麼樣的計程車都有…當然,我們要攔車的時候也可以選高級一點的車坐就是了…),所以每個人坐的都是一樣的,只不過有些是四人坐、有些是五人坐。其實,我相信計程車也是「市容」的一部份,我認為他們這部份做得不錯。

在香港,好像很難看不到茶樓的,他們到處都是茶樓!不過我待的天數不夠,只有陪同事一起吃飯喝茶而已,感覺和台灣很像。

至於Shopping的部份,因為我是出差,也沒那麼多時間,所以沒逛什麼…但是香港果然很有港片的感覺,電車、地鐵、港口、夜生活…

世界級乾淨的新加坡

後來轉機到新加坡,一樣也有地鐵捷運可以坐到市區(不過我認為規劃得比較複雜,香港比較簡單方便!),還是比台灣從桃園坐巴士到台北來得舒適許多!

新加坡的乾淨的程度真是令人難以想像,讓我想到之前去日本玩的時候,一樣也是非常讚美日本人的乾淨!我們可以從最不會有人去注意的「道路」(Road)可以看出來;新加坡的道路很乾淨,不像台灣,就連台北也一樣,到處都是坑坑洞洞的!(印象中看過最差的大概是帛琉了,2004年去的時候,他們是石子路,但他們的自然生態保留得非常原味!)

新加坡和香港一樣,只要你會坐地鐵,大概就可以玩透透了!大眾運輸工具不止造福了他們自己,也讓觀光客可以到處觀光!非常方便,台灣要加油了!

在新加坡除了吃一些有名的東西(雞飯…)之外,整座地市就像是圖庫裡面的照片一樣!大太陽底下隨便往上拍個照,無敵藍的天空,加上高科技的建築,原來…圖庫裡面都市的照片就是從新加坡拍的!

月是故鄉圓

回到台灣以後,雖然看過了香港與新加坡的美好,但我還是深深愛著台灣這片土地!回家真好!還是自己的床最舒服!台灣雖然沒有像他們這麼繁榮與先進,但我相信我們很有潛力!而且我們的寶島上面什麼都有!(什麼都有、什麼都不奇怪!)陽明山、淡水、阿里山、日月潭、墾丁、七星潭、太魯閣…還有好多好多的地方,都很值得去體驗!希望我們的政府在規劃觀光產業的時候,也要把交通搞好!(單就「道路」這個項目就很令人失望了!為什麼總是到處都是坑洞!?)