<?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>the oeuvre of Tommy Wong &#187; Layout</title>
	<atom:link href="http://tableseven.org/category/layout/feed" rel="self" type="application/rss+xml" />
	<link>http://tableseven.org</link>
	<description></description>
	<lastBuildDate>Fri, 13 Aug 2010 08:31:12 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>FBE Bb Template Cover Design July 2010</title>
		<link>http://tableseven.org/fbe-bb-template-cover-design-july-2010</link>
		<comments>http://tableseven.org/fbe-bb-template-cover-design-july-2010#comments</comments>
		<pubDate>Sat, 17 Jul 2010 05:10:39 +0000</pubDate>
		<dc:creator>Tommy</dc:creator>
				<category><![CDATA[Layout]]></category>
		<category><![CDATA[Bb]]></category>
		<category><![CDATA[blackboard]]></category>
		<category><![CDATA[cover]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[fbe]]></category>
		<category><![CDATA[guide]]></category>
		<category><![CDATA[template]]></category>
		<category><![CDATA[unsw]]></category>

		<guid isPermaLink="false">http://tableseven.org/?p=467</guid>
		<description><![CDATA[This year, I designed the cover based on recognisable elements and patterns of the Faculty of the Built Environment. I then applied a certain colour on top of all the images to subdue the many contrasting colours. Compare it to last year&#8217;s design.]]></description>
			<content:encoded><![CDATA[<p>This year, I designed the cover based on recognisable elements and patterns of the Faculty of the Built Environment. I then applied a certain colour on top of all the images to subdue the many contrasting colours. Compare it to <a href="http://tableseven.org/unsw-fbe-bb-guide-cover">last year&#8217;s design</a>.</p>
<p><a href="http://tableseven.org/wp-content/uploads/2010/07/Bb-9-Template-Guide-JULY-2010_Page_01.jpg"><img class="alignleft size-large wp-image-468" title="Bb 9 Template Guide - JULY 2010 Cover Design" src="http://tableseven.org/wp-content/uploads/2010/07/Bb-9-Template-Guide-JULY-2010_Page_01-723x1024.jpg" alt="Bb 9 Template Guide - JULY 2010 Cover Design" width="723" height="1024" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://tableseven.org/fbe-bb-template-cover-design-july-2010/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bill Gates PowerPoint(?) on energy</title>
		<link>http://tableseven.org/bill-gates-powerpoint-on-energy</link>
		<comments>http://tableseven.org/bill-gates-powerpoint-on-energy#comments</comments>
		<pubDate>Mon, 22 Feb 2010 04:13:16 +0000</pubDate>
		<dc:creator>Tommy</dc:creator>
				<category><![CDATA[Layout]]></category>

		<guid isPermaLink="false">http://tableseven.org/?p=279</guid>
		<description><![CDATA[This is what a nice presentation looks like: minimal, contains plenty of graphics, highlights important information and omits excessive information.]]></description>
			<content:encoded><![CDATA[<p>This is what a nice presentation looks like: minimal, contains plenty of graphics, highlights important information and omits excessive information.</p>
<p><a href="http://tableseven.org/wp-content/uploads/2010/02/billGates_tedTalk_slides.jpg"><img class="alignleft size-full wp-image-278" title="billGates_tedTalk_slides" src="http://tableseven.org/wp-content/uploads/2010/02/billGates_tedTalk_slides.jpg" alt="" width="627" height="355" /></a></p>
<p><object width="446" height="326"><param name="movie" value="http://video.ted.com/assets/player/swf/EmbedPlayer.swf"></param><param name="allowFullScreen" value="true" /><param name="wmode" value="transparent"></param><param name="bgColor" value="#ffffff"></param><param name="flashvars" value="vu=http://video.ted.com/talks/dynamic/BillGates_2010-embed_medium.mp4&#038;su=http://images.ted.com/images/ted/tedindex/embed-posters/BillGates_2010-embed_thumbnail.jpg&#038;vw=432&#038;vh=240&#038;ap=0&#038;ti=767&#038;introDuration=16500&#038;adDuration=4000&#038;postAdDuration=2000&#038;adKeys=talk=bill_gates;year=2010;theme=a_greener_future;theme=a_taste_of_ted2010;theme=what_s_next_in_tech;theme=new_on_ted_com;theme=technology_history_and_destiny;event=TED2010;&#038;preAdTag=tconf.ted/embed;tile=1;sz=512x288;" /><embed src="http://video.ted.com/assets/player/swf/EmbedPlayer.swf" pluginspace="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" bgColor="#ffffff" width="446" height="326" allowFullScreen="true" flashvars="vu=http://video.ted.com/talks/dynamic/BillGates_2010-embed_medium.mp4&#038;su=http://images.ted.com/images/ted/tedindex/embed-posters/BillGates_2010-embed_thumbnail.jpg&#038;vw=432&#038;vh=240&#038;ap=0&#038;ti=767&#038;introDuration=16500&#038;adDuration=4000&#038;postAdDuration=2000&#038;adKeys=talk=bill_gates;year=2010;theme=a_greener_future;theme=a_taste_of_ted2010;theme=what_s_next_in_tech;theme=new_on_ted_com;theme=technology_history_and_destiny;event=TED2010;"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://tableseven.org/bill-gates-powerpoint-on-energy/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bb Workshop PowerPoint</title>
		<link>http://tableseven.org/bb-workshop-powerpoint</link>
		<comments>http://tableseven.org/bb-workshop-powerpoint#comments</comments>
		<pubDate>Thu, 11 Feb 2010 01:33:11 +0000</pubDate>
		<dc:creator>Tommy</dc:creator>
				<category><![CDATA[Layout]]></category>

		<guid isPermaLink="false">http://tableseven.org/?p=237</guid>
		<description><![CDATA[Chances are, your high school teacher or university lecturer has used PowerPoint to present information. And if you&#8217;re a design student, you&#8217;ve probably cringed at terrible slide design&#8230; like white text against a fluro-yellow background. Here&#8217;s a set of template slides I created for the Blackboard Workshops held at the FBE in 2010: Title slides [...]]]></description>
			<content:encoded><![CDATA[<p>Chances are, your high school teacher or university lecturer has used PowerPoint to present information. And if you&#8217;re a design student, you&#8217;ve probably cringed at terrible slide design&#8230; like white text against a fluro-yellow background.</p>
<p>Here&#8217;s a set of template slides I created for the Blackboard Workshops held at the FBE in 2010:</p>
<p><a href="http://tableseven.org/wp-content/uploads/2010/02/Slide1.jpg"><img class="alignleft size-full wp-image-238" title="Slide1" src="http://tableseven.org/wp-content/uploads/2010/02/Slide1.jpg" alt="" width="576" height="432" /></a></p>
<p><strong>Title slides</strong> should be in big font so the topic is clearly identifiable. This slide should be displayed as soon as you&#8217;ve set up your computer with a projector. How many students have suffered the embarrassment of walking to a lecture theatre only to realise a few minutes in they&#8217;re in the wrong lecture.</p>
<p><a href="http://tableseven.org/wp-content/uploads/2010/02/Slide2.jpg"><img class="alignleft size-full wp-image-239" title="Slide2" src="http://tableseven.org/wp-content/uploads/2010/02/Slide2.jpg" alt="" width="576" height="432" /></a></p>
<p><strong>Information slides</strong>, actually, should not contain a lot of textual information. Create a visual hierarchy by using different colours for the title and text.</p>
<p><a href="http://tableseven.org/wp-content/uploads/2010/02/Slide4.jpg"><img class="alignleft size-full wp-image-240" title="Slide4" src="http://tableseven.org/wp-content/uploads/2010/02/Slide4.jpg" alt="" width="576" height="432" /></a></p>
<p><strong>Important information slides</strong> should clearly highlight the information by drawing attention to it via visual cues (brackets, arrows) and colours (red ribbon).</p>
<p><a href="http://tableseven.org/wp-content/uploads/2010/02/Slide8.jpg"><img class="alignleft size-full wp-image-241" title="Slide8" src="http://tableseven.org/wp-content/uploads/2010/02/Slide8.jpg" alt="" width="576" height="432" /></a></p>
<p><strong>Image slides</strong>, when possible should be full screen and of high quality. They should be cropped neatly of any unnecessary information.</p>
<p><a href="http://tableseven.org/wp-content/uploads/2010/02/Slide16.jpg"><img class="alignleft size-full wp-image-242" title="Slide16" src="http://tableseven.org/wp-content/uploads/2010/02/Slide16.jpg" alt="" width="576" height="432" /></a></p>
<p><strong>Bullet point slides</strong> should be substituted with images when possible to make them more memorable. Highlight the point you are talking about so the audience can easily follow along.</p>
]]></content:encoded>
			<wfw:commentRss>http://tableseven.org/bb-workshop-powerpoint/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>UNSW BE TECH Guide 2010</title>
		<link>http://tableseven.org/unsw-tech-guide-2010</link>
		<comments>http://tableseven.org/unsw-tech-guide-2010#comments</comments>
		<pubDate>Tue, 09 Feb 2010 06:56:03 +0000</pubDate>
		<dc:creator>Tommy</dc:creator>
				<category><![CDATA[Layout]]></category>

		<guid isPermaLink="false">http://tableseven.org/?p=220</guid>
		<description><![CDATA[I created a student TECH Guide for the Built Environment at UNSW. I had to break down pages of information and present them in bite size chunks &#8211; this naturally lead to a grid. And, because the Faculty is concerned with design, I based the design on the interface of Adobe Illustrator.]]></description>
			<content:encoded><![CDATA[<p>I created a student TECH Guide for the Built Environment at UNSW. I had to break down pages of information and present them in bite size chunks &#8211; this naturally lead to a grid. And, because the Faculty is concerned with design, I based the design on the interface of Adobe Illustrator.</p>
<p><a href="http://tableseven.org/wp-content/uploads/2010/02/student_guide.jpg"><img class="alignleft size-large wp-image-221" title="student_guide" src="http://tableseven.org/wp-content/uploads/2010/02/student_guide-1024x723.jpg" alt="" width="614" height="434" /></a></p>
<p><a href="http://tableseven.org/wp-content/uploads/2010/02/student_guide2.jpg"><img class="alignleft size-large wp-image-222" title="student_guide2" src="http://tableseven.org/wp-content/uploads/2010/02/student_guide2-1024x723.jpg" alt="" width="614" height="434" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://tableseven.org/unsw-tech-guide-2010/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Avatar &#8211; The Game Cover</title>
		<link>http://tableseven.org/avatar-the-game-cover</link>
		<comments>http://tableseven.org/avatar-the-game-cover#comments</comments>
		<pubDate>Thu, 04 Feb 2010 00:53:52 +0000</pubDate>
		<dc:creator>Tommy</dc:creator>
				<category><![CDATA[Layout]]></category>

		<guid isPermaLink="false">http://tableseven.org/?p=189</guid>
		<description><![CDATA[Images from Behance You can never go wrong with shades of blue &#8211; it&#8217;s certainly a cool (albeit boring) cover. It feels a bit heavy towards the bottom left and it&#8217;s a shame there&#8217;s not much going on there&#8230; But refinement, refinement, refinement has made the cover progressively better &#8211; adding small ideas here and [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://tableseven.org/wp-content/uploads/2010/02/avatar_gameCover_ani.gif"><img class="alignleft size-full wp-image-190" title="avatar_gameCover_ani" src="http://tableseven.org/wp-content/uploads/2010/02/avatar_gameCover_ani.gif" alt="" width="384" height="497" /></a><br />
Images from <a href="http://www.behance.net/Gallery/Avatar-The-Game/346488">Behance</a></p>
<p>You can never go wrong with shades of blue &#8211; it&#8217;s certainly a cool (albeit boring) cover. It feels a bit heavy towards the bottom left and it&#8217;s a shame there&#8217;s not much going on there&#8230; But refinement, refinement, refinement has made the cover progressively better &#8211; adding small ideas here and there &#8211; a bit more lighting, rescaling elements&#8230;</p>
<p>The cover was put together by <a href="http://www.arsthanea.com/#/works/i_avatar/">Ars Thanea</a>; additional concept art created in-house by Grzegorz Domaradzki.</p>
<p><a href="http://tableseven.org/wp-content/uploads/2010/02/500301258112802.jpg"><img class="alignleft size-full wp-image-196" title="500301258112802" src="http://tableseven.org/wp-content/uploads/2010/02/500301258112802.jpg" alt="" width="420" height="410" /></a></p>
<p>Certainly beats these <a href="http://news.vgchartz.com/news.php?id=6460">disastrous covers</a>!</p>
]]></content:encoded>
			<wfw:commentRss>http://tableseven.org/avatar-the-game-cover/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
