Balsamiq Mockups终极教程

之前介绍过Balsamiq Mockups,自己之前也用过,但这段整理设计规范,才深知之前用得不深,Balsamiq Mockups除了交互弱点,其他真的很强大,也说明充分利用好手头上的工具才是王道。回顾之前,主要有以下问题:

1、很多功能都没有用到。
比如对Geometric Shape、Rectangle/Canvas/Panel、Icon、Crop、Arrow/line、Hide Markup、Export Selected等的使用。像Geometric Shape,太常见以致被忽略,之前一直用Rectangle/Canvas/Panel控件做导航栏,实际用Geometric Shape更规整;像Arrow/line,其中Arrow Direction、Curvature,箭头加在一起多种变形,我之前也都没有完全用到。

再比如,如何在一段文字中将某个词加粗、倾斜、加下划线、标红?Balsamiq Mockups本身其实都有教我们。建议每个控件的每种状态都用下,这样会发现很多以前所忽略的功能。

2、不会分析。
对于一些复杂的形状,Balsamiq Mockups本身可能没有直接可用的控件,但我们可以通过不同控件的组合加以实现。比如百度地图上类似雨滴的标注点,开始不知道如何画出来,后来看到别人的实现:一个圆+一个菱形,当即觉得自己真笨,这都没想到。类似很多,关键在于分解。

3、见识少。
之前都是自己一个人在画,这次看到Jw做的东西后,思路开阔很多,水平也迅速升了一级。虽然我们平常很难看到别人做的,但一方面你可以到这里(软件菜单栏Help==>Download More Controls)下载别人做的原型(其中Social系列就很不错),模仿着练习一遍;另一方面可以对着iOS人机界面指南把iPhone的标准控件都绘制一遍,或者重绘一些线上知名App的产品原型图。

P.s.
1、文中提到的部分案例可到这里下载,顺便出个蛋疼的问题:VR Thin如何做出来的?
2、作为一项工具,BM有自己的优势和定位,同时其页面细节同样可以做得很细致(需要考虑实现时间成本),但比掌握BM更重要的是对产品的思考。

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注