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

open_img('https://www.oyag.com/attachments/200912/9858994958.jpg')

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

open_img('https://www.oyag.com/attachments/200912/6655933382.gif')

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

open_img('https://www.oyag.com/attachments/200912/7886601403.png')

像這個~~ 手機開發的UI~~
恩~ 除了使用白板~ 白紙~ 先在上面用筆畫~
還有什麼方法可以10分鐘之內~ 把想法"搞"出來~ 還要可以分享給大家看~
恩~ 就是這套軟體啦~

Balsamiq Mockups  官方的示範影片~

有給他"眼睛亮到"吧~
真方便好用的~  快快快~ 像我一樣等不及了吧~

首先這是  Balsamiq Mockups官方網站  的網址 

接著~ 要好好說一下這個安裝注意的地方~

安裝順序: 請先注意喔~

單機版請先加裝Adobe Air 這是 Adobe® AIR™ 跨平台的網路應用程式 必須先安裝~
再來請下載 單機版  的軟體~   這是安裝路徑~ 之後就可以直接使用~

另外還有  網頁版  可以直接用用看~ 但不能輸入中文~ (見下方中文的補充說明)
還有這 Mockups To Go 網站   這是其他可以參考的模組 或較擴充元件
 

open_img('https://www.oyag.com/attachments/200912/9052282142.jpg')

擴充元件像是這樣的一些人家做好的圖片UI~
但我目前還不知道怎麼把他加到原本軟體裡面的工具欄位上~
只會 剪下和貼上的利用~ 恩… 這部分真搞不定他~

接著還有中文輸入的補充說明~
安裝好軟體後, 輸入中文會看到一些"輸入法"的問題~ 像這樣~

open_img('https://www.oyag.com/attachments/200912/5488454859.jpg')

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

open_img('https://www.oyag.com/attachments/200912/5977001395.jpg')

看看~ 中文輸入OK啦~~

open_img('https://www.oyag.com/attachments/200912/8665754721.jpg')

這軟體~ 購買是有點給他貴… 說老實話~ 唉~
不過~ 開發者還是有些很"2.0"的"優惠政策"~ 呵呵~ 所以我也很快速很努力的寫了這篇的介紹~
不過~ 我也擔心~ 會不會他認為… 大家怎麼都用"這招"啊~ 呵呵~

Balsamiq Mockups Google上有的一大推的介紹和資料 

手繪風草稿製作軟體,Balsamiq Mockups  T.Design的部落格說明

Balsamiq Mockups介面雛型設計工具  Level Up這位網友很詳細的介紹
以及介面上的一些說明, 這部分害怕看不懂英文的朋友~ 可以看一下~

另外 Balsamiq Mockups的官方也有 Take a Tour 這個說明網頁  可以參考~

這個工具實在太棒了~ 趕快推薦給大家使用看看啦~
目前就算沒有購買~ 除了幾分鐘跳出個"請註冊"的小視窗~
功能是沒有做任何限制的~ 也算是開發者很有大方的地方吧~

好用的工具~ 再次推薦他~ 推~~~ 
機車的提姆~ 謝啦~  夠快速的完成這篇了吧~
好了~ 要趕快去上工趕一推的工作了~~~


吳 天元

溫厝的543大家長,平常沒時就愛碎碎唸,標準的阿宅。 平時就愛看電影、研究網路行銷,有時間當然也愛陪伴著家人! 總希望世界和平之外,更希望能看看外星人到底長啥模樣了!

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *