Balsamiq Mockups - 簡介

安裝 Balsamiq

要安裝 Balsamiq，請確保您具備以下要求。

要在您的計算機上執行 Balsamiq，需要執行 Adobe Air 2.6。它在大多數電腦和作業系統上都能正常運作。Adobe Air 2.6 的最低系統要求如下：

Windows 系統

• 2.33 GHz 或更快的 x86 相容處理器，或適用於上網本的 Intel Atom™ 1.6 GHz 或更快的處理器。

• Microsoft® Windows Server 2008、Windows 7、Windows 8 Classic 或 Windows 10。

• 至少 512 MB RAM（推薦 1 GB）。

• AIR SDK 開發支援 Microsoft® Windows 7 及更高版本，僅限 64 位。

Mac 系統

• Intel® Core™ Duo 1.83 GHz 或更快的處理器。
• Mac OS X v10.7 及更高版本。
• 至少 512 MB RAM（推薦 1 GB）。
• AIR SDK 開發支援 Mac OS 10.9 及更高版本，僅限 64 位。

參考連結 - Balsamiq 系統要求

下載 Balsamiq

我們可以從以下連結下載 Balsamiq：Balsamiq Mockups for Desktop Balsamiq 可用於 Windows 和 Mac OS 系統。

使用者介面

安裝完成後，我們應該能夠從計算機上開啟 Balsamiq。第一次執行 Balsamiq 時，我們會看到以下螢幕。

如上圖所示，Balsamiq 的使用者介面分為以下四個部分。

• 導航器
• UI 庫
• 檢查器
• 線框圖空間/區域

在截圖中，紅色高亮顯示的部分是檢查器/專案資訊部分的切換按鈕。根據選擇，我們應該能夠看到檢查器/專案資訊部分 (3)。

UI 庫

如以下螢幕截圖所示，UI 庫按不同的螢幕元素進行分類。您可以在“全部”部分水平滾動，瞭解 Balsamiq 中可用的螢幕元素。

讓我們瞭解 Balsamiq 中可用的不同基本螢幕元素類別。

• 全部 - 這涵蓋了 Balsamiq 中的所有 UI 元素。您可以水平滾動以檢視/使用它們。

• 資源 - 為便於介紹，這些是使用者上傳的自定義資源。

• 大尺寸 - 此類別包括尺寸/外觀相當大的螢幕元素。您可以在此類別中看到佔位符、瀏覽器視窗、iPad、iPhone 等元素。

• 按鈕 - 它包括移動/Web 線框圖中使用的所有按鈕控制元件。一個典型的例子是操作按鈕、複選框等。

• 常用 - 這些是用於表示最常見互動的不同形狀/控制元件。

• 容器 - 顧名思義，它包括視窗、欄位集、瀏覽器等。

• 表單 - 此類別包含與表單相關的所有 UI 控制元件。

• 圖示 - 在任何時候，您可能需要用圖示來表示特定的操作。例如，在最近一段時間裡，我們用軟盤圖標表示“儲存”按鈕。此類控制元件將為您提供此操作所需的圖示。Balsamiq 有大量的圖示；請隨意檢視！

• iOS - 此類別提供特定於 Apple iOS 移動作業系統的 UI 控制元件。

• 佈局 - 在表示基本頁面/功能時，表示基本佈局變得非常重要。佈局類別包括大多數佈局，例如手風琴、水平/垂直選項卡等。

• 標記 - 假設您想線上框圖中的特定控制元件上添加註釋。註釋框可在標記中找到。此外，標註用於顯示許多場景中的互連性。它位於標記類別下。

• 媒體 - 當需要線上框圖中顯示影像/聲音時，相關的 UI 控制元件位於媒體類別下。

• 符號 - 符號是可重用的元件，可以減少建立最常見元素的時間。

• 文字 - 顧名思義，所有與文字或段落相關的 UI 控制元件，例如連結欄、文字塊、組合框都位於此類別下。

在下一章中，我們將建立第一個 Balsamiq 專案。