bal的samiq mockups使用手册.pdf

Balsamiq Mockups 使用手册 目录 1 引言 2 1.1 预期读者 2 2 程序架构总览 2 3 属性窗口（The Property Inspector ）4 3.1 通用属性项4 3.2 其他属性项5 4 使用文本及符号 10 4.1 基本格式 10 4.2 使用Date Grid / Table 11 4.3 使用Tree 11 4.4 使用Menu 13 4.5 从Excel 粘贴数据 13 5 使用Symbols ，制作共享部件 14 5.1 创建Symbols 14 5.2 Symbols 原理 15 5.3 重定义Symbol 属性 15 5.4 编辑Symbol 源文件 18 5.5 Symbol 库 19 6 全屏演示 19 7 BalsamiqMockups.cfg 配置文件 20 1 1 引言 制作软件使用原型法已经成为业界通行的做法，笔者使用过 Visio ，AxureRP 或者 Html 编辑器绘制过软件系统的原型。对于大型项目一般使用AxureRP 或者Html 编辑器制作高逼 真度的原型；对于小型项目一般使用Visio 制作。 但是不论是大项目还是小项目，软件是什么样子？从脑海中落到逼真的样子中间会经过 一个什么样的步骤？我想大家都会记起一个工具“白板”！大家在会议室讨论，然后把界面 画到白板上，然后热烈的讨论，散会前用相机把白板内容拍下来。然后再不辞劳苦的将界面 画到AxureRP 或者Html 中。 自从有了Balsamiq Mockups 这款原型设计工具，确切的说是一个草图原型设计工具， 大家可以从这种痛苦种解脱，而且可以把这个工具作为一个快速交流的工具。甚至可以作为 和客户交流的基础。 Balsamiq Mockups 有哪些特点？让我们了解一下：  可存储：告别那一堆堆的纸质线框图吧！  易使用：只能说在某种程度上容易使用。  手绘风格：简约清爽，属于讨论型风格。  丰富：从按钮到输入框，从导航条到页面、表格，甚至包括了最潮的Iphone 元素。  易扩展：可使用XML 语言保存元素，也可以导出PNG 图片，可以插入到任何项目。  跨平台：Windows 、Mac OS、Linux 下都可以使用 除了上述特点之外，Balsamiq Mockups 的一个绘制特性给笔者留下了非常深刻的印象， 因此单独拿出来介绍：提供 Wiki 风格的代码规则，画图时可以「偷懒」，输入文本符号则 能生成图标。因此相比其它繁琐的软件操作，Balsamiq Mockups 也能更快地完成画图任务。 大部分的原型制作人员有过编程经验，也对在Html 编辑器或AxureRP 上绘制表格深感 头痛，而 Balsamiq Mockups 除了提供手绘自由式风格的界面，而且通过符号的方式快速修 改界面元素的确节约了我们很多的时间。 注：在菜单栏 View 里将 Use System Fonts 勾上，就能完美支持中文输入。 如何获取Balsamiq Mockups 不在本文讨论范围。 1.1 预期读者 1、原型制作人员：使用Html 编辑器，AxureRP 等进行应用系统原型开发的工程人员。 2 程序架构总览 Balsamiq Mockups 主要由三块组成。从上至下是: Application Bar、UI library 和Mockup Canvas 。分别详述如下。