<?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>Chicago Web Design &#187; Typography</title>
	<atom:link href="http://blueprintds.com/category/typography/feed/" rel="self" type="application/rss+xml" />
	<link>http://blueprintds.com</link>
	<description>Design and Marketing implemented the right way.</description>
	<lastBuildDate>Mon, 21 Jun 2010 14:43:06 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>The Power of Typography</title>
		<link>http://blueprintds.com/2009/08/14/the-power-of-typography/</link>
		<comments>http://blueprintds.com/2009/08/14/the-power-of-typography/#comments</comments>
		<pubDate>Fri, 14 Aug 2009 15:13:15 +0000</pubDate>
		<dc:creator>Rebecca Dirkse</dc:creator>
				<category><![CDATA[Typography]]></category>
		<category><![CDATA[design]]></category>

		<guid isPermaLink="false">http://blueprintds.com/?p=1838</guid>
		<description><![CDATA[Typography is a powerful and important design element when it comes to communicating visually. Each character has its own unique and intrinsic qualities that evoke different expressions and messages.  When used correctly, typography can be extremely effective.  It is always important to push the boundaries and rules in design.  However, creativity with no direction or [...]]]></description>
			<content:encoded><![CDATA[<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;">Typography is a powerful and important design element when it comes to communicating visually. Each character has its own unique and intrinsic qualities that evoke different expressions and messages.  When used correctly, typography can be extremely effective.  It is always important to push the boundaries and rules in design.  However, creativity with no direction or knowledge of the basics can be disastrous.  Anybody can learn a few quick tricks on various design softwares and produce decent results. Great typographic communication comes from not only creativity but also knowledge of what you are working with.  Willi Kunz states in his book <em>Typography: Formation + Transformation that, </em></p>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px;">
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;"><span style="white-space: pre;"> </span>&#8220;Rather than being eclipsed by new technologies, modern typography has become a powerful medium for visual experimentation and personal expression.  Creativity alone, however, is not enough to ensure the success of typographic communication. To transform even the simplest piece of information, the graphic designer must grasp theories and aesthetic principles that have informed visual communication for centuries.&#8221;  (Kunz, intro)</p>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px;">
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;">To illustrate what I am talking about, I have created some examples of how different typographic variations affect the visual quality of typography.  You can see how even the smallest adjustments will affect rhythm, legibility and the overall visual quality of the message you are trying to communicate.</p>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;">
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;"><span style="color: #0000ee;"><span style="text-decoration: underline;"><a href="http://blueprintds.com/wp-content/uploads/2009/08/Typography-Examples.jpg"><img class="alignnone size-full wp-image-2172" title="Typography-Examples" src="http://blueprintds.com/wp-content/uploads/2009/08/Typography-Examples.jpg" alt="Typography-Examples" width="500" height="1000" /></a></span></span></p>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px;">
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px;">
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;">Here&#8217;s a list of more variations that will affect visual quality:</p>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px;">
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;"><strong>Background </strong>(shape, color, surface)</p>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px;">
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;"><strong>Letter</strong> (Case, Face, Slant, Weight, Width, Size)</p>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px;">
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;"><strong>Word</strong> (Letter space,  Kerning, Baseline)</p>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px;">
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;"><strong>Line</strong> (Word space, Length, Direction)</p>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px;">
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;"><strong>Paragraph</strong> (Alignment, Interline space, First line)</p>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px;">
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;"><strong>Column</strong> (Number, Width, Placement, Interline space, Length)</p>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;">
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;"><strong>Related Articles:</strong></p>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;">
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;"><a href="http://www.translationdirectory.com/article775.htm" target="_blank">Seven Principles of Effective Typography</a></p>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;"><a href="http://www.translationdirectory.com/article775.htm" target="_blank"></a><a href="http://www.1stwebdesigner.com/inspiration/50-more-amazing-3d-typography-works-inspiration/" target="_blank">50 Typographic Inspirations</a></p>
<p style="margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica;"><a href="http://www.smashingmagazine.com/2008/04/23/5-principles-and-ideas-of-setting-type-on-the-web/" target="_blank">5 Principles and Ideas for Setting Type on the Web</a></p>


<!-- Begin SexyBookmarks Menu Code -->
<div class="sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-bg-caring-old">
<ul class="socials">
		<li class="sexy-twitter">
			<a href="http://twitter.com/home?status=The+Power+of+Typography+-+http://b2l.me/wqda+(via+@blueprintds)" rel="nofollow" title="Tweet This!">Tweet This!</a>
		</li>
		<li class="sexy-facebook">
			<a href="http://www.facebook.com/share.php?v=4&amp;src=bm&amp;u=http://blueprintds.com/2009/08/14/the-power-of-typography/&amp;t=The+Power+of+Typography" rel="nofollow" title="Share this on Facebook">Share this on Facebook</a>
		</li>
		<li class="sexy-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://blueprintds.com/2009/08/14/the-power-of-typography/&amp;title=The+Power+of+Typography" rel="nofollow" title="Digg this!">Digg this!</a>
		</li>
		<li class="sexy-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://blueprintds.com/2009/08/14/the-power-of-typography/&amp;title=The+Power+of+Typography" rel="nofollow" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="sexy-delicious">
			<a href="http://del.icio.us/post?url=http://blueprintds.com/2009/08/14/the-power-of-typography/&amp;title=The+Power+of+Typography" rel="nofollow" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="sexy-reddit">
			<a href="http://reddit.com/submit?url=http://blueprintds.com/2009/08/14/the-power-of-typography/&amp;title=The+Power+of+Typography" rel="nofollow" title="Share this on Reddit">Share this on Reddit</a>
		</li>
		<li class="sexy-mail">
			<a href="mailto:?subject=%22The%20Power%20of%20Typography%22&amp;body=I%20thought%20this%20article%20might%20interest%20you.%0A%0A%22Typography%20is%20a%20powerful%20and%20important%20design%20element%20when%20it%20comes%20to%20communicating%20visually.%20Each%20character%20has%20its%20own%20unique%20and%20intrinsic%20qualities%20that%20evoke%20different%20expressions%20and%20messages.%C2%A0%20When%20used%20correctly%2C%20typography%20can%20be%20extremely%20effective.%C2%A0%20It%20is%20always%20important%20to%20push%20the%20b%22%0A%0AYou%20can%20read%20the%20full%20article%20here%3A%20http://blueprintds.com/2009/08/14/the-power-of-typography/" rel="nofollow" title="Email this to a friend?">Email this to a friend?</a>
		</li>
		<li class="sexy-comfeed">
			<a href="http://blueprintds.com/2009/08/14/the-power-of-typography/feed" rel="nofollow" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="sexy-yahoobuzz">
			<a href="http://buzz.yahoo.com/submit/?submitUrl=http://blueprintds.com/2009/08/14/the-power-of-typography/&amp;submitHeadline=The+Power+of+Typography&amp;submitSummary=Typography%20is%20a%20powerful%20and%20important%20design%20element%20when%20it%20comes%20to%20communicating%20visually.%20Each%20character%20has%20its%20own%20unique%20and%20intrinsic%20qualities%20that%20evoke%20different%20expressions%20and%20messages.%C2%A0%20When%20used%20correctly%2C%20typography%20can%20be%20extremely%20effective.%C2%A0%20It%20is%20always%20important%20to%20push%20the%20b&amp;submitCategory=science&amp;submitAssetType=text" rel="nofollow" title="Buzz up!">Buzz up!</a>
		</li>
		<li class="sexy-technorati">
			<a href="http://technorati.com/faves?add=http://blueprintds.com/2009/08/14/the-power-of-typography/" rel="nofollow" title="Share this on Technorati">Share this on Technorati</a>
		</li>
		<li class="sexy-mixx">
			<a href="http://www.mixx.com/submit?page_url=http://blueprintds.com/2009/08/14/the-power-of-typography/&amp;title=The+Power+of+Typography" rel="nofollow" title="Share this on Mixx">Share this on Mixx</a>
		</li>
		<li class="sexy-myspace">
			<a href="http://www.myspace.com/Modules/PostTo/Pages/?u=http://blueprintds.com/2009/08/14/the-power-of-typography/&amp;t=The+Power+of+Typography" rel="nofollow" title="Post this to MySpace">Post this to MySpace</a>
		</li>
		<li class="sexy-linkedin">
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://blueprintds.com/2009/08/14/the-power-of-typography/&amp;title=The+Power+of+Typography&amp;summary=Typography%20is%20a%20powerful%20and%20important%20design%20element%20when%20it%20comes%20to%20communicating%20visually.%20Each%20character%20has%20its%20own%20unique%20and%20intrinsic%20qualities%20that%20evoke%20different%20expressions%20and%20messages.%C2%A0%20When%20used%20correctly%2C%20typography%20can%20be%20extremely%20effective.%C2%A0%20It%20is%20always%20important%20to%20push%20the%20b&amp;source=Chicago Web Design" rel="nofollow" title="Share this on Linkedin">Share this on Linkedin</a>
		</li>
		<li class="sexy-google">
			<a href="http://www.google.com/bookmarks/mark?op=add&amp;bkmk=http://blueprintds.com/2009/08/14/the-power-of-typography/&amp;title=The+Power+of+Typography" rel="nofollow" title="Add this to Google Bookmarks">Add this to Google Bookmarks</a>
		</li>
		<li class="sexy-friendfeed">
			<a href="http://www.friendfeed.com/share?title=The+Power+of+Typography&amp;link=http://blueprintds.com/2009/08/14/the-power-of-typography/" rel="nofollow" title="Share this on FriendFeed">Share this on FriendFeed</a>
		</li>
		<li class="sexy-sphinn">
			<a href="http://sphinn.com/index.php?c=post&amp;m=submit&amp;link=http://blueprintds.com/2009/08/14/the-power-of-typography/" rel="nofollow" title="Sphinn this on Sphinn">Sphinn this on Sphinn</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>
<!-- End SexyBookmarks Menu Code -->

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fblueprintds.com%2F2009%2F08%2F14%2Fthe-power-of-typography%2F&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px;margin-top:5px;"></iframe>]]></content:encoded>
			<wfw:commentRss>http://blueprintds.com/2009/08/14/the-power-of-typography/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
