<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>News Design School &#187; column grid</title>
	<atom:link href="http://newsdesignschool.com/tag/column-grid/feed/" rel="self" type="application/rss+xml" />
	<link>http://newsdesignschool.com</link>
	<description> Better newspaper design. Better bottom line.</description>
	<lastBuildDate>Sun, 29 Apr 2012 14:58:29 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>No. 16: The half-column grid</title>
		<link>http://newsdesignschool.com/no-16-the-half-column-grid/</link>
		<comments>http://newsdesignschool.com/no-16-the-half-column-grid/#comments</comments>
		<pubDate>Thu, 26 Feb 2009 19:06:57 +0000</pubDate>
		<dc:creator>Bob</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[column grid]]></category>

		<guid isPermaLink="false">http://newsdesignschool.com/ndscampus/members/archives/?p=82</guid>
		<description><![CDATA[Newspaper design has often been compared to two-dimensional architecture. I think it is a good analogy. Like buildings, newspaper pages must have a solid, underlying foundation on which to place elements. Houses have wood framing; pages have a column grid. Both allow for consistency, creativity and beauty. A neat trick to help you place photos [...]
Related posts:<ol>
<li><a href='http://newsdesignschool.com/newspaper-design-tip-baseline-grids/' rel='bookmark' title='Newspaper design tip: baseline grids'>Newspaper design tip: baseline grids</a></li>
<li><a href='http://newsdesignschool.com/newsletter-no-4-content-and-design/' rel='bookmark' title='No. 4: Content and design'>No. 4: Content and design</a></li>
<li><a href='http://newsdesignschool.com/newspaper-design-practical-tip-no-1/' rel='bookmark' title='Newspaper design: practical tip No. 1'>Newspaper design: practical tip No. 1</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Newspaper design has often been compared to two-dimensional architecture. I think it is a good analogy. Like buildings, newspaper pages must have a solid, underlying foundation on which to place elements.</p>
<p>Houses have wood framing; pages have a column grid. Both allow for consistency, creativity and beauty.</p>
<p>A neat trick to help you place photos and textual elements inserted into stories is to use smaller columns in your grid &#8212; the same size as your smallest element. Because this is frequently a half-column mug shot, I refer to it as the &#8220;half-column grid.&#8221;</p>
<div class="simplePullQuote">Newspaper design has been compared to two-dimensional architecture</div>
<p>With this system, your body text is set across two of the half-columns, and if you need to insert a thumbnail mug shot, you know exactly how wide to make it and where to place it. No more re-inventing the wheel each issue.</p>
<p>The half-column approach is also good if you want to have text wrap around both sides of an inserted element. In a two-column story for instance, you could place a pullquote in the center two (of four) half-columns and allow the text to wrap around both sides. Easy and consistent.</p>
<p>Another way to use smaller columns is to use an odd-number of small columns for that special page or package. I am a big proponent of varying your grid for special presentations.</p>
<p>With an odd number of columns, you still run your text across two of the &#8220;half&#8221; columns, but what about that leftover one? Use it for factoids, a brief pullquote, a series of mug shots or simply leave it white &#8212; even inside a spread &#8212; to help set the presentation apart from your straight news grid.</p>
<p>Used well, a half-column grid can add visual interest in an attractive and consistent way.</p>
<p>Examples:</p>
<p>Here is a story set on a standard grid. If you wanted to put in a thumbnail, would you know what size to make the art? Would you be able to make it consistently sized each tie you do this? (You should!)</p>
<p>If you are going to insert a thumbnail mug shot, a lot of times you are flying by the seat of your pants in terms of size. You may have different heights and widths for each story in your paper, and inconsistency is unattractive.</p>
<p><a href="http://newsdesignschool.com/wp-content/uploads/2009/02/grid2.png"><img class="size-medium wp-image-85 alignnone" title="grid2" src="http://newsdesignschool.com/wp-content/uploads/2009/02/grid2-244x300.png" alt="" width="244" height="300" /></a></p>
<p>But, if you are using a half-column grid, AND, if you have created a mug shot and name combination in your library, all you have to do is drag the blank (complete with name placeholder and text wrap) on your page, and then add in the new content. Easy!</p>
<p><img src="http://newsdesignschool.com/wp-content/uploads/2009/02/grid3.png" /></p>
<p>In the example below, you can see the mug shot and nameline in the library. It was dragged onto the page and now it&#8217;s ready to go.</p>
<p><img src="http://newsdesignschool.com/wp-content/uploads/2009/02/grid4.png"></p>
<p>Below is one example of how you can use an odd number of half-columns for everything from side cutlines to factoids.</p>
<p><a href="http://newsdesignschool.com/wp-content/uploads/2009/02/grid5.png"><img class="size-medium wp-image-88 alignnone" title="grid5" src="http://newsdesignschool.com/wp-content/uploads/2009/02/grid5-193x300.png" alt="" width="193" height="300" /></a></p>
<p>You may also be interested in the <a href="http://newsdesignschool.com/2009/11/10/newspaper-design-tip-baseline-grids/">baseline grid</a> post.<br />
<!--adsensestart--></p>
<div class="tweetthis" style="text-align:left;"><p> <a rel="nofollow" class="tt" href="http://twitter.com/intent/tweet?text=No.+16%3A+The+half-column+grid+http%3A%2F%2Fnewsdesignschool.com%2F%3Fp%3D324" title="Post to Twitter"><img class="nothumb" src="http://newsdesignschool.com/wp-content/plugins/tweet-this/icons/en/twitter/tt-twitter-micro3.png" alt="Post to Twitter" /></a></p></div><p>Related posts:<ol>
<li><a href='http://newsdesignschool.com/newspaper-design-tip-baseline-grids/' rel='bookmark' title='Newspaper design tip: baseline grids'>Newspaper design tip: baseline grids</a></li>
<li><a href='http://newsdesignschool.com/newsletter-no-4-content-and-design/' rel='bookmark' title='No. 4: Content and design'>No. 4: Content and design</a></li>
<li><a href='http://newsdesignschool.com/newspaper-design-practical-tip-no-1/' rel='bookmark' title='Newspaper design: practical tip No. 1'>Newspaper design: practical tip No. 1</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://newsdesignschool.com/no-16-the-half-column-grid/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

