<?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>Serial Digital &#187; Design</title>
	<atom:link href="http://www.serialdigital.com/tag/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.serialdigital.com</link>
	<description>Notes on presentation graphics and vision systems</description>
	<lastBuildDate>Sat, 06 Aug 2011 00:31:10 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>‘Zoom’ into content areas in presentations</title>
		<link>http://www.serialdigital.com/2009/05/10/161/</link>
		<comments>http://www.serialdigital.com/2009/05/10/161/#comments</comments>
		<pubDate>Sun, 10 May 2009 09:06:26 +0000</pubDate>
		<dc:creator>Steve Wylie</dc:creator>
				<category><![CDATA[Speaker support content]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[PowerPoint]]></category>

		<guid isPermaLink="false">http://www.serialdigital.com/?p=161</guid>
		<description><![CDATA[A new trend seems to be forming with the increase in typical computing power and the demand for ‘something different’ compared with static slides. The idea of taking one ‘slide’ (or canvas), and inserting a whole load of content in different areas, linked together with visual elements, and then ‘zooming in’ to the content you’re [...]]]></description>
			<content:encoded><![CDATA[<p>A new trend seems to be forming with the increase in typical computing power and the demand for ‘something different’ compared with static slides.</p>
<p>The idea of taking one ‘slide’ (or canvas), and inserting a whole load of content in different areas, linked together with visual elements, and then ‘zooming in’ to the content you’re talking about is a really cool way to give some visual meaning to your presentation.<br />
<div id="attachment_162" class="wp-caption alignleft" style="width: 160px"><a href="http://www.serialdigital.com/wp-content/uploads/2009/05/snapshot-2009-05-10-18-54-10.jpg"><img src="http://www.serialdigital.com/wp-content/uploads/2009/05/snapshot-2009-05-10-18-54-10-150x150.jpg" alt="pptPlex Demo Zoomed out" title="pptPlex Demo Zoomed out" width="150" height="150" class="size-thumbnail wp-image-162" /></a><p class="wp-caption-text">pptPlex Demo Zoomed out</p></div><div id="attachment_163" class="wp-caption alignleft" style="width: 160px"><a href="http://www.serialdigital.com/wp-content/uploads/2009/05/snapshot-2009-05-10-18-55-11.jpg"><img src="http://www.serialdigital.com/wp-content/uploads/2009/05/snapshot-2009-05-10-18-55-11-150x150.jpg" alt="pptPlex zoomed into a slide" title="pptPlex zoomed into a slide" width="150" height="150" class="size-thumbnail wp-image-163" /></a><p class="wp-caption-text">pptPlex zoomed into a slide</p></div><div id="attachment_164" class="wp-caption alignleft" style="width: 160px"><a href="http://www.serialdigital.com/wp-content/uploads/2009/05/snapshot-2009-05-10-18-55-32.jpg"><img src="http://www.serialdigital.com/wp-content/uploads/2009/05/snapshot-2009-05-10-18-55-32-150x150.jpg" alt="pptPlex zoomed into details" title="pptPlex zoomed into details" width="150" height="150" class="size-thumbnail wp-image-164" /></a><p class="wp-caption-text">pptPlex zoomed into details</p></div></p>
<p>There are a few ways of achieving the effect – online presentation software ‘<a href="http://prezi.com">Prezi</a>’ offers both free and paid services, which allow you to build presentations incorporating all the usual elements – text, graphics, and video.</p>
<p>There’s also a PowerPoint 2007 add-in called <a href="http://www.officelabs.com/projects/pptPlex/">pptPlex</a> which was originally designed with multitouch interfaces in mind – this idea is going to be big in a few years when multitouch becomes accessible for projection screens.</p>
<p>And finally, if you’re savvy with Flash or Director, or even something like Silverlight, you should easily be able to create a similar effect without the need for third-party software.</p>
<p>Links:<br />
<a href="http://www.officelabs.com/projects/pptPlex/">pptPlex Add-on for PowerPoint 2007</a></p>
<p><a href="http://prezi.com/">Prezi zooming presentation editor</a></p>
<p><a href="http://prezi.com/167/view/">A good Prezi demo video</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.serialdigital.com/2009/05/10/161/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PowerPoint 2007 Design Tip: Glossy Effect</title>
		<link>http://www.serialdigital.com/2009/01/29/powerpoint-2007-design-tip-glossy-effect/</link>
		<comments>http://www.serialdigital.com/2009/01/29/powerpoint-2007-design-tip-glossy-effect/#comments</comments>
		<pubDate>Thu, 29 Jan 2009 05:12:46 +0000</pubDate>
		<dc:creator>Steve Wylie</dc:creator>
				<category><![CDATA[Speaker support content]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[PowerPoint]]></category>

		<guid isPermaLink="false">http://www.serialdigital.com/?p=130</guid>
		<description><![CDATA[Office 2007 includes some handy preset image effects – select a picture, click on the ‘Format’ tab which appears on the top ribbon bar, and choose a preset ‘look’. You can also customise a range of parameters including a drop shadow, reflection, border, rotation, opacity, colour, and so on. Here’s a neat way to use [...]]]></description>
			<content:encoded><![CDATA[<p>Office 2007 includes some handy preset image effects – select a picture, click on the ‘Format’ tab which appears on the top ribbon bar, and choose a preset ‘look’. You can also customise a range of  parameters including a drop shadow, reflection, border, rotation, opacity, colour, and so on.</p>
<p>Here’s a neat way to use these new image effects to create a glossy 3D look for objects in PowerPoint.</p>
<p>1.	Create a gradient background with a solid dark colour at the top, and a lighter gradient below the centre – I have used a 4 step gradient to do this:<br />
<div id="attachment_131" class="wp-caption alignnone" style="width: 310px"><a href="http://www.serialdigital.com/wp-content/uploads/2009/01/01-background.png"><img src="http://www.serialdigital.com/wp-content/uploads/2009/01/01-background-300x291.png" alt="Gradient Background" title="Gradient Background" width="300" height="291" class="size-medium wp-image-131" /></a><p class="wp-caption-text">Gradient Background</p></div></p>
<p>2.	Insert an image, and a text box, and align the base of each object on the same plane, just below the centre – it’s easiest to align the objects using a <a href="http://www.serialdigital.com/2008/11/24/create-drawing-guides-in-powerpoint/">drawing guide</a>:<br />
<div id="attachment_132" class="wp-caption alignnone" style="width: 309px"><a href="http://www.serialdigital.com/wp-content/uploads/2009/01/02-objects.png"><img src="http://www.serialdigital.com/wp-content/uploads/2009/01/02-objects-299x175.png" alt="Insert Objects" title="Insert Objects" width="299" height="175" class="size-medium wp-image-132" /></a><p class="wp-caption-text">Insert Objects</p></div></p>
<p>3.	Select the image, and from the ‘Format’ tab in the ribbon bar, choose ‘Reflected Rounded Rectangle’, which should be the 5th preset look in the menu:<br />
<div id="attachment_133" class="wp-caption alignnone" style="width: 310px"><a href="http://www.serialdigital.com/wp-content/uploads/2009/01/03-imageeffects.png"><img src="http://www.serialdigital.com/wp-content/uploads/2009/01/03-imageeffects-300x72.png" alt="Image Effects: Reflected Rounded Rectangle" title="Image Effects: Reflected Rounded Rectangle" width="300" height="72" class="size-medium wp-image-133" /></a><p class="wp-caption-text">Image Effects: Reflected Rounded Rectangle</p></div></p>
<p>4.	Select the text box, and choose ‘Half Reflection, touching’ from the ‘Text Effects’ menu in the ‘Format’ tab:<br />
<div id="attachment_134" class="wp-caption alignnone" style="width: 310px"><a href="http://www.serialdigital.com/wp-content/uploads/2009/01/04-texteffects.png"><img src="http://www.serialdigital.com/wp-content/uploads/2009/01/04-texteffects-300x170.png" alt="Text Effect: Half Reflection, touching" title="Text Effect: Half Reflection, touching" width="300" height="170" class="size-medium wp-image-134" /></a><p class="wp-caption-text">Text Effect: Half Reflection, touching</p></div></p>
<p>5.	Your finished slide should look something like this:<br />
<div id="attachment_141" class="wp-caption alignnone" style="width: 310px"><a href="http://www.serialdigital.com/wp-content/uploads/2009/01/glossy-look-example.png"><img src="http://www.serialdigital.com/wp-content/uploads/2009/01/glossy-look-example-300x168.png" alt="Glossy 3D Slide Example" title="Glossy 3D Slide Example" width="300" height="168" class="size-medium wp-image-141" /></a><p class="wp-caption-text">Glossy 3D Slide Example</p></div></p>
<p>6.	You can create &#8216;depth of field&#8217; effects by making objects smaller, and moving them upwards, closer to the vertical centre – using a darker shade of colour for text objects also helps to add to the &#8216;depth of field&#8217; effect:<br />
<div id="attachment_138" class="wp-caption alignnone" style="width: 310px"><a href="http://www.serialdigital.com/wp-content/uploads/2009/01/slide4.png"><img src="http://www.serialdigital.com/wp-content/uploads/2009/01/slide4-300x168.png" alt="PowerPoint 3D Depth of Field Text Effect" title="PowerPoint 3D Depth of Field Text Effect" width="300" height="168" class="size-medium wp-image-138" /></a><p class="wp-caption-text">PowerPoint 3D Depth of Field Text Effect</p></div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.serialdigital.com/2009/01/29/powerpoint-2007-design-tip-glossy-effect/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>5 tips for displaying PowerPoint slides on a television monitor</title>
		<link>http://www.serialdigital.com/2008/12/06/5-tips-for-displaying-powerpoint-slides-on-a-television-monitor/</link>
		<comments>http://www.serialdigital.com/2008/12/06/5-tips-for-displaying-powerpoint-slides-on-a-television-monitor/#comments</comments>
		<pubDate>Sat, 06 Dec 2008 10:01:59 +0000</pubDate>
		<dc:creator>Steve Wylie</dc:creator>
				<category><![CDATA[Live vision systems]]></category>
		<category><![CDATA[Speaker support content]]></category>
		<category><![CDATA[Broadcast Video]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[PowerPoint]]></category>
		<category><![CDATA[Television]]></category>

		<guid isPermaLink="false">http://www.serialdigital.com/?p=96</guid>
		<description><![CDATA[Most laptops now have a TV out function, which allows a computer’s desktop to be displayed on a regular TV. This can be a convenient way of displaying a PowerPoint presentation to a group of people where a data projector or large monitor cannot be obtained. However, the TV out feature provides a fairly low [...]]]></description>
			<content:encoded><![CDATA[<p>Most laptops now have a TV out function, which allows a computer’s desktop to be displayed on a regular TV. This can be a convenient way of displaying a PowerPoint presentation to a group of people where a data projector or large monitor cannot be obtained.</p>
<p>However, the TV out feature provides a fairly low quality option for display of a PowerPoint presentation, and it may be difficult to view a presentation clearly. Here are a few tips for ensuring that your presentation will show up as well as possible on a television monitor:</p>
<p><strong>1.	Use a TV-safe template</strong><br />
Designers of graphics content for television and broadcast use the term ‘TV safe’ to describe an area that’s about 10% inside the edge of the ‘screen’ (slide) in which content should be placed. Some television displays will ‘overscan’ and crop the edges off the image, so it’s worth staying inside this boundary. Here’s a TV safe PowerPoint template to download: <a href='http://www.serialdigital.com/wp-content/uploads/2008/12/tv-safe-powerpoint-example.ppt'>TV Safe PowerPoint Example</a>.</p>
<p><strong>2.	Use large fonts</strong><br />
Small fonts and fine detail simply won’t show up on a TV monitor. Text should be 16 point and above, and you should avoid using any fine lines for content like shapes, graphs and charts</p>
<p><strong>3.	Bold colours and high contrast</strong><br />
A TV monitor won’t interpret the colours you use on your slides as accurately as a computer monitor will, so try and use bold, clearly unique colours – for instance, if you have a bar graph, using different primary colours is better than using shades of the same colour for each bar.</p>
<p><div id="attachment_98" class="wp-caption alignnone" style="width: 310px"><a href="http://www.serialdigital.com/wp-content/uploads/2008/12/graph-poor-contrast.png"><img src="http://www.serialdigital.com/wp-content/uploads/2008/12/graph-poor-contrast-300x226.png" alt="Graph - Poor Contrast" title="Graph - Poor Contrast" width="300" height="226" class="size-medium wp-image-98" /></a><p class="wp-caption-text">Graph - Poor Contrast</p></div><br />
<div id="attachment_99" class="wp-caption alignnone" style="width: 310px"><a href="http://www.serialdigital.com/wp-content/uploads/2008/12/graph-high-contrast.png"><img src="http://www.serialdigital.com/wp-content/uploads/2008/12/graph-high-contrast-300x221.png" alt="Graph - High Contrast" title="Graph - High Contrast" width="300" height="221" class="size-medium wp-image-99" /></a><p class="wp-caption-text">Graph - High Contrast</p></div></p>
<p><strong>4.	Avoid light backgrounds (especially white)</strong><br />
You might notice that very few TV ads use a white background – this is because ‘white’ requires the TV to fire all colours on screen at once, and can create a visible ‘flicker’, as well as being bright and hard to look at for long periods of time – dark backgrounds like dark shades of blue are a good idea.</p>
<p><strong>5.	Keep it simple</strong><br />
Where possible, avoid any fine detail – use simple icons rather than detailed photos; use 1 or 2 words rather than sentences; and avoid tables or spreadsheets. If you do need to show photographs, use one slide for each photo, and ensure the photo fills the slide.</p>
<p><div id="attachment_100" class="wp-caption alignnone" style="width: 310px"><a href="http://www.serialdigital.com/wp-content/uploads/2008/12/slide3.png"><img src="http://www.serialdigital.com/wp-content/uploads/2008/12/slide3-300x225.png" alt="Complex Slide" title="Complex Slide" width="300" height="225" class="size-medium wp-image-100" /></a><p class="wp-caption-text">Complex Slide</p></div><br />
<div id="attachment_101" class="wp-caption alignnone" style="width: 310px"><a href="http://www.serialdigital.com/wp-content/uploads/2008/12/slide4.png"><img src="http://www.serialdigital.com/wp-content/uploads/2008/12/slide4-300x225.png" alt="Simple Slide" title="Simple Slide" width="300" height="225" class="size-medium wp-image-101" /></a><p class="wp-caption-text">Simple Slide</p></div></p>
<p>On a technical note, where possible, find a progressive scan television like a plasma or LCD screen. Many plasma and LCD displays have a VGA, DVI, or HDMI input which should be capable of accepting at least a low resolution computer signal. If they do not have a computer input, they are still a better option than traditional CRT TV’s, as they are higher resolution and not interlaced – a process that significantly reduces the clarity and ability to read static text.</p>
<p>If you do use the TV out function rather than a normal computer signal, where you have the choice, use component video (YUV) if your computer supports it, otherwise use S-Video. If you have no other option, composite signal will give you the lowest quality results.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.serialdigital.com/2008/12/06/5-tips-for-displaying-powerpoint-slides-on-a-television-monitor/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

