一款优秀的软件、网站设计原型制作工具-Balsamiq Mockups
曾经做过下面的mockup尝试:
- 手工,纸面。最简单、最快速勾勒思路,但是详细表现和保存下来复用就是问题。通常仅仅适合初步的草稿
- 另一个极端:上来就是html页面,甚至,js的效果都上了。想着,做软件的嘛,总是积累了不少的库的。但运行看来,实际效率并非最佳。最要命的是,会有相当多的无用功。
- 过渡型:word、visio,工作量浩大,对于操作人员的水平要求较高。尤其是word简直难以想象这样画出来的页面。
- 传统型:photoshop之类。美工和设计人员往往难以融合在一个人身上。
- 专用工具型:我尝试过的有MockupScreens、GUI Design Studio、Pencil等。都没有让我找到想要的方便、高效、复用的效果。
快速、简单、强大、集成性好、开放是作者的述求,使用之下,当之无愧。
我用的是桌面版本。看看我没有任何学习,就是拿着一个页面开始动手尝试复制的成果。这个东西花了我一个小时。一个全新的工具,不许任何培训,能一个小时弄出个象样的东西,足以证明它的简单易用了。
前面的推荐作者在文章中已经把优势很清楚地整理出来了。无需我多言,仅在此结合我这一个小时的“实战”提点问题和建议。- 请大家注意上面贴图,左上角红色椭圆框出来的一小堆叠在一起的元素,问题出在如果绘图区在下部,超出一屏的时候,新拖拽下来的元素,不是出现在鼠标停留的地方,而是默认出现在画布的左上角。曾经我以为他们丢失了是软件的bug,后来才意识到是躲在那里。我不知道,这个部分是我不会用导致的?还是设计如此?
- 能否对一个文本框中的内容,分别涂上不同的颜色呢?毕竟这样在设计的时候特别方便。尤其是遇到连接、强调、特效约定的时候,设计细节就都能照顾到了。
- 如果包含了若干组建的组合,分层展示,那么应该是怎么个顺序编辑他们比较合适?比如像下图灰色框架内这个效果,如果分拆成很多组件,制作还是比较繁琐的。
- 像上面这个图上有个鼠标放上去出现连接的效果,如何方便体现呢?
- 图上元素多了之后,定位和移动元素还是不太方便,毕竟不能马上就锁定位置,不锁定,又很容易无意间移动了不想移动的元素。虽然有不错的Undo机制,但总之还是希望自己能方便控制。
- 虽然已经有了50多种控件,70多种icon,但是考虑上述情况,决定还应该增加一些常用的组合控件,比如上述图中的灰色框很有做成一个完整套件的价值。其他类似。至于icon是不是可以考虑增加目前网络上很流行的小小icon的模式呢?
- 由此继续延伸,应该可以创建一个很好的例子库和模板库。我一直使用mind manager和EDraw的一个很重要的原因就是他们丰富的模板库。同时,是不是可以建议一个社区,就像mindmester一样,大家可以把自己的mockup拿上去共享?别人方便修改设计就组合出自己想要的结构呢?期待!
读了读作者的blog,让我最受触动的就是Focus。仅仅专注于办公插件。这放在不少国内人的眼里,实在太小。可是他们的收益实践证明,一点儿也不小。不信?去网上看看这对夫妻店已经有了多少的收益?尤其是在冬天的寒流中。
再看看他们用get Satisfaction的客服,很有创意!
另外一个让我受益颇多的就是这种产品推广的方式。非常有效!认真的试用、慷慨的license,实在的宣传。想要免费licende的同学们,上他们网站上看看去吧。
标签: 产品评测
