Balsamiq Mockups 畫線框圖還夠用嗎

Balsamiq Mockups 3.3.6 資料更新 2016-01-16 閱讀約 5 分鐘

你正在規劃一個新功能或新頁面，腦子裡已經有大概的輪廓，但打開 PowerPoint 或 Figma 想畫出來時，卻發現自己卡在「要選什麼顏色」「字體多大」這些細節上，半小時過去了，版面還沒排出來。你只是想讓團隊看懂「這裡有個按鈕、那邊放一張圖」，卻被迫先當一個視覺設計師。這種時候，你需要的是把想法快速倒出來、讓大家討論功能而不是美醜的工具。

一般人的直覺是打開繪圖軟體或簡報軟體來畫，但這些工具的精細度反而成了阻礙——太容易分心在視覺細節，而且修改版面很費工。另一條路是拿紙筆畫草圖，但紙本無法分享給遠端同事，也無法建立多頁流程。於是出現了一種折衷做法：用數位工具模擬手繪草圖的質感，刻意保持「未完成」的樣貌，讓討論焦點鎖定在功能與架構上，而不是顏色和字型。

Balsamiq Mockups 操作介面 — Balsamiq Mockups 的操作介面

01Balsamiq Mockups 到底能做什麼？

它是一套快速建立線框圖（wireframe）的工具，用來在產品開發初期畫出網頁或 App 的版面草稿。你從左側元件庫拖曳按鈕、文字方塊、圖片框等到畫布上，排列出頁面配置，再用連結功能把多個頁面串起來，變成可以點擊的簡易原型。畫出來的成品是手繪風格，看起來像草圖，目的是讓討論聚焦在功能與動線上。

02它和一般設計軟體畫出來的東西有什麼不同？

最大的差別在於「精緻度」。Figma 或 Adobe XD 這類工具做出來的是高傳真設計，顏色、字型、間距都接近最終成品；Balsamiq 刻意維持低傳真的手繪感，讓觀看者不會被視覺細節帶走，專注在版面結構與功能邏輯。如果你需要跟客戶確認「首頁要放哪些區塊」，用 Balsamiq 比用高傳真稿更不容易失焦。

Balsamiq Mockups 介面畫面 2 — Balsamiq Mockups 介面畫面

03能不能做出可以點來點去的原型？

可以。你可以在不同頁面之間建立連結，做出點擊按鈕就跳到下一頁的效果，用來模擬使用流程。這對於使用者測試或向利害關係人展示動線很有用。不過它的互動能力僅限於頁面跳轉，不支援複雜的動畫、條件式邏輯或動態資料，這點要先有心理準備。

04畫好的東西要怎麼給別人看？

可以匯出成 PNG 或 PDF。PDF 匯出時會保留頁面之間的連結，對方在 PDF 閱讀器裡點擊就能跳頁，適合用來做簡報或寄給客戶確認。如果你想要更進一步的協作，可以考慮它後續推出的雲端版本，但這套桌面版本身沒有內建多人即時共編功能。

Balsamiq Mockups 介面畫面 3 — Balsamiq Mockups 介面畫面

05多人一起用的話，它怎麼運作？

這套桌面版沒有即時協作功能，團隊要分工的話，比較常見的做法是各自畫好自己的部分，再合併討論。不過它支援建立可重複使用的元件庫（Symbols），團隊可以先定義好共用的按鈕、表單等元件，大家畫圖時直接拖出來用，確保一致性。註解功能可以讓你在圖上加註意見，方便非同步溝通。

06不會寫程式的人用得了嗎？

可以，這正是它的設計目標之一。操作方式就是拖曳元件、調整大小、輸入文字，不需要任何程式背景。官方說明也提到，任何人只要會用滑鼠就能上手。產品經理、專案經理、業務人員都可以用它來表達想法，不需要等設計師有空才能動工。

Balsamiq Mockups 介面畫面 4 — Balsamiq Mockups 介面畫面

07產品經理或開發者適合用嗎？

適合。產品經理可以用它快速把需求視覺化，跟工程師溝通時有個具體的參考依據，減少「我說的是這個意思嗎」的來回確認。開發者也可以用它先畫出介面草稿，確認版面與流程後再開始寫程式，避免開發到一半才發現動線有問題。它特別強調「在流程最早期的時候迭代，成本最低」這個概念。

08它和 Figma 或 Adobe XD 比起來如何？

定位不同。Figma 和 Adobe XD 是完整的高傳真設計工具，適合做最終視覺稿、設計系統、交互動畫；Balsamiq 只做低傳真線框圖，功能範圍小很多。如果你的工作流程需要先快速確認功能架構，再進入視覺設計，Balsamiq 可以當作第一步；但如果你需要的是直接做出接近成品的設計稿，它幫不上忙。

09這套舊版還值得用嗎？

這套 Mockups 3 for Desktop 已經停止更新，官方把後續版本改名為 Balsamiq Wireframes，並表示舊的 BMPR 檔案格式可以繼續沿用。也就是說，如果你手上已經有這套軟體、檔案也都是這個格式，繼續用沒有問題；但如果你是要新開始使用，官方建議的長期方案是更新的版本或雲端服務，因為舊版不會再有新功能或修正。

10有沒有其他更多人用的選擇？

在線框圖這個領域，Balsamiq 是知名度很高的老牌工具，但它的評分人數只有 80 人，相較之下 Avocode 有 144 人評分、Google Web Designer 有 74 人評分。如果你在意的是社群規模或長期維護，可以參考這些替代方案，或是直接考慮 Figma 這類免費且活躍的設計工具。另外要注意，這套軟體只有英文介面，授權型式是 Trial，使用前需要確認試用限制。

下載與官方連結

前往官方網站下載 Balsamiq Mockups

Balsamiq_Mockups_3.3.6.exe · 3.77 MB · 連結指向軟體原廠

版本紀錄

2020-03-13 Balsamiq Mockups 4.0.26 69.95 MB
2019-02-12 Balsamiq Mockups 3.5.17 15.3 MB
2018-08-09 Balsamiq Mockups 3.5.16 15.3 MB

再看 5 筆

2018-08-05 Balsamiq Mockups 3.5.15 14.44 MB
2017-07-06 Balsamiq Mockups 3.5.14
2017-06-23 Balsamiq Mockups 3.5.13 14.41 MB
2017-06-22 Balsamiq Mockups 3.5.12 14.41 MB
2017-06-21 Balsamiq Mockups 3.5.11 14.41 MB

看完整版本清單

這一版改了什麼

What's new in this version:

New:
- Annual billing! Annual billing! Annual billing! We've added a discounted price to pay for 1 year of myBalsamiq upfront, rather than a month at a time. This will save your accounting team from having to track down the invoice every month for your credit card statement
- An actual invoice: Previously our "invoices" were more like receipts, which are not accepted easily in some countries. They now have more product information, an invoice number, and other common details required by accounting standards in some parts of the world
- Easily editable invoice fields: You no longer need to re-enter your credit card to make simple changes to your address on your invoices!
- More invoice fields: We know many countries require invoices have your Company Name and Tax ID, and now we no longer have to suggest awkward work arounds for adding this information. You'll have dedicated, easily editable fields to update this information
- Downloading your invoice to PDF: Just a simple click on a button and it's done!
- Better billing notifications: We were restricted previously on the type of notifications we could send, and how we could personalize it for your subscription. We hope the new automated emails better communicate your billing details, as well as changes to your subscription or problems with your renewal payment

Fixed:
- Fixed an issue with importing ZIP files with a single folder of BMMLs in them
- Fixed an annoying "window jumps around as you drag it" bug in OS X El Capitan!
- Fixed this issue with the Icon and Label control
- Fixed an issue with assets getting duplicated when dragging them from one project to another in some cases
- We improved how we draw arrow points so that they scale better when zoomed in

Balsamiq Mockups 下載 Balsamiq Mockups 試用 Balsamiq Wireframes Balsamiq 中文 UI 草稿軟體 Windows 線框圖工具低傳真原型工具快速畫線框圖線框圖製作軟體