昨天因为要设计界面给老总看 就在网上找界面设计软件,无意找到了 Mockups 这款软件了,不过也是今天搜索是无意中发现的一款很棒的界面设计软件,无论你在设计一个软件的外观或者是一个网站的界面甚至说更为细节的一个小的功能模块的展现都可以使用这个软件完成。
这款软件的亮点可以想 VB 或者 Dreamware 之类的界面拖拽的方式即拖即现,点击拖拽后的控件(可以这么称之为吧),就提示相关的参数属性设置。而且控件库都是可视化显示,无论对于初入这个软件还是不懂设计的和画画的朋友都可以很轻松的上手而且还是手绘的效果,虽然界面不精细但是作为演示的草图已经足够了。而且最为重要的舍弃了笔和纸,也减去了自己拿软件自己进行鼠绘界面设计的痛苦。
软件分为线上和客户端和嵌入式三个版本,不过作为线上版还是客户端均采用了 Flex 开发,这样可以避免二次语言看法,只需要做部分的调整,就可以作为线上版和 AIR 客户端版本。嵌入式主要是说 Mockups 可以集成到Confluence,JIRA,和XWiki中的版本。
线上版的地址:http://www.balsamiq.com/demos/mockups/Mockups.html
对于想尝试客户端的朋友请注意,需要 AIR 支持,请先到 Adboe 官方下载 AIR,然后在进行 Mockups 安装。AIR 客户端适用于 Windows/Linux/Mac 系统。
在下载并安装之后,运行起来,大家就能看到一个精美的界面和预置六十多个界面元素控件的控件管理和下面的展现界面。下面是我自己简单做的一个 DEMO:
对于完成之后的界面可以导出为 XML 标记语言以方便管理和导入及其他工具或者是保持为 PNG 图片格式。除此之外,软件还支持导入以及添加更多的界面元素控件,这么好的软件当然不可能免费,购买的话需要 $79 刀的注册费用(对于Confluence,JIRA,和XWiki版本的费用还有所不同),不过官方有说明,注册之后的 Licenses 可以相互使用。对于买不起软件的朋友作者也给出了不同的方式以免费获取 Licenses。
如果你做到东西需要给大家演示,直接按快捷键 Ctrl + F,会开启全屏功能,在这个全屏功能中,将无法进行编辑,鼠标移动会有一个蓝色的大箭头在界面设计的周围移动,这个主要为了方便演示而制作的功能,可以看出软件作者的细心程度。
官方网址:http://www.balsamiq.com/products/mockups