2013年3月27日 星期三

Balsamiq Mockups幫你輕鬆設計網頁


    大家平常在做網頁layout時一定常常手忙腳亂吧,特別是要做簡報或寫計畫書時,網頁還得畫得有模有樣,很多網頁元件得自己描繪製作出來,費時又費工。

有畫過網頁 layout 的人,相信都有類似的痛苦經驗,小編我呀~就常常有這個困擾,大家常說小編還是去旁邊泡咖啡好了()

     Balsamiq Mockups是一個很簡單就能使用的工具,相信大家使用過之後就會發現它厲害的地方,就像是把你用紙筆畫好的App介面規劃搬到電腦上來做,差別在於你不用準備橡皮擦與幾十張紙,只要滑鼠與夠大的螢幕,就可以透過Balsamiq Mockups,快速的設計出你要的App界面囉~
STEP1.
下載後打開程式的介面就跟線上版一樣,你可以直接拖拉你要的元件到版面上進行編輯與設計網頁
STEP2.
上方有許多選項可編輯直接拖曳至下方即可任意設計網頁並組裝打造您各人專屬的app lay out!

STEP3.
設計網頁完成後直接按左上方mockup選單選擇 download as PDF即可匯出


  Balsamiq Mockups它阿~內建了75種常用的網頁元件,要用時拉到下方的空白底稿上,調一下位置和大小,填一下內部文字就好了。很快就可以畫出一個有模有樣,顯而易懂的網頁layout,各位不妨去好好試試如何輕鬆的設計網頁~你會發現超有趣的喔^^



圖片出處與文章參考

業務Jim分享
 

沒有留言:

張貼留言