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更重要的是对产品的思考。

一款云笔记App构思

市面上的笔记App总不能让人满意,就自己动手用Balsamiq Mockups画了一个我所期待的笔记App的原型。

一、设计理念
1、简单易用。
最快地让用户记好笔记,因为只是记个笔记而已,而且灵感转瞬即逝。
2、看重整理。
笔记最终是要整理的,不整理的笔记没有意义,在整理中收获更多。移动端进行简单、琐碎的编辑,PC、Web端进行系统的整理。

二、功能点
主要:
1、新建笔记:文字是最常用的,是最终形态;音频方便,有时文字来不及;照片是特定需要。
2、多终端同步:智能终端的丰富,数据同步才有了需要。

次要:
1、查看:浏览,搜索
2、整理:编辑,删除,移动

再次要:
1、分享:邮件、短信、新浪微博
2、安全:密码锁定

 

P.s.
App原型png图片下载地址,bmml文件下载地址