大推荐:Balsamiq Mockups,非常好的界面设计软件

我最近正在筹划公司网站界面改版的事情,但是对于怎么制定新的排版页面很头疼。虽然心里已经有了基本的框架,可是弄出来又是另外一回事了

画在白纸上是很好的方法,可是不易保存,要修改的话也很麻烦

也试过把网站元素切成小片放到fireworks里面去拼……过程太痛苦了,昨天终于无意中被推荐了一款界面设计软件——Balsamiq Mockups,试用了一下,感觉非常赞,完全切合我现在的需求

jiemian1

主界面中按不同类别包含很多界面设计的元素以供选择,为了截图方便我将窗口缩小了,最右边还有一个“text”分类,这些元素可以搭配组合成网页、应用程序的界面,对我来说目前最迫切的需求是在网页设计方面的

有一个很贴心的元素是浏览器窗口的

jiemian2

元素在添加到设计界面后是手绘风格,这点我也很喜欢,设计界面被做成一个工作本的样式,细节方面很到位啊

jiemian3

元素在设计界面是可以自由调整大小的,对我来说最大的好处是可以根据1024×768的大小来固定好窗口,然后对页面的内容进行很细致的划分,这绝对不是自己在白纸上能捣腾出来的,虽然图像处理软件也可以做到这效果,但……真的很痛苦

控制界面可以对元素进行复制剪切等常见操作,包括将多个元素组合成一个分组、改变叠放层次等,根据选择元素的不同,控制界面的可选项也会有不同,这个界面以半透明状悬浮在设计界面中,鼠标指上去后变为可见

mytest

这是我上午奋战的结果,因为可以精确控制到每个像素的位置,所以比自己在白纸上画草稿心里有谱多了,而且元素之间的对齐功能也做得很出色,感觉比用fireworks对齐元素的时候体验还好

我目前能应用到的功能还比较少,据说因为使用xml语言来记录和保存页面元素布局,所以很方便其他扩展以及多次调用

对我来说当前最实际的功能应该是保存为png图片以供我的美工将设计构想实现为实际的效果

还有一个很重要的特性,这个软件是跨平台的,可以在苹果系统和 Linux下使用

至于异地在线协作的功能我就更不需要了……我便是单兵王啊……

软件注册费是$79,没有注册的版本无法保存,而且每隔5分钟便会提示一次注册。但也有免费获得的机制,详情可参阅此页面

其实如果我在美国赚美刀的话,或者公司给报销的话,79美金实际上是实在的一个价格,但我等穷人只好打免费获取的主意了 :D

南闲历史上的今天

This entry was posted in 喃喃的碎碎念. Bookmark the permalink.

17 Responses to 大推荐:Balsamiq Mockups,非常好的界面设计软件

  1. sean says:

    很不错,我也很需要这个,不过需要试用之后才知道,会不会出现页面扩延的问题

  2. Der Panda says:

    这个简直是UI设计的利器啊!

    身为UI分析UE设计和前端开发师的我泪流满面
    79刀,这好X贵啊……

  3. 放出个生成的代码的例子看看代码写得好不 (.)

  4. 飞鸟 says:

    only 79刀,你们一个个月入新兵两万的,还有狐狸公司的优秀基工,至于么!

  5. 那你这个能干嘛?
    只是能摆来摆去
    但是不能出代码?… (.)

  6. xingxingtao says:

    你好,经常拜读你的博客,看完这篇大作后对这款软件也很感兴趣,可惜我没有自己的blog,不知是否能分享一下注册码?谢谢了!我的邮件是xingxingtao (at) gmail.com

  7. Pingback: 南闲::Days » Blog Archive » 才知道我这鸟不拉屎的blog还有fans

  8. Eric.松 says:

    这个软件非常不错,不过我还没收到注册码,囧

  9. Pingback: Balsamiq Mockups绝好助力——Napkee « 南闲::Days

发表评论

您的电子邮箱不会被公开。 标记为 * 的区域必须填写

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>