<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>Digital Philatelic Workshop &#187; design and layout</title>
	<atom:link href="http://dpsworkshop.wordpress.com/category/design-and-layout/feed/" rel="self" type="application/rss+xml" />
	<link>http://dpsworkshop.wordpress.com</link>
	<description>The New Frontier in Stamp Collecting, Exhibiting, Literature and Presentations</description>
	<lastBuildDate>Wed, 29 Jun 2011 17:23:06 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='dpsworkshop.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>Digital Philatelic Workshop &#187; design and layout</title>
		<link>http://dpsworkshop.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://dpsworkshop.wordpress.com/osd.xml" title="Digital Philatelic Workshop" />
	<atom:link rel='hub' href='http://dpsworkshop.wordpress.com/?pushpress=hub'/>
		<item>
		<title>Let’s Get Visual!</title>
		<link>http://dpsworkshop.wordpress.com/2009/11/30/let%e2%80%99s-get-visual/</link>
		<comments>http://dpsworkshop.wordpress.com/2009/11/30/let%e2%80%99s-get-visual/#comments</comments>
		<pubDate>Mon, 30 Nov 2009 13:00:09 +0000</pubDate>
		<dc:creator>Fran Adams</dc:creator>
				<category><![CDATA[design and layout]]></category>
		<category><![CDATA[albert starkweather]]></category>
		<category><![CDATA[audio]]></category>
		<category><![CDATA[interactivity]]></category>
		<category><![CDATA[navigation]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[visual presentation]]></category>
		<category><![CDATA[writing]]></category>

		<guid isPermaLink="false">http://dpsworkshop.com/?p=3538</guid>
		<description><![CDATA[Albert W. Starkweather, Philatelic Communicator In addition to traditional publishing methods — essentially printed words and illustrations on paper, there are several other ways of presenting information. These include traditional video / film, slides and overhead projections, and the more contemporary on-screen presentations (including CD-ROM), and Internet / intranet sites. Participation by viewers may range [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=dpsworkshop.wordpress.com&#038;blog=4202994&#038;post=3538&#038;subd=dpsworkshop&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><a title="Review the author's bio." href="http://www.dpsworkshop.com/about-dpw/#s">Albert W. Starkweather</a>, Philatelic Communicator</p>
<p><strong>I</strong>n addition to traditional publishing methods — essentially printed words and illustrations on paper, there are several other ways of presenting information. These include traditional video / film, slides and overhead projections, and the more contemporary on-screen presentations (including CD-ROM), and Internet / intranet sites. Participation by viewers may range from passive to interactive.</p>
<p>Planning<br />
Care equal to that required for a printed publication is necessary for visual output. In additional to style sheets and dummy pages, flow charts may be necessary planning elements. While slides, overhead presentations, and videos and films follow a linear flow, on-screen presentations and Internet / intranet sites usually offer the user different viewing options through hypertext links.</p>
<p>To ensure that a project meets its designed goals, rough sketches of sample screens are needed, along with templates, style sheets, and flow charts to define the flow of information. When developing Internet / intranet sites, the key is links to related information as well as links to return to decision points where the viewer is presented with alternative destinations.</p>
<p>Another major consideration is color, which can be a powerful ally in presenting information or a hindrance. It should complement the message harmoniously without detracting from it. In general, a very limited palette should be employed. “In your face” color, typography, and graphics overwhelm many audiences, particularly when new or unfamiliar information is being presented.</p>
<p>There are five general considerations in planning a visual presentation: (1) overall appearance, (2) typography, (3) graphics / images, (4) audio, and (5) writing, and two issues specific to Internet / intranet and CD-ROM; (6) navigation and (7) interactivity. Special attention must be given to material that will be presented both online and in print to ensure consistency. Although Web sites do not support the same degree of typographical flexibility as print, certain styles should be established — information hierarchy, font styles, color.</p>
<p>Considerations<br />
(1) Overall appearance is determined by the theme of the presentation and the intended audience. Consistency is achieved by adopted a master design and color scheme — usually no more than two or three hues. Slides and overheads usually carry one thought each. Formats — always landscape — must match the projection-screen or monitor. Internet / intranet and CD-ROM pages should seldom scroll horizontally and vertical scrolling should be kept to a minimum.</p>
<p>The simple rules for (2) typography are: Use no more than two or three fonts set in an easy-to-read point size that complements the subject matter. Hyperlinked text should be underlined to indicate that it is a link. To attain maximum readability, use bold and italic for emphasis only, not as body copy.</p>
<p>(3) Graphics / images should have a common design and have colors compatible with the overall scheme. They always should be of the highest quality for the medium, with the added consideration that Web graphics and images should download quickly. Inclusion of animated GIFs and film clips also should follow these rules.</p>
<p>(4) Audio sound bites and music can enhance a presentation and, like graphics, should download quickly if they are included on Web pages. Be sure that music does not mask the spoken word.</p>
<p>To ensure that the message is delivered, (5) writing must be concise, friendly, and easy to understand. Faulty spelling and grammar can ruin a presentation by implying that the facts are also faulty. Be sure information is up to date and correct, including e-mail and snail mail addresses, telephone numbers, and personnel rosters. Remember: Read, revise, rewrite.</p>
<p>(6) Navigation aids are an absolute necessity for Internet / intranet sites and CD-ROMs. These include navigation buttons, word links, drop-down menus, site maps, and image maps. Points to remember include the number of main, sub, and sub-sub screens that spin off the home page. How many mouse clicks does it take to reach them? There should be ample opportunity to return to a given point, escape from a screen, and to move through long text blocks.</p>
<p>Levels of (7) interactivity can range from a button that summons the user’s e-mail or an e-mail form to response and order forms (which may be printed out and mailed or faxed in the case of CD-ROMs), customization or appearance and/or user preferences, and search engines.</p>
<p>A further consideration for Web site design is that it should be appealing and easy to navigate. Pages should download quickly so viewers do not became impatient and leave the site. <img class="size-full wp-image-1984" title="letter" src="http://dpsworkshop.files.wordpress.com/2009/07/letter.gif?w=600" alt="End of article marker."   /></p>
<br />Posted in design and layout Tagged: albert starkweather, audio, interactivity, navigation, typography, visual presentation, writing <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/dpsworkshop.wordpress.com/3538/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/dpsworkshop.wordpress.com/3538/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/dpsworkshop.wordpress.com/3538/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/dpsworkshop.wordpress.com/3538/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/dpsworkshop.wordpress.com/3538/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/dpsworkshop.wordpress.com/3538/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/dpsworkshop.wordpress.com/3538/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/dpsworkshop.wordpress.com/3538/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/dpsworkshop.wordpress.com/3538/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/dpsworkshop.wordpress.com/3538/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/dpsworkshop.wordpress.com/3538/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/dpsworkshop.wordpress.com/3538/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/dpsworkshop.wordpress.com/3538/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/dpsworkshop.wordpress.com/3538/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=dpsworkshop.wordpress.com&#038;blog=4202994&#038;post=3538&#038;subd=dpsworkshop&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://dpsworkshop.wordpress.com/2009/11/30/let%e2%80%99s-get-visual/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="" medium="image">
			<media:title type="html">fran adams</media:title>
		</media:content>

		<media:content url="http://dpsworkshop.files.wordpress.com/2009/07/letter.gif" medium="image">
			<media:title type="html">letter</media:title>
		</media:content>
	</item>
		<item>
		<title>Generating Album Pages with Visio (2)</title>
		<link>http://dpsworkshop.wordpress.com/2009/10/10/generating-album-pages-with-visio-2/</link>
		<comments>http://dpsworkshop.wordpress.com/2009/10/10/generating-album-pages-with-visio-2/#comments</comments>
		<pubDate>Sat, 10 Oct 2009 13:00:25 +0000</pubDate>
		<dc:creator>Fran Adams</dc:creator>
				<category><![CDATA[design and layout]]></category>
		<category><![CDATA[ken horner]]></category>
		<category><![CDATA[microsoft visio]]></category>
		<category><![CDATA[page layout]]></category>
		<category><![CDATA[Visio]]></category>

		<guid isPermaLink="false">http://dpsworkshop.com/?p=2311</guid>
		<description><![CDATA[Ken Horner, Compulatelist (continuation of the article Generating Album Pages with Visio Part 1) Visio also creates files that a desktop search engine can index. So if I want to find the page with the Scott #200 layout I can just search for it. It makes life a lot easier now that I’ve got over [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=dpsworkshop.wordpress.com&#038;blog=4202994&#038;post=2311&#038;subd=dpsworkshop&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><a title="Review the author's bio." href="http://www.dpsworkshop.com/about-dpw/#h">Ken Horner</a>, Compulatelist</p>
<p>(continuation of the article <a href="http://dpsworkshop.com/2009/09/30/generating-album-pages-with-visio-1/"><em>Generating Album Pages with Visio</em> Part 1</a>)</p>
<p><strong>V</strong>isio also creates files that a desktop search engine can index. So if I want to find the page with the Scott #200 layout I can just search for it. It makes life a lot easier now that I’ve got over 700 pages in the &#8216;Library&#8217;.</p>
<p>The Visio program itself is an engineering type drawing program more geared to diagrams than a paint or Photoshop alternative. As you can see in the layout below, it comes with the usual drawing grid and guidelines and the tool bars and menu items one expects to see in programs of this sort today.</p>
<div id="attachment_2322" class="wp-caption aligncenter" style="width: 460px"><a href="http://dpsworkshop.files.wordpress.com/2009/08/visio_3.jpg"><img class="size-full wp-image-2322 " style="border:1px solid black;" title="Visio's Layout Grid." src="http://dpsworkshop.files.wordpress.com/2009/08/visio_3.jpg?w=600" alt="Visio's Layout Grid."   /></a><p class="wp-caption-text">Visio&#39;s Layout Grid.</p></div>
<p>Visio’s most unique feature is a set of literally hundreds of pre-defined drawing items organized into stencils. The &#8216;Basic Shapes&#8217; stencil is view is shown. Using a stencil you can drag and drop a particular type of object onto your drawing and then adjust its size, color, line weight, and even add text.</p>
<p>The tabs along the bottom of the screen show the various pages inside the overall drawing file. In this case, the file is the collection of over 40 album pages covering 1900-29 issues. Being able to keep them all together and reorganize at will is very convenient.</p>
<p>The following image shows an album page without the stencil in view and expanded to 200% of printing size. Zooming in on objects and aligning them precisely is a key part of Visio’s appeal, as is its ability to embed pictures and other files generated outside the program.</p>
<div id="attachment_2321" class="wp-caption aligncenter" style="width: 460px"><a href="http://dpsworkshop.files.wordpress.com/2009/08/visio_4.jpg"><img class="size-full wp-image-2321 " style="border:1px solid black;" title="Magnified Image in Visio." src="http://dpsworkshop.files.wordpress.com/2009/08/visio_4.jpg?w=600" alt="Magnified Image in Visio."   /></a><p class="wp-caption-text">Magnified Image in Visio.</p></div>
<p>The dotted line vertical in the right center of the page is an alignment guideline. Visio will let you automatically snap items to the grid itself or to the guideline. You can also glue items to a guideline, and they’ll move if the line moves.</p>
<p>For most of my work, the <em>snap-to-grid</em> method works well, as does Visio’s ability to line up a series of selected objects by clicking on each one and then selecting a shape tool for aligning them. <img class="size-full wp-image-1984" title="letter" src="http://dpsworkshop.files.wordpress.com/2009/07/letter.gif?w=600" alt="End of article marker."   /></p>
<br />Posted in design and layout Tagged: ken horner, microsoft visio, page layout, Visio <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/dpsworkshop.wordpress.com/2311/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/dpsworkshop.wordpress.com/2311/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/dpsworkshop.wordpress.com/2311/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/dpsworkshop.wordpress.com/2311/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/dpsworkshop.wordpress.com/2311/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/dpsworkshop.wordpress.com/2311/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/dpsworkshop.wordpress.com/2311/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/dpsworkshop.wordpress.com/2311/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/dpsworkshop.wordpress.com/2311/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/dpsworkshop.wordpress.com/2311/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/dpsworkshop.wordpress.com/2311/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/dpsworkshop.wordpress.com/2311/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/dpsworkshop.wordpress.com/2311/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/dpsworkshop.wordpress.com/2311/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=dpsworkshop.wordpress.com&#038;blog=4202994&#038;post=2311&#038;subd=dpsworkshop&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://dpsworkshop.wordpress.com/2009/10/10/generating-album-pages-with-visio-2/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="" medium="image">
			<media:title type="html">fran adams</media:title>
		</media:content>

		<media:content url="http://dpsworkshop.files.wordpress.com/2009/08/visio_3.jpg" medium="image">
			<media:title type="html">Visio&#039;s Layout Grid.</media:title>
		</media:content>

		<media:content url="http://dpsworkshop.files.wordpress.com/2009/08/visio_4.jpg" medium="image">
			<media:title type="html">Magnified Image in Visio.</media:title>
		</media:content>

		<media:content url="http://dpsworkshop.files.wordpress.com/2009/07/letter.gif" medium="image">
			<media:title type="html">letter</media:title>
		</media:content>
	</item>
		<item>
		<title>Generating Album Pages with Visio (1)</title>
		<link>http://dpsworkshop.wordpress.com/2009/09/30/generating-album-pages-with-visio-1/</link>
		<comments>http://dpsworkshop.wordpress.com/2009/09/30/generating-album-pages-with-visio-1/#comments</comments>
		<pubDate>Wed, 30 Sep 2009 13:00:47 +0000</pubDate>
		<dc:creator>Fran Adams</dc:creator>
				<category><![CDATA[design and layout]]></category>
		<category><![CDATA[album page]]></category>
		<category><![CDATA[ken horner]]></category>
		<category><![CDATA[microsoft visio]]></category>
		<category><![CDATA[page layout]]></category>
		<category><![CDATA[Visio]]></category>

		<guid isPermaLink="false">http://dpsworkshop.com/?p=2306</guid>
		<description><![CDATA[Ken Horner, Compulatelist Reading an article by Martin Richardson got me thinking about my own efforts in creating album pages to display my collections. For some reason, I like having my stamps presented in interesting contexts as opposed to just using the tried and true stock book method. I guess it goes back to my [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=dpsworkshop.wordpress.com&#038;blog=4202994&#038;post=2306&#038;subd=dpsworkshop&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><a title="Review the author's bio." href="http://www.dpsworkshop.com/about-dpw/#h">Ken Horner</a>, Compulatelist</p>
<p><strong>R</strong>eading an article by Martin Richardson got me thinking about my own efforts in creating album pages to display my collections. For some reason, I like having my stamps presented in interesting contexts as opposed to just using the tried and true stock book method. I guess it goes back to my using early Harris and White Ace albums when I was just getting started over 40 years ago.</p>
<p>I’ve tried a couple of the earlier page generation tools and ultimately settled on something I was more familiar with given my college summer job as a draftsman. I used <a href="http://usa.autodesk.com/adsk/servlet/index?siteID=123112&amp;id=2704278" target="blank">Autodesk&#8217;s Autocad</a> a decade back, but its current cost is out of line with hobbyist use. I’ve used <a href="http://8.quark.com/" target="blank">QuarkXPress</a> and <a href="http://www.adobe.com/products/pagemaker/overview.html" target="blank">Adobe Pagemaker</a> for document production, and even gave <a href="http://office.microsoft.com/en-us/powerpoint/default.aspx" target="blank">Microsoft&#8217;s PowerPoint</a> a go, but all came up short: too expensive, too hard to use, not enough typography support, etc.</p>
<p>I finally have settled on <a href="http://office.microsoft.com/en-us/visio/default.aspx" target="blank">Microsoft&#8217;s Visio</a> &#8212; although admittedly still not a cheap answer. An OEM copy of the not-the-latest version is available for less than $200. As Martin pointed out in his article, the graphical interface is essential; you have to see what you are going to get before you waste a print cycle. That’s what Visio gives me.</p>
<div id="attachment_2317" class="wp-caption aligncenter" style="width: 460px"><a href="http://dpsworkshop.files.wordpress.com/2009/08/visio_1.gif"><img class="size-full wp-image-2317 " style="border:1px solid black;" title="Sample Album Page Made with Visio." src="http://dpsworkshop.files.wordpress.com/2009/08/visio_1.gif?w=600" alt="Sample Album Page Made with Visio."   /></a><p class="wp-caption-text">Sample Album Page Made with Visio.</p></div>
<p>After some trial and error, I’ve developed an overall approach that uses a general design style, templates, and copying pages to make life simpler. I started off by duplicating the simple format of a <a href="http://www.amosadvantage.com:80/scottonline/popup_cat_sub.asp?category=PGSAFR&amp;part%5Fno=C102&amp;Tab=stamp&amp;subcategory=scott+pages" target="blank">Scott</a> US album to allow me to hold items that go back earlier than Scott supplies pages for. That’s worked out fine once I figured out how to deal with pages that weren’t 8 1/2&#8243; x 11&#8243;. I’m working on my third album concept now to hold my <a href="http://en.wikipedia.org/wiki/British_Mandate_of_Palestine" target="blank">Palestine Mandate</a> collection.</p>
<p>This is an image of a standard page which is made up of two border elements, a collection title, page heading and text comments with stamp outlines and an explanatory graphic. The fonts and line colors and weights are all copied from one page to another to keep things looking alike.</p>
<p>Page copying may be the only hang up Visio has, in that selecting all page elements and pasting them onto a new page puts them in a “centered” position rather than at their original locations. But I’ve gotten used to doing a “select all” and then dragging them back to a known origin point. On the 10.6&#8243; x 11.7&#8243; size <a href="http://www.lighthouse.us/isroot/lighthouse_us/shop/catalog/catalog-C010002-The-Lighthouse-album-system.html" target="blank">Lighthouse</a> pages that I use, I get lots of room for stamps and images, but it does require me to keep a large format printer handy. I use an <a href="http://www.hp.com/latam/catalogo/nsc/ij_pr/su/c8137a.html" target="blank">HP 9650 printer</a> which easily handles the sheet size. I tell the printer it’s a <a href="http://en.wikipedia.org/wiki/Paper_size" target="blank">B4 sheet size</a>, and then adjust the Visio page margins to cope.</p>
<div id="attachment_2324" class="wp-caption aligncenter" style="width: 460px"><a href="http://dpsworkshop.files.wordpress.com/2009/08/visio_2.jpg"><img class="size-full wp-image-2324 " style="border:1px solid black;" title="Sample Title Page with Images." src="http://dpsworkshop.files.wordpress.com/2009/08/visio_2.jpg?w=600" alt="Sample Title Page with Images."   /></a><p class="wp-caption-text">Sample Title Page with Images.</p></div>
<p>I also like Visio for its ability to do some more complex pages and not get into the out-of-capacity problems I’ve seen with anything except high end programs. A cover page example has several high density graphics embedded. <img class="size-full wp-image-1984" title="letter" src="http://dpsworkshop.files.wordpress.com/2009/07/letter.gif?w=600" alt="End of article marker."   /></p>
<p>(continuation of this article <a href="http://dpsworkshop.com/2009/10/10/generating-album-pages-with-visio-2/"><em>Generating Album Pages with Visio</em> Part 2</a>)</p>
<br />Posted in design and layout Tagged: album page, ken horner, microsoft visio, page layout, Visio <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/dpsworkshop.wordpress.com/2306/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/dpsworkshop.wordpress.com/2306/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/dpsworkshop.wordpress.com/2306/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/dpsworkshop.wordpress.com/2306/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/dpsworkshop.wordpress.com/2306/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/dpsworkshop.wordpress.com/2306/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/dpsworkshop.wordpress.com/2306/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/dpsworkshop.wordpress.com/2306/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/dpsworkshop.wordpress.com/2306/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/dpsworkshop.wordpress.com/2306/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/dpsworkshop.wordpress.com/2306/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/dpsworkshop.wordpress.com/2306/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/dpsworkshop.wordpress.com/2306/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/dpsworkshop.wordpress.com/2306/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=dpsworkshop.wordpress.com&#038;blog=4202994&#038;post=2306&#038;subd=dpsworkshop&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://dpsworkshop.wordpress.com/2009/09/30/generating-album-pages-with-visio-1/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="" medium="image">
			<media:title type="html">fran adams</media:title>
		</media:content>

		<media:content url="http://dpsworkshop.files.wordpress.com/2009/08/visio_1.gif" medium="image">
			<media:title type="html">Sample Album Page Made with Visio.</media:title>
		</media:content>

		<media:content url="http://dpsworkshop.files.wordpress.com/2009/08/visio_2.jpg" medium="image">
			<media:title type="html">Sample Title Page with Images.</media:title>
		</media:content>

		<media:content url="http://dpsworkshop.files.wordpress.com/2009/07/letter.gif" medium="image">
			<media:title type="html">letter</media:title>
		</media:content>
	</item>
		<item>
		<title>How Hyperlink Navigation Works</title>
		<link>http://dpsworkshop.wordpress.com/2009/06/20/how-hyperlink-navigation-works/</link>
		<comments>http://dpsworkshop.wordpress.com/2009/06/20/how-hyperlink-navigation-works/#comments</comments>
		<pubDate>Sat, 20 Jun 2009 13:00:17 +0000</pubDate>
		<dc:creator>Fran Adams</dc:creator>
				<category><![CDATA[design and layout]]></category>
		<category><![CDATA[fran adams]]></category>
		<category><![CDATA[hyper-links]]></category>
		<category><![CDATA[navigation system]]></category>

		<guid isPermaLink="false">http://dpsworkshop.com/?p=2354</guid>
		<description><![CDATA[Fran Adams Reading books and magazines means turning pages, typically in sequential order. If we reference the book or magazine’s Table of Contents (ToC), we often jump directly to a specific section or page, normally based on a page number. Using electronic media, we have greater flexibility in moving between sections or specific pages, based [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=dpsworkshop.wordpress.com&#038;blog=4202994&#038;post=2354&#038;subd=dpsworkshop&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><a title="Review the author's bio." href="http://www.dpsworkshop.com/about-dpw/#a">Fran Adams</a></p>
<p><strong>R</strong>eading books and magazines means turning pages, typically in sequential order. If we reference the book or magazine’s Table of Contents (ToC), we often jump directly to a specific section or page, normally based on a page number. Using electronic media, we have greater flexibility in moving between sections or specific pages, based on <a href="http://en.wikipedia.org/wiki/Hyperlink" target="blank">hyperlinks</a> embedded in the document.</p>
<p><strong>The System</strong><br />
Allowing movement between pages in more than only a linear direction (&#8216;next’ or ‘previous’ page) requires a ‘navigation system’ and that is one of the basic and more noteworthy features of a Digital Philatelic Study (DPS) &#8211; see the article <em><a href="http://dpsworkshop.com/2008/06/10/defining-digital-philately/">Defining Digital Philately</a></em>.</p>
<p>We should also make our ‘navigation system’ reasonably obvious and most importantly, its functions simple to use. The ‘navigation system’ becomes a constantly visible and available ToC without having to go back to the beginning of the document.</p>
<p>Keeping in mind we want easy access between main ‘Sections’, we’ll use embedded hyperlinks to move from one ‘Section’ to another. The hyperlinks will appear on every page so that movement is always possible using hyperlinks found in the same place each time we need them. Many times, hyperlinks are embedded in the navigation buttons we press on web sites and we don&#8217;t even think about the programming beneath the image&#8217;s surface.</p>
<div id="attachment_2352" class="wp-caption aligncenter" style="width: 460px"><a href="http://dpsworkshop.files.wordpress.com/2009/05/section_links.jpg"><img src="http://dpsworkshop.files.wordpress.com/2009/05/section_links.jpg?w=600" alt="Linking Sections Together." title="Linking Sections Together."   class="size-full wp-image-2352" /></a><p class="wp-caption-text">Linking Sections Together.</p></div>
<p>Each hyperlink has a single function. Simply put, clicking on the hyperlink takes the viewer to a specific ‘Section’ (or page) in the study. If properly labeled, the destination should be clear &#8211; before clicking the hyperlink.</p>
<p>We can also embed hyperlinks within content text or images to move to specific ‘Pages’ or external documents and we’ll use this method of movement as well.</p>
<p>It’s reasonably easy to include hyperlinks and the greater the number, the easier it is to access all sections of the DPS and to relate various pieces of information to other relative data or documents.</p>
<p><strong>Verifying Function</strong><br />
Let’s check how our navigation system works. On individual sheets of paper, make sample pages for each main ‘Section’ (as well as ‘sub-sections’ as desired) of your DPS. Arrange the sheets according to our pyramid layout, see the article <em><a href="http://dpsworkshop.com/2008/09/10/structure-organization/">Structure and Organization)</a></em>, ‘Title’ at the top, ‘Introduction’ underneath, etc.</p>
<div id="attachment_2353" class="wp-caption aligncenter" style="width: 460px"><a href="http://dpsworkshop.files.wordpress.com/2009/05/inter-links.jpg"><img src="http://dpsworkshop.files.wordpress.com/2009/05/inter-links.jpg?w=600" alt="Inter-linking Subjects Together." title="Inter-linking Subjects Together."   class="size-full wp-image-2353" /></a><p class="wp-caption-text">Inter-linking Subjects Together.</p></div>
<p>Each sheet should have a ‘Section’ (or ‘sub-section’) name and the appropriate hyperlinks on it. Pretend to press a hyperlink name on one of the pages.</p>
<p>Done correctly, we should be able to move between any two main ‘Sections’ (or ‘sub-sections’) of the study with a click of the mouse button.</p>
<p>Eureka – it works. Congratulations!! You’ve just created a hyperlinked navigation system. <img class="size-full wp-image-1984" title="letter" src="http://dpsworkshop.files.wordpress.com/2009/07/letter.gif?w=600" alt="End of article marker."   /></p>
<br />Posted in design and layout Tagged: fran adams, hyper-links, navigation system <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/dpsworkshop.wordpress.com/2354/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/dpsworkshop.wordpress.com/2354/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/dpsworkshop.wordpress.com/2354/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/dpsworkshop.wordpress.com/2354/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/dpsworkshop.wordpress.com/2354/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/dpsworkshop.wordpress.com/2354/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/dpsworkshop.wordpress.com/2354/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/dpsworkshop.wordpress.com/2354/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/dpsworkshop.wordpress.com/2354/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/dpsworkshop.wordpress.com/2354/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/dpsworkshop.wordpress.com/2354/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/dpsworkshop.wordpress.com/2354/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/dpsworkshop.wordpress.com/2354/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/dpsworkshop.wordpress.com/2354/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=dpsworkshop.wordpress.com&#038;blog=4202994&#038;post=2354&#038;subd=dpsworkshop&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://dpsworkshop.wordpress.com/2009/06/20/how-hyperlink-navigation-works/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:content url="" medium="image">
			<media:title type="html">fran adams</media:title>
		</media:content>

		<media:content url="http://dpsworkshop.files.wordpress.com/2009/05/section_links.jpg" medium="image">
			<media:title type="html">Linking Sections Together.</media:title>
		</media:content>

		<media:content url="http://dpsworkshop.files.wordpress.com/2009/05/inter-links.jpg" medium="image">
			<media:title type="html">Inter-linking Subjects Together.</media:title>
		</media:content>

		<media:content url="http://dpsworkshop.files.wordpress.com/2009/07/letter.gif" medium="image">
			<media:title type="html">letter</media:title>
		</media:content>
	</item>
		<item>
		<title>Body Pages in Publisher</title>
		<link>http://dpsworkshop.wordpress.com/2009/05/30/body-pages-in-publisher/</link>
		<comments>http://dpsworkshop.wordpress.com/2009/05/30/body-pages-in-publisher/#comments</comments>
		<pubDate>Sat, 30 May 2009 13:00:54 +0000</pubDate>
		<dc:creator>Fran Adams</dc:creator>
				<category><![CDATA[design and layout]]></category>
		<category><![CDATA[digital stamp exhibit]]></category>
		<category><![CDATA[exhibit pages]]></category>
		<category><![CDATA[janet klug]]></category>
		<category><![CDATA[ms publisher]]></category>
		<category><![CDATA[page layout]]></category>

		<guid isPermaLink="false">http://dpsworkshop.com/?p=1683</guid>
		<description><![CDATA[Janet Klug, WE Think Body pages are just as easy to create as title pages using Publisher and the techniques we have just described in the article MS Publisher and Title Pages. First you need to add a few pages. Use the “Insert” feature on the tool bar. A pretty self-explanatory drop down menu appears. [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=dpsworkshop.wordpress.com&#038;blog=4202994&#038;post=1683&#038;subd=dpsworkshop&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><a title="Review the author's bio." href="http://www.dpsworkshop.com/about-dpw/#k">Janet Klug</a>, WE Think</p>
<p><strong>B</strong>ody pages are just as easy to create as title pages using Publisher and the techniques we have just described in the article <a href="http://dpsworkshop.com/2009/02/10/publisher-and-title-pages/"><em>MS Publisher and Title Pages</em></a>.</p>
<p>First you need to add a few pages. Use the “Insert” feature on the tool bar. A pretty self-explanatory drop down menu appears. Add the number of pages behind the current page.</p>
<p>How ever many pages you add will appear orange tabs near the bottom of the screen. This allows you to move from one page to the next by just clicking on the page tab.</p>
<div id="attachment_2166" class="wp-caption aligncenter" style="width: 460px"><a href="http://dpsworkshop.files.wordpress.com/2009/05/9.jpg"><img class="size-full wp-image-2166 " style="border:1px solid black;" title="Inserting New Pages" src="http://dpsworkshop.files.wordpress.com/2009/05/9.jpg?w=600" alt="Inserting New Pages"   /></a><p class="wp-caption-text">Inserting New Pages</p></div>
<p>Page two will automatically appear on the screen when you click “OK.”. At this point it will blank. You then begin to add subheadings, captions, and other text and illustrations. Each of these things will go in either a text box or a “picture” box.</p>
<p>Placing the boxes exactly where you want them is made incredibly easy. Notice on the page that there is a horizontal ruler at the top of the work area, and a vertical ruler along the left side of the work area. Your cursor will create a line on each ruler that helps you place text and pictures exactly.</p>
<p>Just keep adding stuff until you get the page the way you want it to look. This finished page shows a pretty complicated layout of stamps, covers, text and a scan showing a die variety.</p>
<p>At the top of the page in the left corner I placed a tw-oline subheading. This was reflected in the plan of the exhibit that appeared on the title page. Below that is a boxed notation in red that highlights an important feature of what is being shown on this page&#8230; that the stamp is the first printing of multiple printings that will be exhibited.</p>
<div id="attachment_3100" class="wp-caption aligncenter" style="width: 460px"><a href="http://dpsworkshop.files.wordpress.com/2009/05/102.jpg"><img class="size-full wp-image-3100 " style="border:1px solid black;" title="10" src="http://dpsworkshop.files.wordpress.com/2009/05/102.jpg?w=600" alt="Finished Page from Exhibit."   /></a><p class="wp-caption-text">Finished Page from Exhibit.</p></div>
<p>Directly below that is a scan of what the first die looks like, enlarged from the stamp so the viewer can easily see it, and then text below that describes in words what you are looking at.</p>
<p>Then come the stamps, from left to right. First, is actually the reverse of the stamp, so that the viewer can see the aniline ink bleeding to the back of the stamp.</p>
<p>Then there is a corner block, shown to illustrate the line perforations, and finally on the right is a SPECIMEN overprint.</p>
<p>Two covers showing first printing stamps round out this page. Each item has its own text that went into a text box.</p>
<p>Microsoft Publisher has many more features too numerous to mention for this article. I suggest you try it yourself. The current version of Publisher runs on Windows XP or Vista. It requires a 500 megahertz (MHz) processor or higher, 256 megabytes (MB) RAM (random access memory) or higher, 1.5 gigabytes on your hard disk, a CD-ROM or DVD drive to load the software, and a video display of 1024 X 768 or higher resolution.</p>
<p>Download a <a href="http://us20.trymicrosoftoffice.com/product.aspx?re_ms=oo&amp;family=publisher&amp;culture=en-US" target="_blank">trial version of Publisher</a> or take an <a href="http://office.microsoft.com/en-us/publisher/default.aspx" target="_blank">online test drive</a> on their website. The purchase price from Microsoft is $170, but you can probably find it cheaper elsewhere. I’ve tried lots of different software to make my exhibits. Publisher works best for me. <img class="size-full wp-image-1984" title="letter" src="http://dpsworkshop.files.wordpress.com/2009/07/letter.gif?w=600" alt="End of article marker."   /></p>
<br />Posted in design and layout Tagged: digital stamp exhibit, exhibit pages, janet klug, ms publisher, page layout <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/dpsworkshop.wordpress.com/1683/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/dpsworkshop.wordpress.com/1683/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/dpsworkshop.wordpress.com/1683/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/dpsworkshop.wordpress.com/1683/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/dpsworkshop.wordpress.com/1683/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/dpsworkshop.wordpress.com/1683/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/dpsworkshop.wordpress.com/1683/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/dpsworkshop.wordpress.com/1683/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/dpsworkshop.wordpress.com/1683/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/dpsworkshop.wordpress.com/1683/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/dpsworkshop.wordpress.com/1683/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/dpsworkshop.wordpress.com/1683/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/dpsworkshop.wordpress.com/1683/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/dpsworkshop.wordpress.com/1683/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=dpsworkshop.wordpress.com&#038;blog=4202994&#038;post=1683&#038;subd=dpsworkshop&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://dpsworkshop.wordpress.com/2009/05/30/body-pages-in-publisher/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="" medium="image">
			<media:title type="html">fran adams</media:title>
		</media:content>

		<media:content url="http://dpsworkshop.files.wordpress.com/2009/05/9.jpg" medium="image">
			<media:title type="html">Inserting New Pages</media:title>
		</media:content>

		<media:content url="http://dpsworkshop.files.wordpress.com/2009/05/102.jpg" medium="image">
			<media:title type="html">10</media:title>
		</media:content>

		<media:content url="http://dpsworkshop.files.wordpress.com/2009/07/letter.gif" medium="image">
			<media:title type="html">letter</media:title>
		</media:content>
	</item>
		<item>
		<title>MS Publisher and Title Pages (2)</title>
		<link>http://dpsworkshop.wordpress.com/2009/03/30/publisher-and-title-pages-2/</link>
		<comments>http://dpsworkshop.wordpress.com/2009/03/30/publisher-and-title-pages-2/#comments</comments>
		<pubDate>Mon, 30 Mar 2009 13:00:16 +0000</pubDate>
		<dc:creator>Fran Adams</dc:creator>
				<category><![CDATA[design and layout]]></category>
		<category><![CDATA[janet klug]]></category>
		<category><![CDATA[ms publisher]]></category>
		<category><![CDATA[terror in the jungle]]></category>
		<category><![CDATA[title page]]></category>

		<guid isPermaLink="false">http://dpsworkshop.com/?p=1670</guid>
		<description><![CDATA[Janet Klug, WE Think (continuation of the article MS Publisher and Title Pages) Publisher gives you a lot of ways to change the appearance without doing any of the hard work yourself. Publisher has built in color schemes and font schemes. I have found the color schemes to be very useful, and I enjoy playing [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=dpsworkshop.wordpress.com&#038;blog=4202994&#038;post=1670&#038;subd=dpsworkshop&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><a title="Review the author's bio." href="http://dpsworkshop.com/about-dpw/#k">Janet Klug</a>, WE Think</p>
<p>(continuation of the article <a href="http://dpsworkshop.com/2009/02/10/publisher-and-title-pages/">MS Publisher and Title Pages</a>)</p>
<p><strong>P</strong>ublisher gives you a lot of ways to change the appearance without doing any of the hard work yourself. Publisher has built in color schemes and font schemes. I have found the color schemes to be very useful, and I enjoy playing with the font schemes, but most of the time I have to change the fonts to something more suitable and easily readable in an exhibit.</p>
<p>Still, it is useful to see what the Publisher designers have put together. It will give you a good idea of what font families and color groups work well together. You don’t get this sort of help from many other word processing programs.</p>
<p>Let&#8217;s look at the figure below. I’m working on a new exhibit entitled “Terror in the Jungle.” When it grows up it will be a display exhibit of the counterinsurgency by British troops in Malaya in the 1950s. With my title “Terror in the Jungle,” I envisioned the title page to be in “jungle” colors. I really thought I would have to do all the color customization myself, but Publisher offered me a color scheme called “Grove.”</p>
<div id="attachment_1711" class="wp-caption aligncenter" style="width: 460px"><img class="size-full wp-image-1711 " style="border:1px solid black;" title="7.jpg" src="http://dpsworkshop.files.wordpress.com/2009/04/7.jpg?w=600" alt="Customizing Formats"   /><p class="wp-caption-text">Customizing Formats</p></div>
<p>I clicked that and the color bars magically changed to three different shades of green. It was perfect. It might seem a big leap going from the figure above to the figure below, but it really only took a couple of minutes. I deleted the picture of the sunset, but that area in the layout was a good place for a philatelic piece.</p>
<div id="attachment_1714" class="wp-caption aligncenter" style="width: 460px"><img class="size-full wp-image-1714 " style="border:1px solid black;" title="figure 8" src="http://dpsworkshop.files.wordpress.com/2009/04/8.jpg?w=600" alt="Jungle colors using the color scheme Grove"   /><p class="wp-caption-text">Jungle colors using the color scheme Grove</p></div>
<p><strong>Measure Twice &#8211; Draw Once</strong></p>
<p>I measured the cover I wanted to go there and then used the mouse to create a box slightly larger than the cover that would eventually be mounted there. A box outline appeared on the page layout where I had put it. I clicked the “lines” box on the tool bar at the top of the screen and then clicked one of the green colors from the built-in color scheme. Pop! My box had a line around it.</p>
<p><strong>Adding Text</strong></p>
<p>I got rid of the big “Heading” word, and created a text box above the horizontal line for the exhibit title. I inserted another text box for the descriptive text about the cover, just below the box outlined in green that I made to accept the cover. A third text box was made for the body text on the page; and finally I made a fourth box for the plan at the lower right. I added a matching green outline around that.</p>
<p>The completed title page is shown above. This sounds really complicated as I write this, but trust me…. it only took a couple of minutes to make the boxes and put them where I wanted them to go. The most difficult part of this entire process was writing the text to go in the boxes, but then isn’t that always the case?</p>
<p>OK, great. Title pages are a cinch. What about body pages? My next entry, <em><a href="http://dpsworkshop.com/2009/05/30/body-pages-in-publisher/">Body Pages in Publisher</a></em>, will cover them. <img class="size-full wp-image-1984" title="letter" src="http://dpsworkshop.files.wordpress.com/2009/07/letter.gif?w=600" alt="End of article marker."   /></p>
<br />Posted in design and layout Tagged: janet klug, ms publisher, terror in the jungle, title page <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/dpsworkshop.wordpress.com/1670/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/dpsworkshop.wordpress.com/1670/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/dpsworkshop.wordpress.com/1670/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/dpsworkshop.wordpress.com/1670/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/dpsworkshop.wordpress.com/1670/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/dpsworkshop.wordpress.com/1670/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/dpsworkshop.wordpress.com/1670/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/dpsworkshop.wordpress.com/1670/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/dpsworkshop.wordpress.com/1670/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/dpsworkshop.wordpress.com/1670/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/dpsworkshop.wordpress.com/1670/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/dpsworkshop.wordpress.com/1670/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/dpsworkshop.wordpress.com/1670/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/dpsworkshop.wordpress.com/1670/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=dpsworkshop.wordpress.com&#038;blog=4202994&#038;post=1670&#038;subd=dpsworkshop&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://dpsworkshop.wordpress.com/2009/03/30/publisher-and-title-pages-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="" medium="image">
			<media:title type="html">fran adams</media:title>
		</media:content>

		<media:content url="http://dpsworkshop.files.wordpress.com/2009/04/7.jpg" medium="image">
			<media:title type="html">7.jpg</media:title>
		</media:content>

		<media:content url="http://dpsworkshop.files.wordpress.com/2009/04/8.jpg" medium="image">
			<media:title type="html">figure 8</media:title>
		</media:content>

		<media:content url="http://dpsworkshop.files.wordpress.com/2009/07/letter.gif" medium="image">
			<media:title type="html">letter</media:title>
		</media:content>
	</item>
		<item>
		<title>Integrating Images into Digital Studies</title>
		<link>http://dpsworkshop.wordpress.com/2009/02/28/integrating-images-into-digital-studies/</link>
		<comments>http://dpsworkshop.wordpress.com/2009/02/28/integrating-images-into-digital-studies/#comments</comments>
		<pubDate>Sat, 28 Feb 2009 13:00:15 +0000</pubDate>
		<dc:creator>Fran Adams</dc:creator>
				<category><![CDATA[design and layout]]></category>
		<category><![CDATA[fran adams]]></category>
		<category><![CDATA[image format]]></category>
		<category><![CDATA[image resolution]]></category>
		<category><![CDATA[image style]]></category>

		<guid isPermaLink="false">http://dpsworkshop.com/?p=1396</guid>
		<description><![CDATA[Fran Adams Identifying and making images an integral part of the digital study requires a few rules as well. In this ongoing series of articles on creating a digital philatelic study, we&#8217;ll look at how to make images play nice in our study. Style Images will be called ‘figures’  (Figure 1) and have a sequential number associated [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=dpsworkshop.wordpress.com&#038;blog=4202994&#038;post=1396&#038;subd=dpsworkshop&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><a title="Review the author's bio." href="http://www.dpsworkshop.com/about-dpw/#a">Fran Adams</a></p>
<p><strong>I</strong>dentifying and making images an integral part of the digital study requires a few rules as well. In this ongoing series of articles on creating a digital philatelic study, we&#8217;ll look at how to make images play nice in our study.</p>
<p><strong><em>Style</em></strong><br />
Images will be called ‘figures’  (Figure 1) and have a sequential number associated with them, starting with &#8217;1&#8242; for the first image. Again, keeping things simple, we’ll not use sub-figure details or sub-figure numbers.</p>
<div class="wp-caption aligncenter" style="width: 246px"><img title="Cochin - 4 Pies in green" src="http://franadams.us/dps/article_pics/imaging/cochin.jpg" alt="Cochin - 4 Pies in green" width="236" height="261" /><p class="wp-caption-text">Figure 1</p></div>
<p>Every image should have a caption (description of image), in the typeface and size determined in an earlier article. The exception to the rule might be an image on the title page. I personally like captions centered under images and no wider than the image. Will we have to reword captions to get that length? You bet! Should the caption be compromised due to word length – only if you want incomprehensible descriptions. Short, sweet and to the point is the objective.</p>
<p>Images showing specific details of a philatelic item should be included. As there’s no restriction on image size other than page size, it’s theoretically possible to have an image fill the page. In general, it’s better to have multiple enlarged images, each showing a different detail in a reasonable size. This method is preferred to a single image with multiple details called out which are so small it’s difficult to recognize what’s important.</p>
<p>Images may be in color, grayscale or black and white. Color images display in Red-Green-Blue (RGB) on standard computer screens and personal scanners default to that mode. We’ll stick with RGB as we won’t need this study printed professionally.</p>
<p><strong><em>Image Resolution</em></strong><br />
Although I typically scan originals at 800 dpi, image resolution in this study will be 150 dpi. 150 dpi provides some ability to increase the on-screen magnification (zooming in) without breaking the bank for file size.</p>
<p>If resolution is less than 150 dpi, the image quickly becomes blurry as the viewer zooms in for a close-up. 150 dpi also provides better reproduction should viewers decide to print the study.</p>
<p>Incorporating images larger than 150 dpi is possible and produces better quality when zooming in or printing, however the overall file size increases quickly. Large file sizes equal slower loading speeds on the viewer’s computer screen and limits the ability to transfer them via e-mail.</p>
<p><strong><em>Image Formats</em></strong><br />
Original images will be saved in a ‘tagged image file format’ (tiff or tif) for everything other than vector line art. The tif format produces better reproduction quality when printing and it can be converted to all other image formats that we may require, ie. ‘joint photographic experts group’ (jpeg or jpg), ‘graphics interchange format’ (gif) or ‘portable network graphics’ (png).</p>
<p>For display on the web, you may wish to use jpg format and that’s fine. Remember however, that jpg is mainly for displaying color photographs with many different colors and shades. It also compresses the image and reduces the final quality although for our purposes, it likely makes little difference in most cases.</p>
<p>The gif format is also frequently used as it is good at displaying line art, single color or multi-color images with few colors and shades, while also maintaining smaller file sizes.</p>
<p>Lastly, png is a newer format similar to jpg and employed occasionally for its ability to include transparency.</p>
<div class="wp-caption aligncenter" style="width: 250px"><img title="Gif image" src="http://franadams.us/dps/article_pics/imaging/coe.gif" alt="Gif image" width="240" height="188" /><p class="wp-caption-text">Gif image for graphics with few colors</p></div>
<p>Image format selection really boils down to the type of image you are using and the file size or level of quality you desire.</p>
<p><strong><em>Image Borders</em></strong><br />
Images will have a 1 pixel border applied in black on all four sides to provide basic delineation from the page.</p>
<p><strong><em>Clip Art</em></strong><br />
Don’t use clip art. Striving for a professional look is completely destroyed by including ‘cute’ cartoons or line art.</p>
<p><strong><em>Special Effects</em></strong><br />
Shadows make images or text appear to hover above the page, effectively giving a 3 dimensional look by adding depth. This is a nice accent, but application of it will be limited to graphics.</p>
<div class="wp-caption aligncenter" style="width: 404px"><img title="Jpg image with shadow" src="http://franadams.us/dps/article_pics/imaging/nuyrdogs.jpg" alt="Jpg image with shadow" width="394" height="329" /><p class="wp-caption-text">Jpg image with shadow</p></div>
<p>No other special effects will be part of this study.</p>
<p>Using these guidelines, all of your images will look similar and the cohesiveness of the study will benefit. <img class="size-full wp-image-1984" title="letter" src="http://dpsworkshop.files.wordpress.com/2009/07/letter.gif?w=600" alt="End of article marker."   /></p>
<br />Posted in design and layout Tagged: fran adams, image format, image resolution, image style <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/dpsworkshop.wordpress.com/1396/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/dpsworkshop.wordpress.com/1396/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/dpsworkshop.wordpress.com/1396/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/dpsworkshop.wordpress.com/1396/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/dpsworkshop.wordpress.com/1396/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/dpsworkshop.wordpress.com/1396/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/dpsworkshop.wordpress.com/1396/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/dpsworkshop.wordpress.com/1396/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/dpsworkshop.wordpress.com/1396/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/dpsworkshop.wordpress.com/1396/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/dpsworkshop.wordpress.com/1396/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/dpsworkshop.wordpress.com/1396/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/dpsworkshop.wordpress.com/1396/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/dpsworkshop.wordpress.com/1396/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=dpsworkshop.wordpress.com&#038;blog=4202994&#038;post=1396&#038;subd=dpsworkshop&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://dpsworkshop.wordpress.com/2009/02/28/integrating-images-into-digital-studies/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="" medium="image">
			<media:title type="html">fran adams</media:title>
		</media:content>

		<media:content url="http://franadams.us/dps/article_pics/imaging/cochin.jpg" medium="image">
			<media:title type="html">Cochin - 4 Pies in green</media:title>
		</media:content>

		<media:content url="http://franadams.us/dps/article_pics/imaging/coe.gif" medium="image">
			<media:title type="html">Gif image</media:title>
		</media:content>

		<media:content url="http://franadams.us/dps/article_pics/imaging/nuyrdogs.jpg" medium="image">
			<media:title type="html">Jpg image with shadow</media:title>
		</media:content>

		<media:content url="http://dpsworkshop.files.wordpress.com/2009/07/letter.gif" medium="image">
			<media:title type="html">letter</media:title>
		</media:content>
	</item>
		<item>
		<title>MS Publisher and Title Pages</title>
		<link>http://dpsworkshop.wordpress.com/2009/02/10/publisher-and-title-pages/</link>
		<comments>http://dpsworkshop.wordpress.com/2009/02/10/publisher-and-title-pages/#comments</comments>
		<pubDate>Tue, 10 Feb 2009 13:00:21 +0000</pubDate>
		<dc:creator>Fran Adams</dc:creator>
				<category><![CDATA[design and layout]]></category>
		<category><![CDATA[janet klug]]></category>
		<category><![CDATA[microsoft publisher]]></category>
		<category><![CDATA[ms publisher]]></category>
		<category><![CDATA[page layout]]></category>
		<category><![CDATA[title page]]></category>

		<guid isPermaLink="false">http://dpsworkshop.com/?p=1405</guid>
		<description><![CDATA[Janet Klug, WE Think What is Microsoft Publisher? Publisher is software that enables the user to create professional looking publications. It is easy to use (trust me). Publisher has many features you can customize to the way you work, and it is perfect for making stamp exhibits. Best of all, you can try it for [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=dpsworkshop.wordpress.com&#038;blog=4202994&#038;post=1405&#038;subd=dpsworkshop&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><a title="Review the author's bio." href="http://www.dpsworkshop.com/about-dpw/#k">Janet Klug</a>, WE Think</p>
<p><strong>W</strong>hat is Microsoft Publisher? Publisher is software that enables the user to create professional looking publications. It is easy to use (trust me). Publisher has many features you can customize to the way you work, and it is perfect for making stamp exhibits. Best of all, you can try it for free with a <a href="http://www.office.microsoft.com">trial download from Microsoft</a>.</p>
<p>Why use Publisher for making exhibits? Publisher has ready-made templates that make dandy title pages. You can add your own templates for pages, too. Horizontal and vertical rulers help with text placement. Unlike Microsoft Word, when you place text or an illustration on a page in Publisher, it stays where you put it. All essential Word features are still there, such as spell check, fonts, tables, etc. And they are easier to use.</p>
<p>So let’s look at what we can do with Publisher.</p>
<p><strong>Title Pages</strong></p>
<p>Publisher has a large variety of “canned” templates. One was used to create the title page illustrated below.</p>
<div class="wp-caption aligncenter" style="width: 460px"><img class=" " style="border:1px solid black;" src="http://franadams.us/dps/article_pics/title_page/1.jpg" alt="Title page for a one frame exhibit." width="450" height="576" /><p class="wp-caption-text">Title page for a one frame exhibit.</p></div>
<p>The author changed the fonts and colors, added a graphic of a POW camp guard tower at the top right and a scan of part of the inside of the POW letter that had been censored.</p>
<p>Title pages can also be made from scratch, without using any of the built-in templates, allowing the exhibitor to design the entire look and feel of the exhibit. Text can be placed anywhere on the page using text boxes. The boxes can be sized and placed precisely. Subheadings, captions above below or to the side of the philatelic material are easy to do.</p>
<div class="wp-caption aligncenter" style="width: 460px"><img class=" " style="border:1px solid black;" src="http://franadams.us/dps/article_pics/title_page/2.jpg" alt="Text can be placed anywhere with ease." width="450" height="576" /><p class="wp-caption-text">Text can be placed anywhere with ease.</p></div>
<p>Scans are easily imported into “picture boxes” that can be resized by dragging handles, and then placed exactly where you want them. It sounds too good to be true, doesn’t it? So how does it work? Let’s look at a few screens when you start up Microsoft Publisher.</p>
<p>This shows a blank page startup of Microsoft Publisher. From here, select “Publications for Print” from the column on the left.</p>
<div class="wp-caption aligncenter" style="width: 460px"><img class=" " style="border:1px solid black;" src="http://franadams.us/dps/article_pics/title_page/3.jpg" alt="Blank startup page of Microsoft Publisher." width="450" height="338" /><p class="wp-caption-text">Blank startup page of Microsoft Publisher.</p></div>
<p>From here, you click “Publications for Print” on the column at the left. This accesses a large selection of pre-formatted designs that can actually make nice title pages. Take your time and peruse them all. Do any of them appeal to you?</p>
<p>Maybe the one you like isn’t perfect for your needs, but it has “good bones.” Not to worry. You can customize any of the choices just the way you want. Do not be fearful to just play with these things. Make a bunch of title pages—even for exhibits you don’t have. Learn by doing. “Trial” and “Error” are both great teachers. That will provide a selection of formats that make great title pages! Look through all of them and find one that you like.</p>
<div class="wp-caption aligncenter" style="width: 460px"><img class=" " style="border:1px solid black;" src="http://franadams.us/dps/article_pics/title_page/4.jpg" alt="A Selection of Formats." width="450" height="338" /><p class="wp-caption-text">A Selection of Formats.</p></div>
<p>Click on a page that you like. The blank page on the Publisher screen will transform to the page you have just clicked. Clicking on the pre-formatted design will pop that design where the blank page used to be on the Publisher screen. Now you can begin customizing it to fit your needs.</p>
<div class="wp-caption aligncenter" style="width: 460px"><img class=" " style="border:1px solid black;" src="http://franadams.us/dps/article_pics/title_page/5.jpg" alt="Customizing Formats." width="450" height="338" /><p class="wp-caption-text">Customizing Formats.</p></div>
<p>Once you have selected a page design you want to use for a title page, you can change it to meet your needs. Look at the title page shown in Figure 1. This used the same pre-formatted page shown in Figure 5, but I “tweaked” it. <img class="size-full wp-image-1984" title="letter" src="http://dpsworkshop.files.wordpress.com/2009/07/letter.gif?w=600" alt="End of article marker."   /></p>
<p>(continuation of the article <a href="http://dpsworkshop.com/2009/03/30/publisher-and-title-pages-2/">MS Publisher and Title Pages 2</a>)</p>
<br />Posted in design and layout Tagged: janet klug, microsoft publisher, ms publisher, page layout, title page <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/dpsworkshop.wordpress.com/1405/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/dpsworkshop.wordpress.com/1405/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/dpsworkshop.wordpress.com/1405/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/dpsworkshop.wordpress.com/1405/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/dpsworkshop.wordpress.com/1405/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/dpsworkshop.wordpress.com/1405/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/dpsworkshop.wordpress.com/1405/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/dpsworkshop.wordpress.com/1405/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/dpsworkshop.wordpress.com/1405/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/dpsworkshop.wordpress.com/1405/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/dpsworkshop.wordpress.com/1405/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/dpsworkshop.wordpress.com/1405/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/dpsworkshop.wordpress.com/1405/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/dpsworkshop.wordpress.com/1405/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=dpsworkshop.wordpress.com&#038;blog=4202994&#038;post=1405&#038;subd=dpsworkshop&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://dpsworkshop.wordpress.com/2009/02/10/publisher-and-title-pages/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="" medium="image">
			<media:title type="html">fran adams</media:title>
		</media:content>

		<media:content url="http://franadams.us/dps/article_pics/title_page/1.jpg" medium="image">
			<media:title type="html">Title page for a one frame exhibit.</media:title>
		</media:content>

		<media:content url="http://franadams.us/dps/article_pics/title_page/2.jpg" medium="image">
			<media:title type="html">Text can be placed anywhere with ease.</media:title>
		</media:content>

		<media:content url="http://franadams.us/dps/article_pics/title_page/3.jpg" medium="image">
			<media:title type="html">Blank startup page of Microsoft Publisher.</media:title>
		</media:content>

		<media:content url="http://franadams.us/dps/article_pics/title_page/4.jpg" medium="image">
			<media:title type="html">A Selection of Formats.</media:title>
		</media:content>

		<media:content url="http://franadams.us/dps/article_pics/title_page/5.jpg" medium="image">
			<media:title type="html">Customizing Formats.</media:title>
		</media:content>

		<media:content url="http://dpsworkshop.files.wordpress.com/2009/07/letter.gif" medium="image">
			<media:title type="html">letter</media:title>
		</media:content>
	</item>
		<item>
		<title>Can You Read Me</title>
		<link>http://dpsworkshop.wordpress.com/2009/01/30/can-you-read-me/</link>
		<comments>http://dpsworkshop.wordpress.com/2009/01/30/can-you-read-me/#comments</comments>
		<pubDate>Fri, 30 Jan 2009 13:00:20 +0000</pubDate>
		<dc:creator>Fran Adams</dc:creator>
				<category><![CDATA[design and layout]]></category>
		<category><![CDATA[fran adams]]></category>
		<category><![CDATA[image identification]]></category>
		<category><![CDATA[table identification]]></category>
		<category><![CDATA[text formatting]]></category>
		<category><![CDATA[typeface]]></category>

		<guid isPermaLink="false">http://dpsworkshop.com/?p=1378</guid>
		<description><![CDATA[Fran Adams Choosing the right typeface for the digital study is a big step. Remember, we’re developing for a computer screen, so things are a little different than producing printed media. Your viewer should not struggle reading the text. The best typeface is the one that no one notices. Style Typeface is important for quick [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=dpsworkshop.wordpress.com&#038;blog=4202994&#038;post=1378&#038;subd=dpsworkshop&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><a title="Review the author's bio." href="http://www.dpsworkshop.com/about-dpw/#a">Fran Adams</a></p>
<p><strong>C</strong>hoosing the right typeface for the digital study is a big step. Remember, we’re developing for a computer screen, so things are a little different than producing printed media. Your viewer should not struggle reading the text. The best typeface is the one that no one notices.</p>
<p><strong><em>Style</em></strong><br />
Typeface is important for quick comprehension and in print, a ‘serif’ style is normally used for text in the main body. Serifs are the little flares on letters that make printed documents easier to read – on paper. On screen however, a ‘sans-serif’ typeface (without the little flares) is better as it eliminates much of the serif style’s clutter and results in easier-to-read text. That’s not to say you can’t use a serif typeface for your main body text, the choice remains yours.</p>
<p>Titles, sub-titles and section headers should be differentiated from the main text in style as well as size. In this instance, we’ll use ‘serif’ styles for these elements.</p>
<p>Staying with the clean and simple approach, we’ll restrict the number of typefaces to two; one serif and one sans-serif. (OK, three if you use a special typeface on only the title page.) Our two choices for this exercise will be Georgia for the ‘serif’ style and Verdana for the ‘sans-serif’ style. Why those two you ask?</p>
<p>These two typefaces were developed specifically for display on a computer screen. They are also available on both Windows and Macintosh machines and even print reasonably well.</p>
<p>A plain (regular) style typeface is recommended for main body text. For a title, sub-title or section header, bolding is allowed (don’t feel obligated) and for a rarity statement, an italic style may be used.</p>
<p>We’ll not use any fancy text decoration styles, again keeping the example simple. Underlining text in electronic documents has come to signify a hyperlink, so we’ll not use underlines as text decoration but only to indicate hyperlinks.</p>
<p><strong><em>Size</em></strong><br />
Type size is important and normally, printed pages use a 12 ‘point’ size for body text. ‘Points’ (pt) are a printer’s measurement for type size and rather than get into a detailed discussion, let’s simply substitute the computer screen type size measurement of pixels. We’ll use a size 12, but in pixels rather than points for the main body text. Other text elements will be either larger or smaller depending on the item we’re working with.</p>
<p>For the sake of clarity and simplicity, we’ll choose 28px for the title (26px if bolded), 20px for the subtitle, 16px for section heads, 12px for body text and table titles, 10px for table column or row titles, item descriptions or captions, and 8px for footer information.</p>
<p>Table, column and row titles may be bolded and centered.</p>
<p>Individual words in our title, sub-title and section heads will be capitalized.</p>
<p>Rarity descriptions will use an italicized typeface.</p>
<p>Warning text for forgeries and similar information will appear in red.</p>
<p>Footer text will be included, but not prominent.</p>
<div class="wp-caption aligncenter" style="width: 460px"><img src="http://franadams.us/dps/article_pics/text_format/text_format.jpg" alt="Formatting text in your digital study." width="450" height="251" /><p class="wp-caption-text">Formatting text in your digital study.</p></div>
<p><strong><em>Text Spacing and Justification</em></strong><br />
Spacing is also a factor in making text easier to read. Distance between lines is critical in many instances, so we’ll designate a standard distance of 1.25 times the normal distance. That will open the text up and allow it to breathe.</p>
<p>Spacing between sentences in modern electronic documents is different than in older typewritten text. We’ll use a single space between sentences.</p>
<p>White space between paragraphs can also provide a sense of clarity and calmness, so a break between paragraphs will be used in our example.</p>
<p>Our text will be justified to both margins. We could also allow the right margin to fall where it may (ragged right) or make it so the text is aligned on the right (ragged left). Right aligned text makes the text difficult to read so it’s not advisable unless there’s a special circumstance. Your preference is the determining factor in text justification.</p>
<p>The only rule I personally have is to ‘never-ever’ center body text as it becomes unreadable or very confusing at best.</p>
<p>Caption lines of text are distinct and complete pieces of information, so centering will look fine and remain comprehensible when they appear as descriptions under images, tables, etc.</p>
<p>Text length is also a concern and very long passages of text should be avoided if possible. Shorter sentences express ideas quickly without confusion.</p>
<p><strong><em>Tables</em></strong><br />
Tables will be called ‘tables’ and be sequentially numbered beginning with 1. Each table may have a title, but each should have a caption.</p>
<p>As tables generally contain data points or compare numbers, they should contain clearly legible and appropriately titled columns and rows.</p>
<p>It’s easier to follow the flow of a table if sections are delineated in some fashion. Lines are simple. Strings of little ducks are not so helpful, so we’ll stick to lined tables.</p>
<p>Following these criteria, our text should be readable. <img class="size-full wp-image-1984" title="letter" src="http://dpsworkshop.files.wordpress.com/2009/07/letter.gif?w=600" alt="End of article marker."   /></p>
<br />Posted in design and layout Tagged: fran adams, image identification, table identification, text formatting, typeface <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/dpsworkshop.wordpress.com/1378/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/dpsworkshop.wordpress.com/1378/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/dpsworkshop.wordpress.com/1378/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/dpsworkshop.wordpress.com/1378/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/dpsworkshop.wordpress.com/1378/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/dpsworkshop.wordpress.com/1378/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/dpsworkshop.wordpress.com/1378/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/dpsworkshop.wordpress.com/1378/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/dpsworkshop.wordpress.com/1378/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/dpsworkshop.wordpress.com/1378/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/dpsworkshop.wordpress.com/1378/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/dpsworkshop.wordpress.com/1378/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/dpsworkshop.wordpress.com/1378/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/dpsworkshop.wordpress.com/1378/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=dpsworkshop.wordpress.com&#038;blog=4202994&#038;post=1378&#038;subd=dpsworkshop&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://dpsworkshop.wordpress.com/2009/01/30/can-you-read-me/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="" medium="image">
			<media:title type="html">fran adams</media:title>
		</media:content>

		<media:content url="http://franadams.us/dps/article_pics/text_format/text_format.jpg" medium="image">
			<media:title type="html">Formatting text in your digital study.</media:title>
		</media:content>

		<media:content url="http://dpsworkshop.files.wordpress.com/2009/07/letter.gif" medium="image">
			<media:title type="html">letter</media:title>
		</media:content>
	</item>
		<item>
		<title>Do&#8217;s and Don&#8217;ts for Layout</title>
		<link>http://dpsworkshop.wordpress.com/2008/12/20/dos-and-donts-for-layout/</link>
		<comments>http://dpsworkshop.wordpress.com/2008/12/20/dos-and-donts-for-layout/#comments</comments>
		<pubDate>Sat, 20 Dec 2008 13:00:21 +0000</pubDate>
		<dc:creator>Fran Adams</dc:creator>
				<category><![CDATA[design and layout]]></category>
		<category><![CDATA[dps planning]]></category>
		<category><![CDATA[fran adams]]></category>
		<category><![CDATA[page layout]]></category>
		<category><![CDATA[text formatting]]></category>

		<guid isPermaLink="false">http://dpsworkshop.wordpress.com/?p=963</guid>
		<description><![CDATA[Fran Adams In page design and layout, we can do many things right, but we can do a lot of things wrong. The viewer will either not notice the layout (we did our job well), or they will feel something is not right. This often results in less comprehension when reading the information or an [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=dpsworkshop.wordpress.com&#038;blog=4202994&#038;post=963&#038;subd=dpsworkshop&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><a title="Review the author's bio." href="http://www.dpsworkshop.com/about-dpw/#a">Fran Adams</a></p>
<p><strong>I</strong>n page design and layout, we can do many things right, but we can do a lot of things wrong. The viewer will either not notice the layout (we did our job well), or they will feel something is not right. This often results in less comprehension when reading the information or an uncomfortable feeling as they know something&#8217;s wrong but can&#8217;t put their finger on it.</p>
<p><strong><em>The First Big Issue</em></strong></p>
<p>All pages should be laid out in a consistent manner unless the subject demands specific treatment.</p>
<p>To help achieve consistency, avoid too much information on one page. Additionally, horizontal scrolling to view content not in the window is undesirable. Vertical scrolling is fine. Remember the &#8216;Keep It Simple Stupid&#8217; (KISS) theory of design. Some of the items to think about as you&#8217;re laying out your study include the following.</p>
<p><strong><em>Header and Footer Placement</em></strong></p>
<p>Ensure the viewer knows where they are in the document by including header/footer information. Headers, footers as well as the information (ie. page number) in them, will be located in the same place on every page.</p>
<p>Headers should appear at the top of the page and footers at the bottom. (I realize that might sound strange, but you never know how inventive someone might be in this new medium.) Lastly, allow for margins and white space around text in the header and footer.</p>
<p><strong><em>Backgrounds</em></strong></p>
<p>Overall illustrated backgrounds are often used in PowerPoint presentations. Using them can be useful under certain circumstances, but in the main, it’s simply a distraction for the reader. The same logic applies to using textured background patterns.</p>
<p>Therefore, overall illustrated or textured backgrounds should be approached with caution and we highly recommend thinking twice before incorporating them into your study. Maintain the same background (color or graphic) on all pages within sections.</p>
<div class="wp-caption aligncenter" style="width: 368px"><img class=" " style="border:1px solid black;" title="Clean and Simple Layout" src="http://franadams.us/dps/article_pics/layout/dps_clutter.jpg" alt="Clean and Simple Layout" width="358" height="382" /><p class="wp-caption-text">Clean and Simple Layout</p></div>
<p><strong><em>Color Schemes</em></strong></p>
<p>Something to think about when determining a color scheme for your study is coordinating the color with the subject. All subjects have an associated color, so here’s an opportunity to be creative.</p>
<p>Harmony between text, graphics and page colors is a good thing. Subject schemes should match throughout the document and not change from page to page. PowerPoint has a series of built in color schemes we can use.</p>
<p>Black letters on a white sheet of paper are typically what we see in the print world. On a computer screen, black on white is also very common, but it’s quite harsh on the eyes if it’s read for any period of time. One of our goals is we’d like our viewers to view our study comfortably.</p>
<p>One way to minimize glare and retain contrast is to change the shades of the black text and/or white screen slightly. Muting the background color is the quickest way to reduce glare. Rather than pure white, use a light base color. We’ll use a very light gray color for our background.</p>
<p>The same idea goes for type, although that’s a little more difficult to define properly.</p>
<p>We’ll leave the text pure black for this exercise. Black on gray will not tire the eyes as quickly. We may also use red text, but it will be used very sparingly to point out a warning, caution or perhaps rarity information. Otherwise, only one additional color, red, will be used for text.</p>
<p><strong><em>The Bottom Line</em></strong><br />
Visualizing what you want your study to look like – and documenting the details before assembling it, will allow you to build it with confidence and ease. Making sure your study is clean and presents your materials and information clearly is a key to ensuring viewers enjoy your work and get the most out of it.</p>
<p>Classic style, formatting and reference publications may be of assistance when building or publishing your digital philatelic reference or study. Three of the best, the <a href="http://www.amazon.com/gp/product/0226104036?ie=UTF8&amp;tag=franadams-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0226104036" target="_blank"><em>The Chicago Manual of Style</em></a><img style="border:none!important;margin:0!important;" src="http://www.assoc-amazon.com/e/ir?t=franadams-20&amp;l=as2&amp;o=1&amp;a=0226104036" border="0" alt="" width="1" height="1" />, <a href="http://www.amazon.com/gp/product/0877798079?ie=UTF8&amp;tag=franadams-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0877798079" target="_blank"><em>Merriam-Webster&#8217;s Collegiate Dictionary</em></a><img style="border:none!important;margin:0!important;" src="http://www.assoc-amazon.com/e/ir?t=franadams-20&amp;l=as2&amp;o=1&amp;a=0877798079" border="0" alt="" width="1" height="1" /> and the <a href="http://www.amazon.com/gp/product/0375425969?ie=UTF8&amp;tag=franadams-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0375425969" target="_blank"><em>Random House Webster&#8217;s College Thesaurus</em></a><img style="border:none!important;margin:0!important;" src="http://www.assoc-amazon.com/e/ir?t=franadams-20&amp;l=as2&amp;o=1&amp;a=0375425969" border="0" alt="" width="1" height="1" /> will prove essential. <img class="size-full wp-image-1984" title="letter" src="http://dpsworkshop.files.wordpress.com/2009/07/letter.gif?w=600" alt="End of article marker."   /></p>
<br />Posted in design and layout Tagged: dps planning, fran adams, page layout, text formatting <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/dpsworkshop.wordpress.com/963/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/dpsworkshop.wordpress.com/963/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/dpsworkshop.wordpress.com/963/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/dpsworkshop.wordpress.com/963/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/dpsworkshop.wordpress.com/963/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/dpsworkshop.wordpress.com/963/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/dpsworkshop.wordpress.com/963/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/dpsworkshop.wordpress.com/963/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/dpsworkshop.wordpress.com/963/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/dpsworkshop.wordpress.com/963/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/dpsworkshop.wordpress.com/963/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/dpsworkshop.wordpress.com/963/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/dpsworkshop.wordpress.com/963/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/dpsworkshop.wordpress.com/963/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=dpsworkshop.wordpress.com&#038;blog=4202994&#038;post=963&#038;subd=dpsworkshop&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://dpsworkshop.wordpress.com/2008/12/20/dos-and-donts-for-layout/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="" medium="image">
			<media:title type="html">fran adams</media:title>
		</media:content>

		<media:content url="http://franadams.us/dps/article_pics/layout/dps_clutter.jpg" medium="image">
			<media:title type="html">Clean and Simple Layout</media:title>
		</media:content>

		<media:content url="http://www.assoc-amazon.com/e/ir?t=franadams-20&#38;l=as2&#38;o=1&#38;a=0226104036" medium="image" />

		<media:content url="http://www.assoc-amazon.com/e/ir?t=franadams-20&#38;l=as2&#38;o=1&#38;a=0877798079" medium="image" />

		<media:content url="http://www.assoc-amazon.com/e/ir?t=franadams-20&#38;l=as2&#38;o=1&#38;a=0375425969" medium="image" />

		<media:content url="http://dpsworkshop.files.wordpress.com/2009/07/letter.gif" medium="image">
			<media:title type="html">letter</media:title>
		</media:content>
	</item>
		<item>
		<title>DPS Page Size and Layout</title>
		<link>http://dpsworkshop.wordpress.com/2008/10/30/page-size-and-layout/</link>
		<comments>http://dpsworkshop.wordpress.com/2008/10/30/page-size-and-layout/#comments</comments>
		<pubDate>Thu, 30 Oct 2008 13:00:22 +0000</pubDate>
		<dc:creator>Fran Adams</dc:creator>
				<category><![CDATA[design and layout]]></category>
		<category><![CDATA[digital philatelic study]]></category>
		<category><![CDATA[dps planning]]></category>
		<category><![CDATA[dps studies]]></category>
		<category><![CDATA[fran adams]]></category>
		<category><![CDATA[page layout]]></category>

		<guid isPermaLink="false">http://dpsworkshop.wordpress.com/?p=942</guid>
		<description><![CDATA[Fran Adams As is often said, but rarely practiced, &#8220;Planning is Everything.&#8221; In developing a DPS, that quote is an invaluable piece of advice. If suggestions in the preceding articles have borne fruit, you now have a reasonable subject, goal and outline. Our planning process can continue with some basic formatting concepts. By incorporating this [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=dpsworkshop.wordpress.com&#038;blog=4202994&#038;post=942&#038;subd=dpsworkshop&#038;ref=&#038;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><a title="Review the author's bio." href="http://www.dpsworkshop.com/about-dpw/#a">Fran Adams</a></p>
<p><strong>A</strong>s is often said, but rarely practiced, &#8220;Planning is Everything.&#8221; In developing a DPS, that quote is an invaluable piece of advice. If suggestions in the preceding articles have borne fruit, you now have a reasonable subject, goal and outline. Our planning process can continue with some basic formatting concepts.</p>
<p>By incorporating this basic set of formatting rules, designed to complement each other from the beginning, your study is much less likely to end up as a non-functional collection of electrons.</p>
<p>Please note: Rather than experimenting and possibly coming to the same conclusions as outlined hereafter, the following criteria are suggested as a starting point for your new DPS. There’s no requirement to follow every detail strictly, or even at all, but points in this portion of our ‘DPS Cookbook’ may save you time in getting your study up and running quicker.</p>
<p><strong><em>Rules of Engagement</em></strong></p>
<p>We’ll begin with a guiding principle for our DPS:</p>
<ul>
<li>The DPS should be ‘viewed comfortably’ on computer screens (this is what digital is all about).</li>
</ul>
<p>So, how do our ‘formatting rules’ ensure our DPS is viewed comfortably and available to most everyone regardless of computing platform?</p>
<p>To realize comfortable viewing, our DPS must have consistent presentation.</p>
<p>Consistency quickly provides viewers a feeling of ‘familiarity’ and the document’s ‘ease of use’ factor increases. To develop consistency, we’ll define a common layout, text and graphic styles for headers, paragraphs, etc. for use throughout the study.</p>
<div class="wp-caption aligncenter" style="width: 490px"><img src="http://www.franadams.us/dps/article_pics/page_size/page_size.gif" alt="Page size and viewing area." width="480" height="360" /><p class="wp-caption-text">Page size and viewing area.</p></div>
<p><strong><em>Physical Size</em></strong></p>
<p>Beginning with a physical format often helps me to ‘see’ what I’m doing. To help you ‘see’ what you’re doing, take a standard sheet of writing paper and turn it horizontal so it’s 11 inches wide by 8.5 inches high.</p>
<p>In general, computer screens are capable of displaying horizontal documents better than vertical documents. We’ll take advantage of that real estate and develop our ‘Formatting Guide’ with this in mind as it’s also a common format for PowerPoint presentations.</p>
<p>I’m going to get a slight bit ‘techie’ here, so please don’t let your eyes glaze over immediately.</p>
<p>Computer screens use a display measurement known as pixels per inch (ppi). You may have also heard the term ‘dots per inch’ (dpi) which is a printing measurement. Although not precise, let’s simplify things and use these terms interchangeably.</p>
<p>Windows computer screens display a standard of 96 dpi and naturally, the larger the screen, the more dots are displayed. To accommodate most everyone’s computer monitor we’ll use a presentation size of 1024 pixels wide by 768 pixels high. 1024 pixels wide is approximately 10.6 inches wide and 768 pixels is 8 inches high. (Macintosh screens display at 72 dpi. The 1024 x 768 screen equals approximately 14.2 inches wide by 10.6 inches high.)</p>
<p><strong><em>Page and Screen Size</em></strong></p>
<p>Thinking in terms of that writing paper we used previously, we see we’re dealing with a screen display roughly the same size as our sheet of writing paper turned sideways &#8211; electronically!</p>
<p>Super. Now that we can visualize the screen area we have to work with, we can even sketch some things out by hand or make notes to remind us of what belongs on which page.</p>
<p><strong><em>Page Margins?</em></strong></p>
<p>To keep it simple as well as getting the most space out of our computer screen real estate or 1024&#215;768 pixels, we’re not going to use fancy colored or graphic page outlines in our study. They can reduce the available area quite a bit and we need that area for our overall page.</p>
<p>The page margin will be a minimum of 0.5 inches on all sides, ensuring headers and footers are within the main content area. This gives us a working area of roughly 9.5 inches wide and 7 inches high. <img class="size-full wp-image-1984" title="letter" src="http://dpsworkshop.files.wordpress.com/2009/07/letter.gif?w=600" alt="End of article marker."   /></p>
<br />Posted in design and layout Tagged: digital philatelic study, dps planning, dps studies, fran adams, page layout <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/dpsworkshop.wordpress.com/942/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/dpsworkshop.wordpress.com/942/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/dpsworkshop.wordpress.com/942/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/dpsworkshop.wordpress.com/942/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/dpsworkshop.wordpress.com/942/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/dpsworkshop.wordpress.com/942/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/dpsworkshop.wordpress.com/942/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/dpsworkshop.wordpress.com/942/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/dpsworkshop.wordpress.com/942/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/dpsworkshop.wordpress.com/942/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/dpsworkshop.wordpress.com/942/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/dpsworkshop.wordpress.com/942/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/dpsworkshop.wordpress.com/942/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/dpsworkshop.wordpress.com/942/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=dpsworkshop.wordpress.com&#038;blog=4202994&#038;post=942&#038;subd=dpsworkshop&#038;ref=&#038;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://dpsworkshop.wordpress.com/2008/10/30/page-size-and-layout/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="" medium="image">
			<media:title type="html">fran adams</media:title>
		</media:content>

		<media:content url="http://www.franadams.us/dps/article_pics/page_size/page_size.gif" medium="image">
			<media:title type="html">Page size and viewing area.</media:title>
		</media:content>

		<media:content url="http://dpsworkshop.files.wordpress.com/2009/07/letter.gif" medium="image">
			<media:title type="html">letter</media:title>
		</media:content>
	</item>
	</channel>
</rss>
