因為是Adobe的活動，所以特別用photoshop.com來秀照片。
加入書籤
2009年7月22日星期三
2009年4月19日星期日
2009年4月18日星期六
看起來似乎不錯用的AIR app-Balsamiq Mockups
看起來似乎不錯用的AIR app-Balsamiq Mockups，為了加入寫文章換免費版，所以我也來寫篇文章吧，且明天的簡報也會提到。
這是一套專門做UI mockup的軟體，以手繪風格呈現，正好符合mockup的使用情境，加上是用AIR開發的，讓我對它更有好感。
目前我只用過試用版，試用版可以做各種編輯動作，只是最後無法存檔。功能上還算完整，一些基本的UI元件都有
每個元件都有完整的屬性設定
還有全螢幕模式，方便做簡報用，不錯
最近的更新還加入了iPhone元件，方便做手機UI的mockups，也很不錯
目前把玩的心得到此，將來有玩到更多心得再分享了。
2009年2月11日星期三
聊聊Google Latitude
Google Latitude:
http://www.google.com/intl/zh-TW_tw/latitude/intro.html
官方說明：
即時查看好友所在的位置。
開始在手機上使用
查看好友的位置與狀態訊息，並與他們分享您的資訊。
(有說好像沒說…XD)
上週找時間把Google Latitude裝了起來，以下談談它的功能及我的個人使用心得。
我個人是用Nokia N95來安裝，會想試的主要目的是，這種"知道朋友在哪"或是"讓朋友知道我在哪"的應用，看來會是今年在工作上常被討論的話題；其次就技術上來說，把自己的位置傳到server上是很容易的事，只是要傳到哪個server上？好友名單怎麼整合？我好奇Google的做法會是如何。
手機連上 google.com/latitude ，發現不是要我安裝新軟體，而是要我更新原有的Google Map，更新完會發現多出一個"縱橫"(Latitude)的選項。點進去會要求你輸入Gmail帳號密碼，詢問你是否要開啟Latitude這項服務，是的話接著會要求你設定你預設的分享方式，如下：
點左下角的"新增朋友"的話，會先出現Gmail聯絡人名單給你選，或直接輸入對方的email，選好後，便會發出申請加入的通知給那些朋友。
當對方收到email後，同樣要先啟用Google Latitude，並會看到如下的分享要求通知。如下：
互相都有按接受，並同意顯示位置的話，你就可以看到朋友的動態了。如下：
你可以針對不同的朋友，設定不同的分享方式(對方名字旁的icon會有變化)
你也可以立即撥電話、傳SMS、規畫路線、在他附近搜尋，這幾個動作。如下圖：
除了顯示位置在，個人設定欄位上，有個"變更狀態"的選項，可輸入簡短的文字。
這個文字除了出現在Google Latitude上，也會同步到Gtalk的狀態欄。
整個把玩了一下子，我個人覺得Google Latitude要當成一個新的服務，只是他是跟Gmail用同一個帳號，但裏面的好友、聯絡人，是重新建立的，並不會直接Sync到Gmail, Gtalk上，新增朋友，也必需雙方重新認証，所以可以當做是一個新的服務，新的好友名單。
文字Status與Gtalk Status自動同步，這算是稍稍與其他服務的整合，只是整合的力道有點小，不過Google目前可能也只能先如此。這部份有空再另寫一篇來談。
2008年10月9日星期四
2008年7月9日星期三
Device Central CS3的該死bug
今天發現Device Central CS3一個可惡的bug，出現條件是Flash Lite3.0並使用loadMovie or loadClip的狀況下。
我建立兩個檔，test.fla及test2.fla，兩個的publish setting都是FlashLite3.0 + Actionscript2.0，使用Flash CS3，並在Device Central下瀏覽。
test.fla的內容為：
而test2.fla的內容為：
很簡單的測試，產生出test.swf後，以DeviceCentral來previeew test2.swf
若選擇FlashLite2.x版的模擬器，則會看到正常結果，如下：
若選擇FlashLite3.x版的模擬器，則會看到不正常結果，如下：
此bug造成的結果是，被load的swf，無法取得_root下的成員，雖然我沒一一實測，但光上面的狀況，就夠可怕了。
所幸此bug只存於Device Central CS3裏的FlashLite3.x模擬器，實際手機測FL3則是ok，Device Central CS4也無此bug。
>>下載測試檔：DeviceCentralCS3_bug.zip
2008年6月25日星期三
[公告]mmug換位置
http://mmug.com.tw/ 因為一些說來話長的原因，暫停服務一陣子！
若是您在這段期間有什麼 Flash 的問題 "急著" 想要找人請教與討論的話，歡迎到 Google Group 平台的 AUG.tw 繼續發問：
http://groups.google.com/group/augtw
2008年5月6日星期二
HTC Diamond Touch3D and Flash Lite
這篇主要來探討HTC Diamond-Tocuh 3D UI裏，Flash Lite有哪些做得到，哪些做不到。以下純推測，畢竟我不在HTC裏，也不認識Touch 3D的實作團隊，所以是純技術討論，但實際上Touch 3D是不是用我說的方法來做？就不在本篇範圍內了。
Youtube上已有很多影片了，請自行前往
http://tw.youtube.com/user/HTC
沒時間的話，直接看這段就好
1.時鐘
時鐘翻字效果，如果我來用Flash實作的話，我會直接把數字切半後做上下垂直壓扁，不需真的做梯形變形。有變梯形的，只有白色紙片底圖。重點是白色紙片跟黑色數字兩者是分開的。在變梯形的白色紙片與垂直壓扁的黑色數字疊在一起後，自然看起來就像一個翻頁效果了。
2.Music Play List
在iTune, iPod的Cover flow出現後，許多廠商爭相模仿，我也被許多人問過如何以FlashLite做cover flow，但答案是不行，至少標準的作法是不行的。重點仍在梯形變形，FlashLite截至目前3.1版，仍無法對bitmap做處理，因此無法做梯形變形。而非正規的作法(如mask)，可以模擬個大概，但不是很標準，且也很耗效能。
不過去除技術因素後，我仍強烈反對再做一套cover flow，原因是何苦做個me too產品再被大家笑呢？
HTC這個music play list的作法就滿聰明的，有抓到end user想要的重點：3D & rotation，但又跟Apple的效果不太一樣，而免去copy cat的罪名。另外就FlashLite的技術來看，實作機會也大為提高，原因是我們仔細看可以發現，它並沒有變梯形，而是平行四邊形。如下圖：
以Flash來說，變平行四邊形是非常容易的，以上圖的連續動畫，就可以弄出這個類3D效果了。
(同樣效果也有做在Phone book裏)
3.一些純動畫的地方
另外比較單純的，像氣象動畫
或是email翻轉動畫
(註：但email裏的文字部份在下一點補述)
甚至三軸加速計小遊戲
都是單純的動畫+互動功能，也是Flash擅長之處。
4.Flash實作困難之處
前面一直有強調梯形的問題，以下我們可以先挑出幾處有這種效果的地方。
如兩單元間的轉場：
或是photo & vidow單元：
或是email裏的文字：
從Youtube上各影片來看，email動畫中的文字每次出現都不同，所以應該是真實email的內容，不是隨便打些假字。可以看到文字的部份也做了變形。
5.結語
雖然昨天才launched，不過我們大概已不難想像Diamond將會贏得多少話題多少目光，就像一代阿福機一樣。
不過雖然Diamond的UI做得很棒，特殊UI項目也比一代阿福多很多，但總有一種「本來就該如此」的感覺，而較沒有一代阿福出現時的驚豔感。但就「起、承、轉、合」的步驟來看，Diamond算是在「承」的位置，這樣的表現也算恰如其分，之後的第三支TouchFlo，應該是更值得期待的。
(謎：你忘了Shadow了…)
最後就Flash的部份再說一下心得。從事Flash工作以來，常在視覺效果與效能之間做拔河，即便是以前在PC上做Flash也是。而這中間的秘辛常常是以類似變魔術的手法來達成，以各種取巧，不擇手段的方式，欺騙user的眼睛，來營造出常規做法做不出的效果。就像大衛考伯菲穿越長城一樣。我們都知道他不可能真的穿牆，但他確實有做出「好像穿過去」的假象，而且弄得很像。
(謎：這年頭沒人記得大衛了吧，該用日本的賽洛或是大衛白爛來舉例吧…)
若能以這種變魔術的心態來創作Flash視覺特效，我認為常會是作品致勝的關鍵。很多人都能想出不錯的idea，即使不是UI 設計師，也常有一些不錯的天馬行空。但重點在不是每個人都能想出戲法關鍵。
講到這，會讓我想到日本Flash大師Yugo近期的DropClock
http://scr.sc/products/dropclock/
這個視覺效果很棒，但由於沒辦法以Actionscript實作出來，或是讓出來的效果良好，所以最後他決定用影片的方式來做，整個screensaver要130多mb。
我覺得這就是想出了不錯的idea，但卻沒想到很好的戲法關鍵，直接用影片來做，等於是表演穿牆魔術時，真的跑去挖牆壁一樣。130多mb的screensaver，我看完效果就移除了。
不過Yugo以前的作品還是很不錯的，值得大家學習。 :)
不論如何，用Flash來變魔術，真的是很有趣的一件事。
訂閱：
文章 (Atom)
