<?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>Pica Interactive &#187; Typography</title>
	<atom:link href="http://blog.picainteractive.com/category/typography/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.picainteractive.com</link>
	<description>News</description>
	<lastBuildDate>Fri, 12 Jun 2009 20:42:36 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Dynamic Typography</title>
		<link>http://blog.picainteractive.com/dynamic-typography-2.html</link>
		<comments>http://blog.picainteractive.com/dynamic-typography-2.html#comments</comments>
		<pubDate>Mon, 25 Aug 2008 15:20:34 +0000</pubDate>
		<dc:creator>Sheri Bodnaruk</dc:creator>
				<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://ngenmarketing.com/pica/dynamic-typography-2.html</guid>
		<description><![CDATA[This month, artbreak, released the video of their new single &#8216;Asymmetrical Girl&#8217;. Singing is one of my favorite designers, Chip Kidd and the video is directed by Gary Nadeau with typography by dress code. The type works perfectly with the song and &#8216;dances&#8217; to the beat. I think this is great use of “dynamic” typography.

Another [...]]]></description>
			<content:encoded><![CDATA[<p>This month, <a href="http://www.myspace.com/artbreakwonderground">artbreak</a>, released the video of their new single &#8216;Asymmetrical Girl&#8217;. Singing is one of my favorite designers, <a href="http://www.goodisdead.com/index.php?/chip_who/">Chip Kidd</a> and the video is directed by <a title="Gary Nadeau Director" href="http://www.garynadeau.com/">Gary Nadeau</a> with typography by <a title="dress code does design" href="http://www.dresscodeny.com/">dress code</a>. The type works perfectly with the song and &#8216;dances&#8217; to the beat. I think this is great use of “dynamic” typography.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="wmode" value="transparent" /><param name="allowFullScreen" value="true" /><param name="src" value="http://www.youtube.com/v/xtH_VlrF1O0&amp;color1=6100761&amp;color2=13447451&amp;hl=en&amp;fs=1" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/xtH_VlrF1O0&amp;color1=6100761&amp;color2=13447451&amp;hl=en&amp;fs=1" allowfullscreen="true" wmode="transparent"></embed></object></p>
<p>Another fantastic video using type is the Uruguayan band <a href="http://www.monoscope.com/2007/09/cuarteto_de_nos_typographic_mu.html">Cuarteto de Nos</a>. I have no idea what the song is about but I don&#8217;t really care, it&#8217;s fun and beautiful to look at.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="344" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="wmode" value="transparent" /><param name="allowFullScreen" value="true" /><param name="src" value="http://www.youtube.com/v/y9LlnLTH87U&amp;color1=11645361&amp;color2=13619151&amp;fs=1" /><embed type="application/x-shockwave-flash" width="425" height="344" src="http://www.youtube.com/v/y9LlnLTH87U&amp;color1=11645361&amp;color2=13619151&amp;fs=1" allowfullscreen="true" wmode="transparent"></embed></object></p>
<p>For more examples of Type in Motion check out <a href="http://www.smashingmagazine.com/2007/11/19/monday-inspiration-typography-in-motion/">Smashing Magazine</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.picainteractive.com/dynamic-typography-2.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Design Inspiration &#124; Stefan Sagmeister &amp; Chip Kidd</title>
		<link>http://blog.picainteractive.com/design-inspiration-stefan-sagmeister-chip-kidd-2.html</link>
		<comments>http://blog.picainteractive.com/design-inspiration-stefan-sagmeister-chip-kidd-2.html#comments</comments>
		<pubDate>Sat, 10 May 2008 23:42:24 +0000</pubDate>
		<dc:creator>Sheri Bodnaruk</dc:creator>
				<category><![CDATA[Books]]></category>
		<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://ngenmarketing.com/pica/design-inspiration-stefan-sagmeister-chip-kidd-2.html</guid>
		<description><![CDATA[Last night I had the pleasure of seeing Stefan Sagmeister speak at the Salazar Awards. He was totally inspirational, but really &#8211; what was I expecting? The guy is throughly entertaining and he managed to make all of us polite Canadians squirm and laugh at the same time with his stories of jelly fish exhibits [...]]]></description>
			<content:encoded><![CDATA[<p>Last night I had the pleasure of seeing <a href="http://www.sagmeister.com/">Stefan Sagmeister</a> speak at the <a href="http://bc.gdc.net/salazar">Salazar Awards</a>. He was totally inspirational, but really &#8211; what was I expecting? The guy is throughly entertaining and he managed to make all of us polite Canadians squirm and laugh at the same time with his stories of jelly fish exhibits gone awry, leaving his intern to be interrogated by the FBI and simply shouting &quot;shut the f#%k up!&quot; to a noisy bunch on the other side of the room.</p>
<p>He went through his book &quot;<a href="http://thingsihavelearnedinmylife.com/">Things I Have Learned In My Life So Far</a>&quot; telling us of his process. The book is beautiful, inside and out:</p>
<p><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/DN08tL_Jmvs&amp;hl=en" /><param name="wmode" value="transparent" /><embed width="425" height="355" src="http://www.youtube.com/v/DN08tL_Jmvs&amp;hl=en" type="application/x-shockwave-flash" wmode="transparent"></embed></object></p>
<p>The book design reminds me of Chip Kidd&#8217;s follow up book to The Cheese Monkeys, The Learners:</p>
<p><object width="425" height="355"><param value="http://www.youtube.com/v/y73D9KvWgNY&amp;hl=en" name="movie" /><param value="transparent" name="wmode" /><embed width="425" height="355" wmode="transparent" type="application/x-shockwave-flash" src="http://www.youtube.com/v/y73D9KvWgNY&amp;hl=en"></embed></object>
</p>
<p>Both designers use type that is hand drawn or drawn from the materials around them. The type becomes the image.</p>
<p><object width="425" height="355"><param value="http://www.youtube.com/v/34Y0lQkfAws&amp;hl=en" name="movie" /><param value="transparent" name="wmode" /><embed width="425" height="355" wmode="transparent" type="application/x-shockwave-flash" src="http://www.youtube.com/v/34Y0lQkfAws&amp;hl=en"></embed></object></p>
<p>Chip Kidd, Geoff Spear, Saul Ferris&#8217;s book jacket for &quot;Bat-Manga!: The Secret History of Batman in Japan&quot;</p>
<p><a href="http://goodisdead.com/images/work/kidd_batmanga.jpg"><img border="0" src="http://blog.picainteractive.com/images/ChipKidd.jpg" title="Chipkidd" alt="Chipkidd" class="image-full" /></a></p>
<p> Also in common is their great one liners:</p>
<p>Chip Kidd: &quot;Good is Dead&quot; &quot;Do you see?&quot;</p>
<p>Stefan Sagmeister: &quot;Trying to look good limits my life.&quot;</p>
<p>Check out Chip Kidd&#8217;s website &quot;<a href="http://goodisdead.com">Good is Dead</a>&quot; and Stefan Sagmeister website for &quot;<a href="http://thingsihavelearnedinmylife.com/">Things I&#8217;ve learned in life so far</a>&quot;.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.picainteractive.com/design-inspiration-stefan-sagmeister-chip-kidd-2.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Amazing Free Fonts</title>
		<link>http://blog.picainteractive.com/amazing-free-fonts-2.html</link>
		<comments>http://blog.picainteractive.com/amazing-free-fonts-2.html#comments</comments>
		<pubDate>Mon, 12 Nov 2007 17:42:04 +0000</pubDate>
		<dc:creator>Sheri Bodnaruk</dc:creator>
				<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://ngenmarketing.com/pica/amazing-free-fonts-2.html</guid>
		<description><![CDATA[Tired of the using the same old fonts? Smashing Magazine has put together a great collection of free fonts. Yes, you read correctly – FREE! And they aren’t garbage fonts either. There are some nice alternatives if you are one of those designers stuck on using the same san serif font or if you are [...]]]></description>
			<content:encoded><![CDATA[<p>Tired of the using the same old fonts? <a href="http://www.smashingmagazine.com" target="_blank">Smashing Magazine</a> has put together a great collection of free fonts. Yes, you read correctly – FREE! And they aren’t garbage fonts either. There are some nice alternatives if you are one of those designers stuck on using the same san serif font or if you are looking for a new classic. </p>
<p>For example, <a href="http://www.philsfonts.com/freefont.html" target="_blank">District Thin</a> is a beautiful san serif font, especially if you are looking for that nice clean thin look. See it compared to Helvetica, Frutiger or Univers:<br /><a onclick="window.open(this.href, '_blank', 'width=400,height=356,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" href="http://blog.picainteractive.com/images/SanSerif.gif"><img width="350" height="311" border="0" src="http://blog.picainteractive.com/images/SanSerif.gif" title="Sanserif" alt="Sanserif" /></a></p>
<p></p>
<p>Or <a href="http://www.ellak.gr/fonts/mgopen/" target="_blank">Canonica</a> instead of “Times New Roman”, and if you are looking for a font with less x-height and narrower then Century Gothic, try <a href="http://www.dafont.com/font.php?file=geo_sans_light&amp;page=1&amp;nb_ppp_old=10&amp;text=Geo+Sans+Light&amp;nb_ppp=10&amp;psize=l&amp;classt=alpha" target="_blank">Geosans Light</a>.<br /><a onclick="window.open(this.href, '_blank', 'width=400,height=356,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" href="http://blog.picainteractive.com/images/Serif.gif"><img width="350" height="311" border="0" src="http://blog.picainteractive.com/images/Serif.gif" title="Serif" alt="Serif" /></a></p>
<p></p>
<p>Check out the <a href="http://www.smashingmagazine.com/2007/11/08/40-excellent-freefonts-for-professional-design/" target="_blank">Smashing Magazine website</a> to see more of this collection. </p>
]]></content:encoded>
			<wfw:commentRss>http://blog.picainteractive.com/amazing-free-fonts-2.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Helvetica, the film</title>
		<link>http://blog.picainteractive.com/helvetica-the-film.html</link>
		<comments>http://blog.picainteractive.com/helvetica-the-film.html#comments</comments>
		<pubDate>Wed, 08 Aug 2007 12:44:09 +0000</pubDate>
		<dc:creator>Sheri Bodnaruk</dc:creator>
				<category><![CDATA[Film]]></category>
		<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://ngenmarketing.com/pica/helvetica-the-film.html</guid>
		<description><![CDATA[

In May I wrote a post about the documentary film Helvetica by Gary Hustwit, and last night I finally was able to see it. I had great expectations, not because it was a film on Helvetica, but because it was a film on type. I wasn’t disappointed. Gary Hustwit did a great job of portraying [...]]]></description>
			<content:encoded><![CDATA[<p><a onclick="window.open(this.href, '_blank', 'width=480,height=281,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false" href="http://blog.picainteractive.com/images/coverzurich480.jpg"></a><a href="http://blog.picainteractive.com/images/coverzurich480.jpg"><img border="0" class="image-full" alt="Coverzurich480_2" title="Coverzurich480_2" src="http://blog.picainteractive.com/images/coverzurich480.jpg" /></a></p>
<p></p>
<p>In May I wrote a <a href="http://blog.picainteractive.com/blog/2007/05/a_film_on_type_.html">post</a> about the documentary film <em>Helvetica</em> by Gary Hustwit, and last night I finally was able to see it. I had great expectations, not because it was a film on Helvetica, but because it was a film on type. I wasn’t disappointed. Gary Hustwit did a great job of portraying the love/hate relationship people have with the font as well as giving some history of type in graphic design. The film was filled with some great one liners like this one:</p>
<p>“I’m a typomaniac…an incurable but modern disease” – Erik Spiekerman.</p>
<p>That brought some great laughs from the audience (I’m sure) filled with mostly graphic designers. Regardless of whether you are a graphic designer, everyone is becoming aware of the fonts around them. I get crafted emails in Comic Sans, Garamond or Courier, the font that they think represents them. Neville Brody talks about the use of type in advertising the same way, “…the way the message is dressed is going to define our reaction to that message…if the message is written in Helvetica – <em>(you know)</em> it is going to be clean, that you are going to fit in – you’re not going to standout…” </p>
<p>Douglas Coupland made a joke after the film that he associates Helvetica with over the counter drugs since his father was a physician and received samples from all the pharmaceutical companies – all labels written in Helvetica. In the film, designer Paula Scher associates it to the Vietnam War and jokingly says it started the Iraqi War. Love it or hate it Helvetica is all around us and as Rick Poynor says in the film “…that’s type…casting it’s secret spell”.</p>
<p><a href="http://www.helveticafilm.com" target="_blank">Official Website, Helvetic, A documentary film by Gary Hustwit</a> </p>
]]></content:encoded>
			<wfw:commentRss>http://blog.picainteractive.com/helvetica-the-film.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>A Film on Type? Have I Died and Gone to Heaven?</title>
		<link>http://blog.picainteractive.com/a-film-on-type-have-i-died-and-gone-to-heaven.html</link>
		<comments>http://blog.picainteractive.com/a-film-on-type-have-i-died-and-gone-to-heaven.html#comments</comments>
		<pubDate>Tue, 29 May 2007 10:17:50 +0000</pubDate>
		<dc:creator>Sheri Bodnaruk</dc:creator>
				<category><![CDATA[Film]]></category>
		<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://ngenmarketing.com/pica/a-film-on-type-have-i-died-and-gone-to-heaven.html</guid>
		<description><![CDATA[
I’ve always been a huge fan of type, it pretty much comes with the design industry, but I haven’t always been a fan of Helvetica. When I was in school it was almost looked down upon to use Helvetica because it seemed like the safe choice – we are suppose to push the envelope – [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.picainteractive.com/images/helvetica.gif"><img border="0" src="http://blog.picainteractive.com/images/helvetica.gif" title="Helvetica_2" alt="Helvetica_2" class="image-full" /></a></p>
<p>I’ve always been a huge fan of type, it pretty much comes with the design industry, but I haven’t always been a fan of Helvetica. When I was in school it was almost looked down upon to use Helvetica because it seemed like the safe choice – we are suppose to push the envelope – think out of the box. Once I graduated and began working in the ‘real world’ I soon discovered that Helvetica is much more then a safe font, it a readable font and very elegant at large and small scales. The typeface is so versatile with it’s different weights you can use Helvetica on almost anything. Having said that Helvetica is still not one of my first choices for a san-serif font but I respect it and will definitely see a <a target="blank" href="http://www.helveticafilm.com">film </a>about it. </p>
<p>Celebrating its 50th year it seem appropriate that this is the year the film is released. Director Gary Hustwit explains his reasons for making the film:</p>
<p><em>“Why make a film about a typeface, let alone a feature documentary film about Helvetica? Because it&#8217;s all around us. You&#8217;ve probably already seen Helvetica several times today. It might have told you which subway platform you needed, or tried to sell you investment services or vacation getaways in the ads in your morning paper. Maybe it gave you the latest headlines on television, or let you know whether to &#8216;push&#8217; or &#8216;pull&#8217; to open your office door.”</em>&nbsp; <a href="http://www.helveticafilm.com/director.html">Read more on the film</a>.</p>
<p>Want good alternatives to Helvetica? Check out Stephen Coles article on <a target="blank" href="http://www.fontshop.com/fontfeed/archives/helvetica-and-alternatives-to-helvetica/">Helvetica and Alternatives to Helvetica</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.picainteractive.com/a-film-on-type-have-i-died-and-gone-to-heaven.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Current Web Design Trends</title>
		<link>http://blog.picainteractive.com/current-web-design-trends.html</link>
		<comments>http://blog.picainteractive.com/current-web-design-trends.html#comments</comments>
		<pubDate>Tue, 22 May 2007 11:22:32 +0000</pubDate>
		<dc:creator>Sheri Bodnaruk</dc:creator>
				<category><![CDATA[Typography]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Weblogs]]></category>

		<guid isPermaLink="false">http://ngenmarketing.com/pica/current-web-design-trends.html</guid>
		<description><![CDATA[Recently I was talking to someone about the newest trends in interior design for show suites and it got me thinking about some of the current trends on the web. As technology rapidly changes, and with the emergence of Web 2.0, we are seeing an evolving style in the web world. Gone are the flash [...]]]></description>
			<content:encoded><![CDATA[<p>Recently I was talking to someone about the newest trends in interior design for show suites and it got me thinking about some of the current trends on the web. As technology rapidly changes, and with the emergence of Web 2.0, we are seeing an evolving style in the web world. Gone are the flash intros, the tiny pixel fonts that dominated the web as flash became more popular, and having image based navigation. I believe some of these trends are coming from the blogging sites out there, like blogger and typepad as well as the increasing acceptance of CSS.</p>
<p>So here are some of the trends I can think of:</p>
<p><strong>Letter spacing</strong>. CSS allows us to manage letter spacing so we are seeing lots of uppercase titles with extended letter spacing (much like the menu on this site).</p>
<p><strong>San serif fonts</strong>. San serif fonts like ‘Times New Roman’ and ‘Georgia’ seem to be making a come back, especially for titles. Jeffrey Zeldman does a wonderful job of this on the <a href="http://alistapart.com" target="blank">A list Apart</a> website. He has also done it in the redesign of his studio <a href="http://www.happycog.com" target="blank">Happy Cog</a>, but has taken it one step further with uppercase italic!</p>
<p><strong>Fluid layouts</strong>. This trend I can see sticking around for the long haul. As much as we would like to think that we as web designers know how people view the web we can’t always be sure. Optimizing for the 1024px resolution with a fluid layout will allow our designs to stay consistent on most browsers. Check out Jakob Nielson’s article on <a href="http://www.useit.com/alertbox/screen_resolution.html" target="blank">screen resolutions</a>.</p>
<p><strong>Color trends</strong>. As video cards improve the requirement of web safe colors is fading. Miles Burke has put together something he calls <a href="http://miles.burke.id.au/blog/2006/02/03/the-web-20-secret-weapon/" target="blank">Web 2.0 Secret Weapon</a> where he has put together 70 of the most popular Web 2.0 colors.</p>
<p><strong>Rounded corners</strong>. It seems that along with increased use of CSS came the rounded corners. This is a softer look for the web and is also a nice and clean way to display blocks of information.</p>
<p><strong>3 column layouts</strong>. Since monitors are getting larger we have more real estate to work with and if you use a number like 960px it makes a nice 3 column grid. I believe one of the driving forces behind the three column layout is the proliferation of blogs.</p>
<p><strong>Blocky logos and icons</strong>. FireFox and <a href="http://www.37signals.com/">37 Signals</a> do a great job using icons to enrich their web interfaces. And logos such as Flickr and Technorati have a blocky clean look because of the fonts used in them. Have a look at Stephen Coles&#8217; article on the fonts used in a few of these <a href="http://www.fontshop.com/fontfeed/archives/the-logos-of-web-20/" target="blank">favorite brands</a>.</p>
<p><strong>Funky domains</strong>. I know this is not really a design trend but I think it is worth noting as a branding trend. Funky domains like <a href="http://del.icio.us/">del.icio.us</a> look awesome but<br />
as Miles Burke mentions in another article <a href="http://www.burke.id.au/blog/2006/02/15/crazydomains/">cra.zydomai.ns</a>, this new<br />
trend makes it more difficult to remember domain names…where do you put<br />
the period? And trying all the different combinations will take you to<br />
other sites if you don’t register them all yourself…</p>
<p>A few things to watch for in future; someone has finally come up with a way to use your favorite fonts on the web. <a href="http://www.mikeindustries.com/sifr/">sIFR 2.0</a> uses flash to replace blocks of text or titles with the font of your choice, the code is open source and uses javascript, CSS and flash. Unlike strictly image based text, the developers Mike Davidson and Mark Wubben claim this technique is fully accessible to screenreaders and other assistive technology.</p>
<p>And watch for increased screen resolutions &#8211; Jakob Nielsen predicts “Within the next 10 years, I expect monitors of, say, 5000&#215;3000 to be in fairly common use, at least among high-end business professionals”. That is going to drastically change the way we design websites and web applications.</p>
<p>Trends change all the time and these are just a few that I&#8217;ve been noticing. I&#8217;m excited to see what the future holds as we move into the world of Web 3.0 &#8211; the Semantic Web.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.picainteractive.com/current-web-design-trends.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
