好玩有趣又有用的Mockups

0 views
Skip to first unread message

有仁吴

unread,
Mar 12, 2009, 2:14:49 PM3/12/09
to Fwolf @ Blogger, Fwolf @ Blogger, Fwolf @ GGroups, Fwolf @ MSN Spaces, Fwolf @ Opera, Fwolf @ VOX

Balsamiq Mockups For Desktop

见过flash游戏中,鼠标画个圆就是球,画个方块就能站住,画条线就能成跑道(这个很经典了,滑雪橇的游戏),也见过一个视频,老师讲课的时候画个斜块、小车、轮子就能够产生物理动作,看到Mockups以后,就也有类似的感觉,不过这个是用来设计软件界面的。

以前设计界面的时候用什么?想过但用的相对比较少,笨办法就是文字描述,左边放什么,右边上面放什么,右边下面放什么等等,高手会用ps画,只要不嫌累,还有画在纸、黑板上的,这些手段都有个共同的缺点────不方便管理和变更。现在不易管理、不可变更的工具用起来太累了,Mockups正是很好的解决了这个问题。

就像上面这张图片一样,在Mockups里,提供了很多用户界面设计元素,拖过来调整、搭配就能形成一张设计示意图,在设计阶段、持续变更阶段应该都是很好的表达工具,毕竟一图胜千言嘛。风格上是手绘的草稿风格,让人感觉和在纸上没区标,估计打印出来蒙人也没问题。技术实现上,依赖Adobe AIR环境,所以也是跨平台的。从图上也能看到,只要选中了菜单里的View -> Use System Fonts,中文支持还是可以的,好像不能选字体,不过够用了。

缺点首先是没有我想像中的“手工画线”,毕竟直接画和使用预制物件的感觉和灵活性还是有区别;第二就是速度,2006年买的电脑用起来都不算十分流畅;第三就是技术平台,个人对AIR不感冒,当然这个也没得改了,呵呵。

Tags: AIR, design, graph, Tools, UI

Related posts


b4c933fbc821d45e37e20710816388ad.png
39b3db5704c75b2e458710b2653e76f8.png
3fa312e6a05bac6145af3a3c3a579339.png
01556d960d1d4e6befe2937b3de9f467.png
13d9cd0c03e228452ee697a5d491e2dd.png
cc19edd3f54c40f1ea56871cfd393c10.png
ebde39d25053efb37cc606ac50db6f1c.jpg
4e575fe3dc9a459a52604484ff1e4fbd.png
ed4c6814e65af0f6cb51929c74b88482.png
b81596708b1f20f3645436b4eb311c06.png
6f93893a66c3b485a48269783bd8c3b4.png
Reply all
Reply to author
Forward
0 new messages