<?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>分享互联网 wenbin.me &#187; 原型</title>
	<atom:link href="http://www.wenbin.me/tag/prototype/feed" rel="self" type="application/rss+xml" />
	<link>http://www.wenbin.me</link>
	<description>分享互联网，关注用户体验与web设计</description>
	<lastBuildDate>Sat, 27 Feb 2010 13:36:35 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		
<!-- Start Of Script Generated By WP-PostViews Plus -->
<script type='text/javascript' src='http://www.wenbin.me/wp-includes/js/jquery/jquery.js?ver=1.3.2'></script>
<script type="text/javascript">
/* <![CDATA[ */
/* ]]> */
</script>
<!-- End Of Script Generated By WP-PostViews Plus -->
	<item>
		<title>选择原型设计工具</title>
		<link>http://www.wenbin.me/ued/select-a-prototype-designtool.html</link>
		<comments>http://www.wenbin.me/ued/select-a-prototype-designtool.html#comments</comments>
		<pubDate>Mon, 01 Dec 2008 15:50:58 +0000</pubDate>
		<dc:creator>Jerrywen</dc:creator>
				<category><![CDATA[用户体验与Web设计]]></category>
		<category><![CDATA[产品]]></category>
		<category><![CDATA[原型]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://www.wenbin.me/?p=164</guid>
		<description><![CDATA[
<!-- Start Of Script Generated By WP-PostViews Plus -->
<script type="text/javascript">
/* <![CDATA[ */
/* ]]> */
</script>
<!-- End Of Script Generated By WP-PostViews Plus -->
在程序、网页被实现之前，一定需要把界面给“画”出来，成为原型设计，就像动画片要画分镜头、手稿一样。原型设计能起到有效沟通的作用，漂亮，直观的原型图更是让人赏心悦目。
<h2><a href="http://office.microsoft.com/en-us/visio/default.aspx" target="_blank">1. Microsoft Visio</a></h2>
<a href="http://www.wenbin.me/wp-content/uploads/2008/12/081201-ue1.png"><img class="alignnone size-full wp-image-165" title="081201-ue1" src="http://www.wenbin.me/wp-content/uploads/2008/12/081201-ue1.png" alt="" width="474" height="346" /></a>

我最常用的原型设计工具，几乎是Windows平台下惟一的“最佳”选择。有很多的模板可以选择，可以制作包括流程图、平面布置图、工程绘图、日程图、软件界面、UML、灵感脑图……


Related posts:<ol><li><a href='http://www.wenbin.me/ued/cctvcom-friendship-tips.html' rel='bookmark' title='Permanent Link: CCTV.com的友情提示'>CCTV.com的友情提示</a></li>
<li><a href='http://www.wenbin.me/ued/chinese-users-have-not-used-to-scan-f.html' rel='bookmark' title='Permanent Link: 中国用户没有F扫描习惯'>中国用户没有F扫描习惯</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[
<!-- Start Of Script Generated By WP-PostViews Plus -->
<script type="text/javascript">
/* <![CDATA[ */
/* ]]> */
</script>
<!-- End Of Script Generated By WP-PostViews Plus -->
<p>在程序、网页被实现之前，一定需要把界面给“画”出来，成为原型设计，就像动画片要画分镜头、手稿一样。原型设计能起到有效沟通的作用，漂亮，直观的原型图更是让人赏心悦目。</p>
<h2><a href="http://office.microsoft.com/en-us/visio/default.aspx" target="_blank">1. Microsoft Visio</a></h2>
<p><a href="http://www.wenbin.me/wp-content/uploads/2008/12/081201-ue1.png"><img class="alignnone size-full wp-image-165" title="081201-ue1" src="http://www.wenbin.me/wp-content/uploads/2008/12/081201-ue1.png" alt="" width="474" height="346" /></a></p>
<p>我最常用的原型设计工具，几乎是Windows平台下惟一的“最佳”选择。有很多的模板可以选择，可以制作包括流程图、平面布置图、工程绘图、日程图、软件界面、UML、灵感脑图……</p>
<p>Visio的优点很明显，上手很快，能比较快的画出不同种类的图，但缺点也非常明显，由于要支持不同的“模板”，Visio的外观功能不够强大，而且Visio2007和Visio2003相比，并没有很大的改变，实在对Visio有些失望，不过在Windows下还有其他的选择吗？</p>
<h2><a href="http://office.microsoft.com/en-us/powerpoint/default.aspx" target="_blank">2. Microsoft PowerPoint 2007</a></h2>
<p>Office2007最值得称道的是对颜色和形状的快速样式，PowerPoint同样是，这个特点能够帮助用户很快的制作一套UI规范；同时，在展示原型设计是PowerPoint的老本行。</p>
<p><a href="http://www.wenbin.me/wp-content/uploads/2008/12/081201-ue2.png"><img class="alignnone size-full wp-image-166" title="081201-ue2" src="http://www.wenbin.me/wp-content/uploads/2008/12/081201-ue2.png" alt="" width="434" height="396" /></a></p>
<p>但是毕竟PowerPoint不是专门的原型设计工具，所以一些配套的功能不够，比如界面的文档管理，界面的上下文标识等等。另外有人<a href="http://www.istartedsomething.com/20071018/powerpoint-prototype-toolkit-01/" target="_blank"><span style="color: #5eafd7;">提供了一套PowerPoint的原型模板</span></a>，还是不错的。</p>
<h2><a href="http://axure.com/" target="_blank">3. Axure</a></h2>
<p><a href="http://www.wenbin.me/wp-content/uploads/2008/12/081201-ue3.jpg"><img class="alignnone size-full wp-image-167" title="081201-ue3" src="http://www.wenbin.me/wp-content/uploads/2008/12/081201-ue3.jpg" alt="" width="500" height="293" /></a></p>
<p>可以说Axure是Windows上最出色的原型设计软件，原因是：够快，够简单，比Visio更加快，既然是原型设计，当然是低保真的。Axure提供的几个形状能满足基本的需求，但是形状的定制功能太弱，比如大尺寸的圆角框，Axure就不能很好的处理，需要用4个形状拼接起来。</p>
<p>Axure除了提供低保真的形状外，还<strong>提供了注释，界面上下文</strong>的实现，等等。其中界面上下文非常有用，如果要演示一些界面效果的话，Axure提供的界面上下文是非常直观的。</p>
<p>另外Axure能够<strong>导出HTML和DOC</strong>的文件，能很方便的将其文档化。</p>
<p>当然低保真的界面效果总有一天会成为高保真的界面效果图，这个时候，你同样能够利用Axure来满足：<strong>即拥有高保真界面，又拥有界面上下文的功能</strong>。</p>
<p>Axure的模板功能很有特点，Axure拥有两种模板的类型，一个是<strong>传统意义上的模板</strong>，随着模板的改变，应用这个模板的页面，也会得到改变；二是<strong>小部件（Widget）类型</strong>，当应用这种类型的模板的时候，这个模板中的所有控件，都成为应用该模板的页面的独立控件，改变这种类型的模板后，其相关字页面是不会发生变化的。简单的说，就是Widget类型是一个控件包，你可以在新的页面中把这个包解开，把里面的东西仍在新的页面中，此后，这些东西就和Widget没有关系了。</p>
<h2><a href="http://www.omnigroup.com/applications/omnigraffle/" target="_blank">4. OmniGraffle</a></h2>
<p><a href="http://www.wenbin.me/wp-content/uploads/2008/12/081201-ue4.jpg"><img class="alignnone size-full wp-image-168" title="081201-ue4" src="http://www.wenbin.me/wp-content/uploads/2008/12/081201-ue4.jpg" alt="" width="500" height="325" /></a></p>
<p>能画出很漂亮的流程图、原型设计，可以说是<strong>最好的原型设计软件</strong>了，但<strong>只限在Mac OS</strong>上，不能说是一种遗憾，在Windows上的用户没有办法享受到这款软件。自己也没有用过，对于它的介绍也是从它的<a href="http://www.omnigroup.com/applications/omnigraffle/" target="_blank"><span style="color: #44a1d0;">官方网站</span></a>和<a href="http://heartstringz.net/blog/posts/view/omnigraffle-the-best-wireframe-and-flow-design-tool" target="_blank"><span style="color: #5eafd7;">心弦的博客</span></a>中获得的。</p>
<h2>最后</h2>
<p><strong>温伯格</strong>曾经在他的一本书中讲到（具体哪一本实在想不起来）：“我工作只用笔和纸，力图对复杂现象做出简单的解释。”有时候离开电脑屏幕，你会发现你的思考力会上升。</p>
<p><a href="http://www.wenbin.me/wp-content/uploads/2008/12/081201-ue5.jpg"><img class="alignnone size-full wp-image-169" title="081201-ue5" src="http://www.wenbin.me/wp-content/uploads/2008/12/081201-ue5.jpg" alt="" width="500" height="396" /></a></p>
<p><a href="http://17fav.com/?url=http%3A%2F%2Fwww.wenbin.me%2Fued%2Fselect-a-prototype-designtool.html&title=%E9%80%89%E6%8B%A9%E5%8E%9F%E5%9E%8B%E8%AE%BE%E8%AE%A1%E5%B7%A5%E5%85%B7" title="用 17fav 收藏和分享本文"><img src="http://17fav.com/i/bookmark.gif" alt="17fav 收藏本文" /></a></p><h3  class="related_post_title">相关文章推荐</h3><ul class="related_post"><li><a href="http://www.wenbin.me/ued/chinese-users-have-not-used-to-scan-f.html" title="中国用户没有F扫描习惯">中国用户没有F扫描习惯</a></li><li><a href="http://www.wenbin.me/ued/cctvcom-friendship-tips.html" title="CCTV.com的友情提示">CCTV.com的友情提示</a></li><li><a href="http://www.wenbin.me/talk/web-designer-hell.html" title="网页设计师是怎样下地狱的？">网页设计师是怎样下地狱的？</a></li><li><a href="http://www.wenbin.me/internet/taobao-new-homepage.html" title="淘宝新版首页提前泄露 预计元旦上线">淘宝新版首页提前泄露 预计元旦上线</a></li><li><a href="http://www.wenbin.me/ued/8-useful-tips-to-help-your-website-convert.html" title="8个有效提高网站转换率的设计方法">8个有效提高网站转换率的设计方法</a></li></ul>

<p>Related posts:<ol><li><a href='http://www.wenbin.me/ued/cctvcom-friendship-tips.html' rel='bookmark' title='Permanent Link: CCTV.com的友情提示'>CCTV.com的友情提示</a></li>
<li><a href='http://www.wenbin.me/ued/chinese-users-have-not-used-to-scan-f.html' rel='bookmark' title='Permanent Link: 中国用户没有F扫描习惯'>中国用户没有F扫描习惯</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.wenbin.me/ued/select-a-prototype-designtool.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
