Balsamiq Mockups - 介绍

安装Balsamiq

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

要在您的计算机上运行Balsamiq,Adobe Air 2.6需要运行.它适用于大多数计算机和操作系统. Adobe Air 2.6的最低系统要求低于 :

对于Windows

  • 2.33GHz或更快的x86兼容处理器,或Intel Atom TM 1.6GHz或更快的上网本类设备处理器.

  • Microsoft®WindowsServer 2008,Windows 7,Windows 8 Classic或Windows 10.

  • 至少512MB的RAM (建议1GB).

  • AIR SDK开发支持Microsoft®Windows7及更高版本,仅限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适用于Windows和Mac OS.

用户界面

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

UI

如上面的屏幕截图所示,Balsamiq的用户界面分为以下四个部分.

  • Navigator

  • UI库

  • Inspector

  • 线框空间/区域

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

UI库

如图所示在下面的屏幕截图中,UI库按照不同的屏幕元素进行分类.您可以在"全部"部分水平滚动,并了解Balsamiq中可用的屏幕元素.

UI库

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

  • 全部 : 这涵盖了Balsamiq中的所有UI元素.您可以水平滚动查看/使用它们.

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

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

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

  • 普通 : 这些是用于表示最常见交互的不同形状/控件.

  • 容器 : 顾名思义,它包括窗口,字段集,浏览器等.

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

  • 图标 : 在任何给定点,您可能需要通过图标表示特定操作.例如,在最近的过去,我们有带有Save按钮的软盘图标.此类控件将为您提供此操作所需的图标. Balsamiq拥有大量的图标;随便查看它们!

  • iOS : 特定于Apple iOS移动操作系统的UI控件可在此类别下使用.

  • 布局 : 表示基本页面/特征时,表示基本布局变得很重要.类别布局包括大部分,例如Accordian,Horizontal/Vertical Tabs等.

  • Markup : 假设您要在线框中的特定控件上添加注释.标记中提供了注释框.此外,标注用于显示许多方案中的互连性.它在标记类别下可用.

  • 媒体 : 在我们的线框中显示图像/声音时,相关的UI控件在媒体类别下可用.

  • 符号 : 号;符号是可重复使用的组件,可以减少创建最常见元素的时间.

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

在下一章中,我们将在Balsamiq进行第一个项目.