Napkee – Balsamiq Mockups原型导出为WEB页面

最新推荐文章于 2024-08-23 08:18:54 发布
最新推荐文章于 2024-08-23 08:18:54 发布
阅读量265 收藏 1
点赞数
CC 4.0 BY-SA版权
文章标签： axure
原文链接：http://www.cnblogs.com/chengyan/archive/2010/07/12/1775505.html
本文介绍了一款名为Napkee的工具，它能够将Balsamiq原型设计导出为HTML/CSS/JS文件或Flex文件，方便进行产品原型的设计和演示。只需导入Balsamiq项目，即可快速生成网页版原型。

Napkee – Balsamiq Mockups原型导出为WEB页面

 

用Mockups做了一段时间的产品原型设计，非常帮的体验，尤其是在演示的时候。

有时候不得不用Axure再做一些重点页面，输出成html页面。

无意间发现了Napkee，它是将Mockups文件直接导出成html/CSS/JS文件或者flex文件，真是太棒了。

只要导入Mockups项目，即可直接输出，如下图：



用浏览器打开导出的文件，如下图

How to get it?
下载地址：http://www.napkee.com/napkee/download/

转载于:https://www.cnblogs.com/chengyan/archive/2010/07/12/1775505.html

Balsamiq.Mockups 快速生成界面(UI)原型 用户交互界面草图 HTML原型
05-22
Balsamiq Mockups是一种软件工程中快速原型的建立软件，可以做为与用户交互的一个界面草图，一旦客户认可可以做为美工开发HTML的原型使用。 目前的软件开发工作，很多时候都要用到Balsamiq Mockups。在设计原型图的时候，我会配合使用图片处理软件（比如Fireworks）来帮助我设计，这样，可各取所长。由于Balsamiq Mockups是基于Adobe Air技术开发的软件，是运行速度较慢，有时候拖动原型图会比较“卡”。另外，由于官方没有出中文版本的Balsamiq Mockups，这也让它在国内的推广受到一些阻力。不过，这些并不能妨碍Balsamiq Mockups成为一款优秀的原型图绘制工具。目前国内许多知名的互联网公司都推荐使用它进行原型设计（据我所知，这些公司包括腾讯、网易、搜狐）。因此，掌握好它，说不定您什么时候就去这些公司工作了。
Balsamiq Mockups
08-10
Balsamiq Mockups是产品设计师绘制线框图或产品原型界面的利器。在产品设计的需求阶段，低保真的线框图或者草图设计介于产品流程设计与高保真DEMO设计之间，在Balsamiq Mockups出现之前，流程图可以使用Visio，高保真DEMO可以使用Axure，但我们并没有好用的草图设计工具；在产品设计管理中，我们通常在产品的业务流程和数据流转已经相当明确时才开始进一步考虑产品的结构层和框架层，虽然此时纸、笔、白板都是非常简单方便的交流工具，但是他们的最大劣势就是——很难将有价值的原型保存下来。Balsamiq Mockups的出现完美的解决了这个问题。
[转]超好用Web草图工具Balsamiq Mockups
aqc802886的博客
06-29 362
Balsamiq Mockups是一款另人爱不释手的Web草图绘制工具，简单易用，能轻松地绘制出Web界面原型，托托拽拽就能搞出可爱的界面来，不说那么多，看看截图就知道了。 就是这么爽！ 软件虽好但不免费。不过作者算是比较厚道的，主页上有提到了多种免费获取 key 的方法，大家可以登陆看看，终有一种方法适合你。网址：http://www.balsamiq.com/...
Napkee-把Balsamiq Mockups导出成Web项目
weixin_33774883的博客
05-27 343
前一篇文章里，我介绍了如何使用Balsamiq Mockups来创建一个手绘风格的原型图，但 Balsamiq Mockups 只能将原型导出为 PNG 图像，不支持导出为 HTML 或其它格式。接下来我来介绍一下如何把这个原型图转换为HTML/CSS/JS or Adobe Flex 3，按照官网的话来说：Napkee lets you export Balsamiq Mockups to HT...
Balsamiq Mockups+Napkee+序列号
10-16
综合以上信息，这个压缩包包含了一套完整的 Balsamiq Mockups 原型设计工具和 Napkee 导出增强工具的安装及激活资源。用户首先需要安装 Adobe AIR，然后安装 Balsamiq Mockups 和 Napkee，最后使用 sn.txt 文件中的...
Napkee Mockups：探索新的导出技术可能性
标题“Napkee Mockups注册”暗示了我们即将讨论的是一款名为Napkee的mockups工具，这款软件与Mockups相关，而描述中提到了Balsamiq Mockups的导出功能限制以及对于创建HTML/CSS/JS等格式输出的普遍需求。Balsamiq ...
Napkee Mockups注册
08-26
因为Balsamiq Mockups只能导出文件为png和pdf格式，而其网站的FAQ上便有这样一个疑问：Can Mockups Export to HTML/CSS/JS, MXML, XAML, Ruby, etc? 而他们的答案是：太多有技术的小公司（例如我们）会参与Mockups的...
Napkee 注册码[已检测]
07-12
由于Mockups只能生成*.bmml文件，而不能由Mockups直接导出原型的HTML或Flex格式的文件，再加上Mockups的成功应用，萌生了对*.bmml文件解析的软件，其中在众多的软件中Napkee成功晋级，成为一款优秀的辅助软件。...
Napkee 下载
12-12
由于Mockups只能生成*.bmml文件，而不能由Mockups直接导出原型的HTML或Flex格式的文件，再加上Mockups的成功应用，萌生了对*.bmml文件解析的软件，其中在众多的软件中Napkee成功晋级，成为一款优秀的辅助软件。...
MockupsForDesktop Balsamiq Mockups
05-25
Balsamiq Mockups 草图工具 MockupsForDesktop
Balsamiq Mockups 3
03-01
Balsamiq Mockups 3,好用的原型设计工具
Balsamiq Mockups+注册机
03-17
那些精致到让人爱不释手的原型图，总是对我有莫大的吸引力。但迄今为止我却没有画出过一张像样的原型，试用过 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 风格代码控制菜单、树型导航等其它相似控件：
Mockups（手绘风格）.rar
12-17
著名的界面设计工具， MockupsForDesktop 文件：Mockups（手绘风格）.rar
Napkee安装文件
01-12
Napkee安装文件 可将Balsamiq Mockups文件导出成Html和FLEX3格式的项目文件。
超好用Web草图工具Balsamiq Mockups
chenhua1934的专栏
10-17 1183
 最近做项目，需要画界面，虽然网上有很多类似这样的工具，但是都不太好使用，费了好长时间终于找到了一款工具Balsamiq Mockups。Balsamiq Mockups是一款另人爱不释手的Web草图绘制工具，简单易用，能轻松地绘制出Web界面原型，托托拽拽就能搞出可爱的界面来，不说那么多，看看截图就知道了。    现在有了这个工具以后画图可就方便多了啊软件虽好
几个网页设计的工具软件 (mockup / wireframe tools)
ansion2014的博客
09-29 1303
这几天因为要做简单的界面设计，试了几个做mockup的工具软件。下面是我几分钟测试的感觉。 ＊ mockingbird ： 感觉不错，打开页面就能开始。简单的功能立马可见。如果是简单的页面设计，应该可以胜任。这次只是试了一下，下次注册一下看看。 ＊ pencil project ： 曾经下载过。属于firefox的插件。用起来还行，但是有些粗糙－－刚刚去它的网页看了看，好像新的版本还...
Balsamiq Mockups的使用
whh4122的专栏
09-28 9458
1   引言   制作软件使用原型法已经成为业界通行的做法，笔者使用过 Visio ， AxureRP 或者 Html 编辑器绘制过软件系统的原型。对于大型项目一般使用 AxureRP 或者 Html 编辑器制作高逼 真度的原型；对于小型项目一般使用 Visio 制作。   但是不论是大项目还是小项目， 软件是什么样子？从脑海中落到逼真的样子中间会经过 一
开源项目 printable-mockups 使用教程
最新发布
gitblog_00769的博客
08-23 327
开源项目 printable-mockups 使用教程 项目的目录结构及介绍 printable-mockups/ ├── assets/ │ ├── css/ │ ├── fonts/ │ ├── img/ │ └── js/ ├── examples/ │ ├── example1/ │ ├── example2/ │ └── example3/ ├── index...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值