Napkee – Balsamiq Mockups (UI Designer) 的辅助工具

 

介绍Napkee之前,必须先知道什么是Balsamiq Mockups。Balsamiq Mockups是一种手绘风格的界面设计工具,关于详细资料 Google 一下或用博客园的找找看就可以了。

image

 

那么What’s Napkee?

 

因为Balsamiq Mockups只能导出文件为png和pdf格式,而其网站的FAQ上便有这样一个疑问:Can Mockups Export to HTML/CSS/JS, MXML, XAML, Ruby, etc? 而他们的答案是:太多有技术的小公司(例如我们)会参与Mockups的导出工作,而我们只会专注于提供一种开放的文件格式(即xml),如果你对Mockups的扩展有兴趣,不妨联系我们。

而Napkee就是以上所说的其中一个成功的小公司。它完成了第一种文件的导出:就是导出Mockups格式到HTML/CSS/JS。

image

Napkee 的使用极其简单,打开Mockups文件(可多个) ,点“导出项目”就OK了。

image

image

(Napkee导出的js是基于大名鼎鼎的jQuery)

用IE打开导出的文件,如下图

image

 

How to get it?

下载地址:http://www.napkee.com/napkee/download/

Napkee 的售价是$49,狂流汗??别急,它跟Balsamiq Mockups一样,可以通过一些途径免费获取注册码。其中最有效的方法是:通过Blog介绍Napkee,详细请参考Get it for free!

本文只是向所有人展示Napkee这个软件,而至于这个软件是否有价值有意义,本人持中立态度,毕竟各行各业存在一定差异性。

参考网站:

http://www.balsamiq.com

http://www.napkee.com

那些精致到让人爱不释手的原型图,总是对我有莫大的吸引力。但迄今为止我却没有画出过一张像样的原型,试用过 Visio、Axure 后感觉在易用性方面都不太满意。原型设计图作为产品团队相关成员沟通的基础,应当能够清晰表达设计师的意图。基于这个目的,一杆笔 + 一张纸产生的原型图显得更原汁原味。但由于不方便留存、共享,一些产品人员仍然会选择软件。 但通过目前这些软件绘制原型图的一个缺陷就是不够写意,显得呆板。尤其是对于我这种新手而言,使用这些软件时都显得自己很笨。学习成本很高,基于 Axure 的培训班也是收费不菲。最近从一些 Blog 了解到一款由 Balsamiq Studios 开发的叫做 Balsamiq Mockups 的原型设计软件,试用一下就知道有多赞: 易操作:从 Balsamiq Mockups 自带的元素里可以很方便地拖拽,效果图轻易形成;元素对齐很贴心; 可偷懒:根据 Balsamiq Mockups 提供的 Wiki 风格的代码规则,画图时可以「偷懒」,输入文本符号则能生成图标。因此相比其它繁琐的软件操作,Balsamiq Mockups 也能更快地完成画图任务。 控件足:Balsamiq Mockups 软件包括 50 多个控件, 70 多个图标。基本自带了所有常用的小控件,并在导航处进行分类;图标设计赏心悦目。要是 Balsamiq Mockups 允许用户导入自定义的控件就更好了,当然现有的也足够了 -:) 新风格:让人眼前一亮的涂鸦风格,很能还原手绘效果; 可中文:在菜单栏 View 里将 Use System Fonts 勾上,就能完美支持中文输入(注:非 Balsamiq Mockups 中文版); 其它点:Balsamiq Mockups 使用 xml 记录,方便移植、二次利用;可导出为 png 格式图片。 另外还有跨平台与多版本两个优点: 跨平台:Balsamiq Mockups 基于 Air ,因此能同时在 Windows、Mac OS 及 Linux 下使用; 多版本:包括桌面版本,以及集成于 Confluence、JIRA、XWiki、FogBugz 中的版本; Balsamiq Mockups 可由 Wiki 风格代码控制菜单、树型导航等其它相似控件:
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值