Balsamiq 模型 – 介绍

Balsamiq 模型 – 介绍


安装 Balsamiq

要安装 Balsamiq,请确保您有以下要求。

要在您的计算机上运行 Balsamiq,需要运行 Adob​​e Air 2.6。它在大多数计算机和操作系统上都能正常工作。Adobe Air 2.6 的最低系统要求如下 –

对于 Windows

  • 2.33GHz 或更快的 x86 兼容处理器,或 Intel AtomTM 用于上网本类设备的 1.6GHz 或更快的处理器。

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

  • 至少 512MB 的 RAM(推荐 1GB)。

  • AIR SDK 开发 支持 Microsoft® Windows 7 及更高版本,仅 64 位。

对于 Mac

  • 英特尔® 酷睿TM Duo 1.83GHz 或更快的处理器。
  • Mac OS X v10.7 及更高版本。
  • 至少 512MB 的 RAM(推荐 1GB)。
  • AIR SDK 开发支持 Mac OS 10.9 及更高版本,仅 64 位。

参考链接 – Balsamiq 系统要求

下载 Balsamiq

我们可以从以下链接下载 Balsamiq –桌面Balsamiq 的 Balsamiq Mockups 可在 Windows 和 Mac OS 上使用。

用户界面

安装完成后,我们应该能够从我们的计算机打开 Balsamiq。当我们运行 Balsamiq 时,我们将第一次看到以下屏幕。

用户界面

如上图所示,Balsamiq 的用户界面分为以下四个部分。

  • 航海家
  • 用户界面库
  • 检查员
  • 线框空间/面积

在屏幕截图中,红色突出显示的部分是检查器/项目信息部分的切换。根据选择,我们应该能够看到 Inspector/项目信息部分 (3)。

用户界面库

如以下屏幕截图所示,UI 库根据不同的屏幕元素进行分类。您可以在“全部”部分水平滚动并了解 Balsamiq 中可用的屏幕元素。

用户界面库

让我们熟悉 Balsamiq 中可用的不同基本屏幕元素类别。

  • All – 这涵盖了 Balsamiq 中存在的所有 UI 元素。您可以水平滚动以查看/使用它们。

  • 资产– 出于介绍的目的,这些是用户上传的自定义资产。

  • – 此类别包括屏幕元素,其尺寸/外观相当高。您可以在此类别中看到占位符、浏览器窗口、iPad、iPhone 等元素。

  • 按钮– 它包括移动/网络线框中使用的所有按钮控件。一个典型的例子是操作按钮、复选框等。

  • Common – 这些是用于表示最常见交互的不同形状/控件。

  • Containers – 顾名思义,它包括窗口、字段集、浏览器等。

  • 表单– 与表单相关的所有 UI 控件都出现在此类别中。

  • 图标– 在任何给定点,您可能需要用图标表示特定操作。例如,在最近,我们有带有“保存”按钮的软盘图标。此类控件将为您提供此操作所需的图标。Balsamiq 拥有大量图标;随时检查它们!

  • iOS – 此类别下提供特定于 Apple iOS 移动操作系统的 UI 控件。

  • 布局– 表示基本页面/功能时,表示基本布局变得很重要。类别布局包括其中的大部分,例如Accordian、Horizo​​ntal/Vertical Tabs等。

  • 标记– 假设您想在线框中的特定控件上添加注释。评论框在标记中可用。此外,标注用于显示许多场景中的互连性。它在标记类别下可用。

  • 媒体– 当涉及到在我们的线框中显示图像/声音时,相关的 UI 控件在媒体类别下可用。

  • 符号– 符号是可重用的组件,可以减少创建最常见元素的时间。

  • 文本– 顾名思义,所有与文本或段落相关的 UI 控件,例如链接栏、文本块、组合框都可在此类别下使用。

在下一章中,我们将在 Balsamiq 中创建第一个项目。

觉得文章有用?

点个广告表达一下你的爱意吧 !😁