一個好用的設計草圖軟體~ Balsamiq Mockups這個工具好用~

又給"機車的提姆"給毒害到~~ 恩~ 應該說給"幫助到"~
剛好工作上碰到一個小問題~ 要畫些概念的UI圖, 以往都是簡報檔案內部的圖形拉一拉~
不然就用ViXXX的好工具拉一拉~ 很"工程師"的硬梆梆的感覺~
而且也常覺得好像是在"作苦工"~ 如果圖形要改~ 通常都很…. 機車不想改的心理~
因為又要一個大工程了~~ 要大改是很痛苦的工作~
嘿~ "機車的提姆" 給了兩個英文字 "Balsamiq Mockups" …
恩~ 我知道他又給了個好東西啦~~

如果你想快速幾分鐘內"搞"個像這樣的網站UI概念圖~
或是~~

像這個~~ 手機開發的UI~~
恩~ 除了使用白板~ 白紙~ 先在上面用筆畫~
還有什麼方法可以10分鐘之內~ 把想法"搞"出來~ 還要可以分享給大家看~
恩~ 就是這套軟體啦~
Balsamiq Mockups 官方的示範影片~
有給他"眼睛亮到"吧~
真方便好用的~ 快快快~ 像我一樣等不及了吧~
首先這是 Balsamiq Mockups官方網站 的網址
接著~ 要好好說一下這個安裝注意的地方~
安裝順序: 請先注意喔~
單機版請先加裝Adobe Air 這是 Adobe® AIR™ 跨平台的網路應用程式 必須先安裝~
再來請下載 單機版 的軟體~ 這是安裝路徑~ 之後就可以直接使用~
另外還有 網頁版 可以直接用用看~ 但不能輸入中文~ (見下方中文的補充說明)
還有這 Mockups To Go 網站 這是其他可以參考的模組 或較擴充元件

擴充元件像是這樣的一些人家做好的圖片UI~
但我目前還不知道怎麼把他加到原本軟體裡面的工具欄位上~
只會 剪下和貼上的利用~ 恩… 這部分真搞不定他~
接著還有中文輸入的補充說明~
安裝好軟體後, 輸入中文會看到一些"輸入法"的問題~ 像這樣~

打不出字來~
但是~ 只要把 View 中的 Use System Fonts這個勾勾打開~
就可以嚕~

看看~ 中文輸入OK啦~~

這軟體~ 購買是有點給他貴… 說老實話~ 唉~
不過~ 開發者還是有些很"2.0"的"優惠政策"~ 呵呵~ 所以我也很快速很努力的寫了這篇的介紹~
不過~ 我也擔心~ 會不會他認為… 大家怎麼都用"這招"啊~ 呵呵~
Balsamiq Mockups Google上有的一大推的介紹和資料
手繪風草稿製作軟體,Balsamiq Mockups T.Design的部落格說明
Balsamiq Mockups介面雛型設計工具 Level Up這位網友很詳細的介紹
以及介面上的一些說明, 這部分害怕看不懂英文的朋友~ 可以看一下~
另外 Balsamiq Mockups的官方也有 Take a Tour 這個說明網頁 可以參考~
這個工具實在太棒了~ 趕快推薦給大家使用看看啦~
目前就算沒有購買~ 除了幾分鐘跳出個"請註冊"的小視窗~
功能是沒有做任何限制的~ 也算是開發者很有大方的地方吧~
好用的工具~ 再次推薦他~ 推~~~
機車的提姆~ 謝啦~ 夠快速的完成這篇了吧~
好了~ 要趕快去上工趕一推的工作了~~~

























