首頁 > 碎碎唸 > 可愛的 prototype 產生器 Balsamiq Mockups

可愛的 prototype 產生器 Balsamiq Mockups

2009年11月19日 發表評論 閱讀評論

Mozilla Firefox-3

很可愛的畫面吧???

因為在寫家裡的訂貨系統的緣故,所以,最近寫的程式必須要考慮的使用者介面。原本都用手畫畫就算了。可是手畫總是不能完全表達想要的概念,想起之前看到的卡通式的畫風,竟然是要錢的,還不便宜,結果發現他們竟有網路五分鐘定時提醒要買的版本,試用一下驚為天人啊。

看了看他們的官網,竟有提供網頁版本,功能不少,馬上就試用了起來:

Mozilla Firefox-4

因為家裡的系統要做多台主機連線,所以,就不考慮自己寫Application,直接用網頁加資料庫會比較容易,但因為老爸跟老媽他們對於表單式的系統應該是不太能接受那些規定,再加上想試試AJAX的網頁,所以,這次將會使用YUI (Yahoo User Interface)來做撰寫。這幾天資料庫的部份已經有一個樣子了,而,使用者介面才剛開始。所以,就先試著畫畫看。

Mozilla Firefox-1

不過YUI的Tableview好向沒有直的!沒關係,到時候再換吧。

Mozilla Firefox-3

哦,對了,也可以畫iPhone啊!

Mozilla Firefox-5

對了,畫得那麼辛苦,東西總是要存下來才有用啊!這是讓我最驚訝的地方了。WEB版本,竟有提供圖檔下載!!!這樣接下來要簡報、做報告、存檔、印出都不是難事啊!!!

開啟中_ myImage.png-1

當然,存成圖檔很方便,但是有沒有辦法以後還可以更改呢???真的是佛心來的!還有匯出!

Mozilla Firefox-2

將匯出的資料貼在一個text file,存好後,下次還可以上網改!!!

訂貨系統_091118a - _Users_dennyliu_Desktop

這麼讚的服務,有沒缺點啊!有的,就是每五分鐘,就會提醒你這是要錢的。不過,按一下Dismiss,還是可以繼續用唷!!!

Mozilla Firefox

有興趣的人可以上他們的網頁

Site: http://www.balsamiq.com/products/mockups

Web Version: http://www.balsamiq.com/demos/mockups/Mockups.html

Youtube demo: http://www.youtube.com/watch?v=zLysy3IPfFI&feature=player_embedded

對了,他們有提供 Desktop版本,要美金79塊。沒拿到,所以就先看web版嘍!

  1. KKK
    2009年11月19日21:18 | #1

    YUI …. 個人的使用經驗是 …….. 還是改用jQuery UI吧,會愉快一點

  2. 24m
    2009年11月20日00:25 | #2

    Hi KKK,

    哦?可以分享一下經驗嗎?跟說明一下原因嗎?
    我對這一塊是完全沒經驗可言的。因為之前做的東西都是能動就好,不管畫面好壞的。

  3. KKK
    2009年11月20日08:59 | #3

    YUI的API很複雜,不過其實JavaScript實作的UI Library都很複雜
    jQuery即使不用UI那一塊,也可以提供不小助力