<?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>Blog*spark &#187; adobe</title>
	<atom:link href="http://blog.metaspark.com/category/adobe/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.metaspark.com</link>
	<description>News and thoughts from metaspark.com</description>
	<lastBuildDate>Thu, 02 Dec 2010 03:05:19 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Fireworks toolkit for creating iPhone UI mockups</title>
		<link>http://blog.metaspark.com/2009/02/fireworks-toolkit-for-creating-iphone-ui-mockups/</link>
		<comments>http://blog.metaspark.com/2009/02/fireworks-toolkit-for-creating-iphone-ui-mockups/#comments</comments>
		<pubDate>Wed, 11 Feb 2009 21:15:28 +0000</pubDate>
		<dc:creator>sho</dc:creator>
				<category><![CDATA[adobe]]></category>
		<category><![CDATA[fireworks]]></category>
		<category><![CDATA[notespark]]></category>
		<category><![CDATA[ui]]></category>

		<guid isPermaLink="false">http://blog.metaspark.com/?p=138</guid>
		<description><![CDATA[While designing Notespark, we did a lot of UI mockups. As it turns out, I prefer using Fireworks for this kind of work over Photoshop, because it&#8217;s easier to manipulate objects on the screen. After doing some Google searching, it appeared there weren&#8217;t any good templates for doing iPhone mockups, so we built our own. [...]]]></description>
			<content:encoded><![CDATA[<p>While designing <a href="http://notespark.com">Notespark</a>, we did a lot of UI mockups. As it turns out, I prefer using Fireworks for this kind of work over Photoshop, because it&#8217;s easier to manipulate objects on the screen. After doing some Google searching, it appeared there weren&#8217;t any good templates for doing iPhone mockups, so we built our own.</p>
<p>The file is pretty complete now, so we&#8217;re sharing it with the rest of the world. We started out with a combination of bitmaps and vectors, but we found that vectors were easier to edit, so every single item has been redrawn as a vector [<a href="#footnote">*</a>], which should make it easier to edit to your heart&#8217;s content.</p>
<p><a href="http://blog.metaspark.com/wp-content/uploads/2009/02/iphone_mockup_toolkit_flattened.png"><img src="http://blog.metaspark.com/wp-content/uploads/2009/02/iphone_mockup_toolkit_small.png" alt="iPhone Mockup Toolkit" title="iPhone Mockup Toolkit" width="470" height="359" class="aligncenter size-full wp-image-150" /></a></p>
<p>[<a href="http://blog.metaspark.com/wp-content/uploads/2009/02/iphone_mockup_toolkit_cs3png.zip">Download the CS3 version</a>]<br />
[<a href="http://blog.metaspark.com/wp-content/uploads/2009/02/iphone_mockup_toolkit_cs4png.zip">Download the CS4 version</a>]</p>
<p>You may use this file freely for &#8220;normal&#8221; use. That is to say, you can create mockups, show clients, work with team members, etc. That&#8217;s what it&#8217;s for.</p>
<p>If, however, you are planning on distributing a modified version of this more broadly (e.g., on your blog, or with your book), we ask that you follow the conventions of the <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/us/">Creative Commons Attribution-Share Alike 3.0 License.</a> Please include an attribution to metaspark.com along with a link to the URL for this post (http://blog.metaspark.com/2009/02/fireworks-toolkit-for-creating-iphone-ui-mockups/). The attribution should be in the file itself, as well as on the blog post or wherever you reference it.</p>
<p><a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/us/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/3.0/us/88x31.png" /></a>.</p>
<p>Hat tip to <a href="http://www.teehanlax.com/blog/?p=447">Teehan + Lax</a> for giving us the idea. We probably would have just used theirs if we didn&#8217;t prefer Fireworks over Photoshop!</p>
<p><a name="footnote">*</a> Except the picture of the iPhone itself and the background of the start screen. We&#8217;re not <strong>that</strong> crazy.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.metaspark.com/2009/02/fireworks-toolkit-for-creating-iphone-ui-mockups/feed/</wfw:commentRss>
		<slash:comments>100</slash:comments>
		</item>
	</channel>
</rss>

