Balsamiq Mockups-手繪風格的wireframe繪製軟體

033 月

Balsamiq Mockups-手繪風格的wireframe繪製軟體

Balsamiq Mockups整體而言,簡便好操作適合用來畫Layout的軟體,
雖然是需要付費的軟體,有7天的試用期,而且註冊費用也僅需要79美元,算是挺便宜的!

Balsamiq-Mockups可愛的手繪風格
Balsamiq-Mockups軟體畫面

下載Balsamiq Mockups:http://balsamiq.com/download
(安裝時,因為Balsamiq Mockups是使用flash air的技術開發的,所以會先要求你安裝Adobe Air喔!)

簡易操作說明:

  1. Balsamiq Mockups的操作都是藉由拖拉進行元件的放置,拖曳到畫布時會貼心的出現對齊的參考線
  2. 移到元件上時,會浮現細部調整的項目
    Balsamiq-Mockups細部調整功能
  3. 基本上都是雙點擊可以輸入文字,若想輸入中文,請記得要先將「View>Use system fonts」勾選起來
    /Balsamiq-Mockups輸入中文字
  4. 匯出時,可選擇匯出成PNG圖檔或XML檔案
  5. 簡報時,將畫面轉為全螢幕(Full SCreen Presentation),就會出現藍色的游標讓你一邊操作一邊簡報。

     

稍微操作過後,個人覺得Balsamiq Mockups比較適合用來繪製架構較不複雜的網站或初期的概念提案,當網站的架構、層次多且複雜時,另一套wireframe繪製軟體Axure RP就顯得較有架構、層級,甚至可以幾乎完整模擬出網站上的一些操作動作,不過製作上也相對的需要花費更多的時間
(可參考:AXURE-旅遊網站Prototype展示範例 )

以下是用Balsamiq Mockups繪製的Layout範例圖,手繪的風格是不是讓整個頁面感覺更有親切感!

Balsamiq-Mockups模擬樂倍達數位科技首頁
相關介紹:超好用的網頁layout規畫工具:Balsamiq Mockups ( 西瓜的滋味:Tenz’s blog)

Posted by admin  Posted on 03 3 月 
  • Balsamiq Mockups, flash air, layout, wireframe
  • Post Comments 0