原文地址为: 我喜欢Balsamiq Mockups的三大理由

“喜欢一个人需要理由么?”
“不需要么?”
“需要么?”
—— 《大话西游》

对于一个只有3、5个人的小团队,在时间很紧的情况下,文档什么的肯定是能省则省啦。不过,有两个文档是绝对不能省的。不但不能省,还要尽全力把它们做好,并且保持更新。这两个文档就是:使用Power Designer制作的数据库模型(或者想要更高级些,领域模型),以及界面原型。
      制作界面原型的软件,我最喜欢的是 Balsamiq Mock ups,一个手绘风格的、轻量级的小软件。我喜欢它的理由是:
      - 快——它能让我以最快的速度把界面原型画出来。
      - 手绘风格——用它画出来的界面是不折不扣手绘风格,很酷。
      - 都是现成的——它已经内置了常用的控件和图标,基本够用了。

如果绘制界面原型所花费的时间跟实际编写页面差不多,那我还不如直接去编写页面好了。可是看看 大多数界面原型工具是怎么做的吧:比如我想要添加一个Grid,它们会要求我把Grid控件拖放到页面上->右击选属性->进入“Columns”Tab页->点击“Add...”按钮->输入列名称->输入列宽度(当然,你可能并不精确地知道到底该有多少像素,谁管你?)->确定。嗯哼,这只是添加了一个列而已。之后再重复这个过程10次,把该添加的列添加进去。这时可能会不爽地发现有5个列的宽度不合适,而更不爽的是,你发现它居然不支持用鼠标拖拽改变列宽度,只能再去点N多次鼠标找到那个列宽度属性文本框,修改宽度像素值,然后再点N多次“确定”才能预览到效果……别的软件要钱,这个软件要命啊。
      如果在Balsamiq Mockups里拖拽一个Grid……

如上图所示,只要一口气写完有些Wiki风范的一段代码,一个Grid就搞定了。
Menu和Tree也类似,如下图所示。

但是,如果需要绘制一个由N多由Label和TextBox组成的表单,还是得一个一个地拖拽控件,设置Label的文字,还是挺麻烦的。不过,由于Balsamiq Mockups的文件是很简单的XML格式,所以还是有 偷懒的方法可想的。

手绘风格

手绘风格看上去有些“不正经”?不太好看?恰恰相反,在原型阶段,手绘风格可以强迫设计者和客户把注意力集中在程序的功能、布局和交互上,这样你就不会听到客户说“这个按钮的颜色我不太喜欢……”。为了保证完全的手绘风格,Balsamiq Mockups甚至为Image控件提供了一个非常方便的将图片转换成手绘风格的选项,如下图所示。

都是现成的

Balsamiq Mockups是一个很简单的小软件,功能不多。但是,在控件方面,它可是下足了功夫,不但内置了所有常用的控件,而且每个控件的属性都经过精心的设计,既不复杂,又涵盖了必要的功能,出来的效果也很精致。内置的图标库也很不错。不需要到处搜集第三方控件库,不需要安装插件,绝对省心。当然,从另外的角度,这也是个缺点——当它的控件库不能满足我们的需要时,又不能自己定制,就只能干瞪眼了。

小结

所谓可用性设计,首要的任务,是要深刻理解用户是 如何以及 为什么使用你的软件。否则,即使每个功能看上去都合理、严谨、强大,整体上却可能让用户抓狂。

转载请注明本文地址: 我喜欢Balsamiq Mockups的三大理由

我喜欢Balsamiq Mockups的三大理由相关推荐

  1. Balsamiq Mockups完全手册

    Balsamiq Mockups出自加利福尼亚州的Balsamiq工作室,创始人Peldi在 2008年6月推出了这款手绘风格的产品原型设计工具,并广受好评.2年多来,Balsamiq工作作为一个微型 ...

  2. Balsamiq Mockups 产品原型图绘制工具的破解和使用教程

    说实话作为一个前端,会不会这个软件都是没事的,毕竟这个是经理才可以用到的软件,科普一下,Balsamiq Mockups是一款美国加利福尼亚一个工作室在2008年开发出来的一款很好用的产品原型绘制软件 ...

  3. Balsamiq Mockups简单介绍(UI草图绘制工具)

    什么是Balsamiq Mockups Balsamiq Mockups出自加利福尼亚州的Balsamiq工作室,创始人Peldi在2008年6月推出了这款手绘风格的产品原型设计工具,并广受好评.2年 ...

  4. Balsamiq mockups 简介

    对于一个只有3.5个人的小团队,在时间很紧的情况下,文档什么的肯定是能省则省啦.不过,有两个文档是绝对不能省的.不但不能省,还要尽全力把它们做好,并且保持更新.这两个文档就是:使用Power Desi ...

  5. 草图--页面设计草图大师 Balsamiq Mockups完全手册

    转自http://www.hanjunxing.com/balsamiq-mockups-one-for-all 参考 :http://www.wangxi.com/ 什么是Balsamiq Mock ...

  6. Balsamiq Mockups自定义字体设置

    转载:http://www.enjoyphp.com/2010/balsamiq-mockups-fonts/ Balsamiq Mockups前面已经介绍过了:http://www.enjoyphp ...

  7. 随意描绘风格的界面工具Balsamiq Mockups

    在网上找了好多个适合UI原型设计的工具,如Axure.GUIDesinger.UIDesigner....但使用了一会,总感觉不是很好用.后来,看到很多blog上面介绍Balsamiq Mockups ...

  8. 一个有趣的原型软件Balsamiq Mockups

    什么是Balsamiq Mockups Balsamiq Mockups出自加利福尼亚州的Balsamiq工作室,创始人Peldi在2008年6月推出了这款手绘风格的产品原型设计工具,并广受好评.2年 ...

  9. Balsamiq Mockups安装使用

    什么是Balsamiq MockupsBalsamiq Mockups出自加利福尼亚州的Balsamiq工作室,创始人Peldi在2008年6月推出了这款手绘风格的产品原型设计工具,并广受好评.2年多 ...

最新文章

  1. 2021年大数据常用语言Scala(十三):基础语法学习 函数 重点掌握
  2. apt_Word模板注入攻击
  3. 解析PHP实现多进程并行执行脚本
  4. 二元函数泰勒公式例题_高等数学入门——二元函数可微性的判断方法总结
  5. 全国计算机等级考试题库二级C操作题100套(第56套)
  6. P1726-上白泽慧音【tarjan,图论】
  7. 对Openshift上的Play Framework 2应用进行故障排除
  8. office增加自定义文档模板
  9. html日期格式化标签,js日期格式化yyyymmdd
  10. 《Dreamweaver CS6 完全自学教程》笔记 第一章:网页制作基础知识
  11. tecplot360 2015 R1读abaqus后处理文件
  12. 【CCF CSP】201903-1小中大
  13. 调用图形验证码接口时,为什么要在接口后方添加随机数
  14. 蚁群算法解决车间调度问题
  15. android miui悬浮按钮,MIUI10悬浮球
  16. easybuy源码_easybuy数据库设计
  17. 【Spring】SpringMVC整合JPA
  18. 蓝桥杯刷题冲刺 | 倒计时17天
  19. C#,生信软件实践(03)——DNA数据库GenBank格式详解及转为FASTA序列格式的源代码
  20. Mybatis报错:There is no getter for property named 'xxxx' in 'class xxxx

热门文章

  1. 计算机操作 操作鉴定试题及答案,计算机操作员初级试题及答案
  2. 装X与务实并存!iPad越狱必装插件汇总
  3. 10款idea神级插件,生产力必备神器!
  4. 肖秀荣:考研政治选择题最完整答题技巧总结
  5. 防封策略(适用所有游戏)
  6. 91免费视频Redis+Lua解决高并发场景在线秒杀问题
  7. 辽宁省大连市谷歌高清卫星地图下载
  8. latex并排显示多个图片
  9. Pytorch深度学习实战教程:UNet语义分割网络
  10. make时 No rule to make target错误解决办法