<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>落雪实验室 &#187; Mockups</title>
	<atom:link href="http://www.fallensnow.net/index.php/archives/tag/mockups/feed" rel="self" type="application/rss+xml" />
	<link>http://www.fallensnow.net</link>
	<description>收藏分享精品软件与技术-关注互联网、操作系统与搜索引擎</description>
	<lastBuildDate>Sat, 20 Nov 2010 16:33:30 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>基于Adobe Air的优秀跨平台网站产品原型设计工具 Balsamiq Mockups</title>
		<link>http://www.fallensnow.net/index.php/archives/1057</link>
		<comments>http://www.fallensnow.net/index.php/archives/1057#comments</comments>
		<pubDate>Tue, 24 Nov 2009 06:07:04 +0000</pubDate>
		<dc:creator>落雪</dc:creator>
				<category><![CDATA[技术教程]]></category>
		<category><![CDATA[网站产品设计]]></category>
		<category><![CDATA[网站开发设计]]></category>
		<category><![CDATA[Adobe Air]]></category>
		<category><![CDATA[Mockups]]></category>
		<category><![CDATA[PM]]></category>
		<category><![CDATA[UE]]></category>
		<category><![CDATA[UI]]></category>

		<guid isPermaLink="false">http://www.fallensnow.com.cn/index.php/archives/1057</guid>
		<description><![CDATA[&#160;&#160;&#160;&#160;&#160;&#160;&#160; 作为一个互联网产品经理，在产品设计阶段不可避免的要进行产品原型设计。对于一个网站产品的架构、模块以及内容而言，产品原型设计是非常重要的一个步骤。很多时候，我们的设计师可能就在一张纸上画出原型，或者用Visio画出流程，但是这仅仅是其中一步，准确实用的仿真原型是指导UI设计的前提与基础。

&#160;&#160;&#160;&#160;&#160;&#160; 这里落雪就给大家推荐一款优秀的网站产品原型设计工具 Balsamiq Mockups，这款工具让我刚接触到的时候感觉上要比老牌设计工具Axure自由的多，而且从Balsamiq Mockups 首页的Demo里面，能够发现很多作者Balsamiq独具匠心的设计。它基于Adobe Air，能够流畅的在不同浏览器，不同操作系统平台下完美运行，可以在线使用，亦可以离线使用，落雪很顺利地将其安装在Windows 7、FreeBSD、Ubuntu等OS上面，高效率地完成一个Case。

<span class="readmore"><a href="http://www.fallensnow.net/index.php/archives/1057" title="基于Adobe Air的优秀跨平台网站产品原型设计工具 Balsamiq Mockups">阅读全文——共2465字</a></span>]]></description>
			<content:encoded><![CDATA[<p><img align="left" src="http://www.balsamiq.com/blog/wp-content/uploads/2009/11/appicon_final_1_512x512.png" width="107" height="107" />&#160;&#160;&#160;&#160;&#160;&#160;&#160; 作为一个互联网产品经理，在产品设计阶段不可避免的要进行产品原型设计。对于一个网站产品的架构、模块以及内容而言，产品原型设计是非常重要的一个步骤。很多时候，我们的设计师可能就在一张纸上画出原型，或者用Visio画出流程，但是这仅仅是其中一步，准确实用的仿真原型是指导UI设计的前提与基础。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 这里落雪就给大家推荐一款优秀的网站产品原型设计工具 Balsamiq Mockups，这款工具让我刚接触到的时候感觉上要比老牌设计工具Axure自由的多，而且从Balsamiq Mockups 首页的Demo里面，能够发现很多作者<a href="http://www.balsamiq.com/blog/">Balsamiq</a>独具匠心的设计。它基于Adobe Air，能够流畅的在不同浏览器，不同操作系统平台下完美运行，可以在线使用，亦可以离线使用，落雪很顺利地将其安装在Windows 7、FreeBSD、Ubuntu等OS上面，高效率地完成一个Case。</p>
</p>
<p> <span id="more-1057"></span>
</p>
<p><a href="http://www.fallensnow.net/wp-content/uploads/2009/11/image4.png"><img style="border-right-width: 0px; margin: 0px 20px 5px 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" border="0" alt="image" align="left" src="http://www.fallensnow.net/wp-content/uploads/2009/11/image_thumb4.png" width="451" height="299" /></a>&#160;&#160;&#160;&#160;&#160;&#160; 之前也使用过一个国外的在线设计产品，叫MockFlow，Balsamiq Mockups在落雪使用下来最大的感受就是，相对MockFlow,Mockups的功能要强大的多.这个软件是由意大利人Peldi开发的，本来是他自己用它来做设计，满足自己的需求。而在经济寒冷的2008年，从1,322位付费用户那却获得了162,302美元的收入（其中12月份就有39,000美元）;可见其受欢迎的程度。</p>
<p>&#160;</p>
<p>它的优秀功能有以下：</p>
<p>这些都是非常难能可贵的。</p>
<p>网址：<a href="http://www.balsamiq.com/">http://www.balsamiq.com/</a>    <br />在线演示地址：<a href="http://www.balsamiq.com/products/mockups">http://www.balsamiq.com/products/mockups</a></p>
<p>作者博客:<a title="http://www.balsamiq.com/blog/" href="http://www.balsamiq.com/blog/">http://www.balsamiq.com/blog/</a>    <br />试用网址：<a href="http://www.balsamiq.com/demos/mockups/Mockups.html">http://www.balsamiq.com/demos/mockups/Mockups.html</a></p>
<blockquote><p>这款产品是收费产品，但作者也为学生、Blogger、设计师提供了免费License的获取：     <br />1. If your company bought Mockups for Confluence, JIRA or XWiki, ask your IT admin for your company&#8217;s license information and use it FREE of charge.</p>
<p>2. If you are a do-gooder of any sort (non-profit, charity, open-source contributor, you get the idea), email us with a short blurb and we&#8217;ll send you a license, FREE of charge.</p>
<p>3. If you are a technical/software blogger or journalist willing to write us up (honest reviews are the most useful to us) email us a short blurb with the link to your blog and we&#8217;ll send you a license, FREE of charge, so that you can evaluate Mockups properly.</p>
<p>4. If you are willing to demo Mockups to an audience of at least 15 people (at a user group, a conference, a BarCamp), email us your info and we&#8217;ll give you two licenses, one for you to keep and one to give away at the event, FREE of charge.</p>
<p>5. If you teach a high-school class, email us the name of your school and your class, plus the number of students in your class. We will send you a license for all of them.     <br />A note to university students and professors: we currently do not offer free licenses to universities, but we&#8217;ll be happy to offer you an additional 50% off any orders of 10 or more licenses. Let us know if you&#8217;re interested and we&#8217;ll set up a discount code for you.</p>
</blockquote>
<p>以下是关于Balsamiq Mockups的一些特点：   <br />易操作：从 Balsamiq Mockups 自带的元素里可以很方便地拖拽，效果图轻易形成；元素对齐很贴心；    <br />可偷懒：根据 Balsamiq Mockups 提供的 Wiki 风格的代码规则，画图时可以「偷懒」，输入文本符号则能生成图标。因此相比其它繁琐的软件操作，Balsamiq Mockups 也能更快地完成画图任务。    <br />控件足：Balsamiq Mockups 软件包括 50 多个控件， 70 多个图标。基本自带了所有常用的小控件，并在导航处进行分类；图标设计赏心悦目。要是 Balsamiq Mockups 允许用户导入自定义的控件就更好了，当然现有的也足够了 &#8211;    <br />新风格：让人眼前一亮的涂鸦风格，很能还原手绘效果；    <br />可中文：在菜单栏 View 里将 Use System Fonts 勾上，就能完美支持中文输入（注：非 Balsamiq Mockups 中文版）；    <br />其它点：Balsamiq Mockups 使用 xml 记录，方便移植、二次利用；可导出为 png 格式图片。    <br />另外还有跨平台与多版本两个优点：    <br />跨平台：Balsamiq Mockups 基于 Air ，因此能同时在 Windows、Mac OS 及 Linux 下使用；    <br />多版本：包括桌面版本，以及集成于 Confluence、JIRA、XWiki、FogBugz 中的版本；    <br />Balsamiq Mockups 可由 Wiki 风格代码控制菜单、树型导航等其它相似控件：</p>
<p><img border="0" alt="" src="http://img3.cache.netease.com/tech/2009/10/16/2009101600181113c32.png" />    <br />为了保证原型风格的一致性，Balsamiq Mockups 还能够将图片转换为手绘风格。</p>
<h2  class="related_post_title">落雪猜您还对以下文章感兴趣：</h2><ul class="related_post"><li>2010/04/07 -- <a href="http://www.fallensnow.net/index.php/archives/1537" title="产品经理的角色定位">产品经理的角色定位</a></li><li>2009/11/11 -- <a href="http://www.fallensnow.net/index.php/archives/1026" title="落雪实验室将会更精彩">落雪实验室将会更精彩</a></li><li>2009/11/11 -- <a href="http://www.fallensnow.net/index.php/archives/1025" title="以用户为中心的PM与产品设计 装B">以用户为中心的PM与产品设计 装B</a></li><li>2010/03/31 -- <a href="http://www.fallensnow.net/index.php/archives/1489" title="交互设计实用指南&mdash;减少记忆负担">交互设计实用指南&mdash;减少记忆负担</a></li><li>2010/03/12 -- <a href="http://www.fallensnow.net/index.php/archives/1486" title="创意搜狗输入法设计理念 搜狗输入法成功路">创意搜狗输入法设计理念 搜狗输入法成功路</a></li><li>2010/01/24 -- <a href="http://www.fallensnow.net/index.php/archives/1363" title="提高WordPress 博客手机用户的用户体验 MobilePress">提高WordPress 博客手机用户的用户体验 MobilePress</a></li></ul>
	标签：<a href="http://www.fallensnow.net/index.php/archives/tag/pm" title="PM" rel="tag nofollow">PM</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/ui" title="UI" rel="tag nofollow">UI</a>, <a href="http://www.fallensnow.net/index.php/archives/category/web-design" title="网站开发设计" rel="tag nofollow">网站开发设计</a>, <a href="http://www.fallensnow.net/index.php/archives/category/resources" title="技术教程" rel="tag nofollow">技术教程</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/mockups" title="Mockups" rel="tag nofollow">Mockups</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/ue" title="UE" rel="tag nofollow">UE</a>, <a href="http://www.fallensnow.net/index.php/archives/category/website-product-desgin" title="网站产品设计" rel="tag nofollow">网站产品设计</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/adobe-air" title="Adobe Air" rel="tag nofollow">Adobe Air</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.fallensnow.net/index.php/archives/1057/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

