Balsamiq Mockups - 简介
安装 Balsamiq
要安装 Balsamiq,请确保您满足以下要求。
要在您的计算机上运行 Balsamiq,需要运行 Adobe 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
- Intel® CoreTM Duo 1.83GHz 或更快的处理器。
- Mac OS X v10.7 及以上版本。
- 最低 512MB RAM(建议 1GB)。
- AIR SDK Development 仅支持 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 等元素。
按钮 − 它包括移动/网络线框中使用的所有按钮控件。典型示例是操作按钮、复选框等。
常见 − 这些是用于表示最常见交互的不同形状/控件。
容器 −顾名思义,它包括窗口、字段集、浏览器等。
表单 − 与表单相关的所有 UI 控件都存在于此类别中。
图标 − 在任何给定点,您可能需要用图标表示特定操作。例如,在最近,我们有带有保存按钮的软盘图标。此类别的控件将为您提供此操作所需的图标。Balsamiq 拥有大量图标;请随时查看!
iOS − 此类别下提供特定于 Apple iOS 移动操作系统的 UI 控件。
布局 − 在表示基本页面/功能时,表示基本布局变得非常重要。类别布局包括其中的大部分,例如 Accordian、水平/垂直标签等。
标记 − 假设您想在线框中的特定控件上添加注释。注释框在标记中可用。此外,标注用于在许多场景中显示互连性。它在标记类别下可用。
媒体 − 当涉及到在我们的线框中显示图像/声音时,相关的 UI 控件可在媒体类别下使用。
符号 − 符号是可重复使用的组件,可以减少创建最常见元素的时间。
文本 −顾名思义,所有与文本或段落相关的UI控件,如链接栏,文本块,组合框等都属于此类别。
下一章,我们将在Balsamiq中制作第一个项目。