Good Man: app

2011年9月25日星期日

事前準備

首先必須先安裝 Windows Phone SDK，安裝方式請直接到微軟的官網下載，並隨著步驟安裝，這邊就不特別一步一步講了。(沒特別需求就下一步到底就對了)

假設已經安裝好了，那麼…

打開 Microsoft Expression Blend 4

然後新建一個專案

我們選擇 Windows Phone Application 將專案名稱取名叫 WOW

打開後會長這樣

先將改改標題，讓應用程式有名有份

接著點選左上方的 Assets

Control –> All –> Image 找到 Image

將它拖曳到你的主畫面上，可以看到左下方多了一個元素，畫面上也多了一個方框

接著我們在畫面上點選方框，在右方的 Source 選張圖片給它

然後回到左上角的 Behaviors ，找到 PlaySoundAction 以及 RemoveElementAction

將 PlaySoundAction 以及 RemoveElementAction 拖曳到主畫面的圖片上，就會看到左下角的 Image 底下多了剛剛幫它添加的 Behaviors

點選 PlaySoundAction ，到右方進行編輯，選個適合的 mp3 給他，記得將音量調到1，避免以為沒有聲音。(這邊可以提供我個人錄製的 wow，沒有版權問題喔！)

接著存檔，然後 Run Project (其實按下 F5 也可以)

然後就可以把它點破，並發出你選擇的聲音檔。(剩下就自己多複製幾個泡泡，然後擺到你想要的位置囉！)

2011年8月27日星期六

前些日子在 PTT 上看到 adahsu 版友提供的 Balsamiq Mockups 資源連結，點擊進去下載試用了一會，實在是驚為天人！

底下皆以 Web UI 為例(Balsamiq Mockups 也可以用在 Web 以外的設計)

首先要特別強調的，就是幾乎零學習門檻這件事情。

我把這個工具丟給職業是會計的朋友玩，她只摸了10分鐘不到就可以順利的拉出想要表達的網頁畫面了。再來把 Link 的影片丟給她看，看完之後，我又解釋個 10 分鐘左右(其實重複講了 n 遍)就知道如何使用 Link 了。也就是說，只要是常用網頁的人，在30分鐘內一定可以上手！

使用無負擔，生產速度一流！

用 Dreamweaver、Frontpage…等工具來拉出「簡單的 demo 畫面」其實並不簡單，功能太過強大，使用起來一定較為繁瑣。但 Balsamiq Mockups 幾乎完全沒有任何多餘的操作，一切都是為 Mockup 而生，自然生產力會非常驚人！

手繪風格帶來的好處

用 Dreamweaver、Frontpage 拉出來的頁面，若不多花點心思配色、貼圖，會非常的單調死板；而手繪風格並不需要為此多下功夫，本身就具有設計感。
擬真雖然比較接近實際的樣子，但其實 demo 階段的產物與最後成品通常會有落差，容易造成與客戶/老闆的期待不符；而手繪風格很清楚的告訴客戶/老闆這只是 demo。(這點其實要視專案性質)

其它

google 下去，其實已經有非常多的人介紹了，但我還是忍不住再雞婆的介紹一次，希望可以讓多點人知道這個好用的工具！(至少我是最近才知道的 Orz…)

PTT 的另一位 kurtisgod 版友說 Axure RP 也很不錯，可以找時間玩玩看。

Good Man