<?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>Rizwan Javaid &#187; wireframes</title>
	<atom:link href="http://www.rizwanjavaid.com/tag/wireframes/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.rizwanjavaid.com</link>
	<description>UX Designer</description>
	<lastBuildDate>Fri, 03 Sep 2010 18:32:46 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Wireframes for the Wicked</title>
		<link>http://www.rizwanjavaid.com/2010/09/03/wireframes-for-the-wicked/</link>
		<comments>http://www.rizwanjavaid.com/2010/09/03/wireframes-for-the-wicked/#comments</comments>
		<pubDate>Fri, 03 Sep 2010 13:09:58 +0000</pubDate>
		<dc:creator>Rizwan</dc:creator>
				<category><![CDATA[Design Process]]></category>
		<category><![CDATA[UX]]></category>
		<category><![CDATA[Wireframing]]></category>
		<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[wireframes]]></category>

		<guid isPermaLink="false">http://www.rizwanjavaid.com/?p=453</guid>
		<description><![CDATA[Here is a great presentation about Wireframes.]]></description>
			<content:encoded><![CDATA[<p></p><div class="tweetmeme_button" style="float: right; margin-left: 0px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.rizwanjavaid.com%2F2010%2F09%2F03%2Fwireframes-for-the-wicked%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.rizwanjavaid.com%2F2010%2F09%2F03%2Fwireframes-for-the-wicked%2F&amp;source=rizwanjavaid&amp;style=compact&amp;service=bit.ly&amp;service_api=R_e2d7ae2847c95fa3b07a5988c79a6550" height="61" width="50" /><br />
			</a>
		</div>
<div style="padding: 5px 0 12px;">I read somewhere that anyone can wireframe but not everyone can do it good. This got me thinking about the way I create wireframes and if in fact I am creating them correctly and effectively. So off I went on a search to learn more about wireframing. I came across this great slideshare by Nick Finck. He goes into detail about the different types of wireframes and the situations they could be used for.</div>
<div style="padding: 5px 0 12px;">Check it out. This presentation has definitely helped me learn more and improve the wireframes I create.</div>
<div id="__ss_1153928" style="width: 425px;"><strong style="display: block; margin: 12px 0 4px;"><a title="Wireframes for the Wicked" href="http://www.slideshare.net/nickf/wireframes-for-the-wicked">Wireframes for the Wicked</a></strong><object id="__sse1153928" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="355" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=wireframesforthewicked-090316193051-phpapp02&amp;stripped_title=wireframes-for-the-wicked" /><param name="name" value="__sse1153928" /><param name="allowfullscreen" value="true" /><embed id="__sse1153928" type="application/x-shockwave-flash" width="425" height="355" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=wireframesforthewicked-090316193051-phpapp02&amp;stripped_title=wireframes-for-the-wicked" name="__sse1153928" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<div style="padding: 5px 0 12px;">View more <a href="http://www.slideshare.net/">webinars</a> from <a href="http://www.slideshare.net/nickf">Nick Finck</a>.</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.rizwanjavaid.com/2010/09/03/wireframes-for-the-wicked/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Renumbering Artboards in Illustrator</title>
		<link>http://www.rizwanjavaid.com/2009/08/23/renumbering-artboards-in-illustrator/</link>
		<comments>http://www.rizwanjavaid.com/2009/08/23/renumbering-artboards-in-illustrator/#comments</comments>
		<pubDate>Sun, 23 Aug 2009 18:11:43 +0000</pubDate>
		<dc:creator>Rizwan</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[Adobe Illustrator]]></category>
		<category><![CDATA[wireframes]]></category>

		<guid isPermaLink="false">http://rizwanjavaid/?p=79</guid>
		<description><![CDATA[Recently I designed some wireframes for a site I am building. The wireframes were designed using Adobe Illustrator. Using the Artboard Tool I was able to layout all the pages I needed to build. The wireframes consisted of 12 pages. After the wireframes were complete I realized that I needed to add another page between [...]]]></description>
			<content:encoded><![CDATA[<p></p><div class="tweetmeme_button" style="float: right; margin-left: 0px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.rizwanjavaid.com%2F2009%2F08%2F23%2Frenumbering-artboards-in-illustrator%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.rizwanjavaid.com%2F2009%2F08%2F23%2Frenumbering-artboards-in-illustrator%2F&amp;source=rizwanjavaid&amp;style=compact&amp;service=bit.ly&amp;service_api=R_e2d7ae2847c95fa3b07a5988c79a6550" height="61" width="50" /><br />
			</a>
		</div>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="385" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/NQjU3_BO5FY?fs=1&amp;hl=en_US" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="480" height="385" src="http://www.youtube.com/v/NQjU3_BO5FY?fs=1&amp;hl=en_US" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>Recently I designed some wireframes for a site I am building. The wireframes were designed using Adobe Illustrator. Using the Artboard Tool I was able to layout all the pages I needed to build. The wireframes consisted of 12 pages. After the wireframes were complete I realized that I needed to add another page between page 3 and 4. Currently if you add a new page using the Artboard Tool it will only add a new page at the end,  so I ended up with a page 13. After browsing a few forums I ended up at the <a href="http://groups.google.com/group/adobe.illustrator.macintosh/browse_thread/thread/1055e2eba6ed2c8a/2408436ccb93c571?lnk=raot" target="_blank">Adobe Illustrator Google Groups forum</a>. There <a rel="external nofollow" href="http://www.proficiografik.com/">Jean-Claude Tremblay</a> explained this solution:</p>
<p><strong>Here is the solution:</strong></p>
<ol>
<li>Use the Rectangle tool to draw a rectangle that covers the artboard size of all of your artboards except the one that you want to be the first. Using smart guide it will snap to the artboard. It&#8217;s IMPORTANT to draw them in the order you want your artboard to be re-ordered.</li>
<li>Now using the Artboard tool, delete all artboards except the one you did not draw a rectangle over.</li>
<li>Select all the rectangles from step 1. and choose Object &gt; Convert to Artboards</li>
</ol>
<p>Works like a charm. Try it out for yourself it is a great time-saver.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.rizwanjavaid.com/2009/08/23/renumbering-artboards-in-illustrator/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>
