<?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>GrindSmart &#187; typography</title>
	<atom:link href="http://grindsmart.com/tag/typography/feed/" rel="self" type="application/rss+xml" />
	<link>http://grindsmart.com</link>
	<description></description>
	<lastBuildDate>Thu, 05 Aug 2010 13:50:41 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Excellent Resources to Help You Create a High-Quality Font</title>
		<link>http://grindsmart.com/2010/03/excellent-resources-to-help-you-create-a-high-quality-font/</link>
		<comments>http://grindsmart.com/2010/03/excellent-resources-to-help-you-create-a-high-quality-font/#comments</comments>
		<pubDate>Tue, 02 Mar 2010 05:48:25 +0000</pubDate>
		<dc:creator>GrindSmart Editorial</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Popular]]></category>
		<category><![CDATA[create fonts]]></category>
		<category><![CDATA[design fonts]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://grindsmart.com/?p=465</guid>
		<description><![CDATA[
			
				
			
		
Designing a useful font takes skill, time and requires you to not loose site of your &#8220;goal&#8221;. If you always wanted to learn how to create a font, then this is the article that&#8217;ll help you do just that. Below we&#8217;ve gathered several excellent resources that will help you create your own quality font for ]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fgrindsmart.com%2F2010%2F03%2Fexcellent-resources-to-help-you-create-a-high-quality-font%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fgrindsmart.com%2F2010%2F03%2Fexcellent-resources-to-help-you-create-a-high-quality-font%2F&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p><strong>Designing a useful font </strong>takes skill, time and requires you to not loose site of your &#8220;goal&#8221;. If you always wanted to learn how to create a font, then this is the article that&#8217;ll help you do just that. Below we&#8217;ve gathered several excellent resources that will help you create your own quality font for use in various projects of your choice. Wouldn&#8217;t it be great to have the skill required to create a <strong>custom</strong> font for your clients? Find out how!</p>
<p>Please remember to <a href="http://feeds.feedburner.com/grindsmartnews"><strong>subscribe</strong></a> to our feed and leave us a comment with your thoughts!</p>
<h1><a href="http://ilovetypography.com/2007/10/22/so-you-want-to-create-a-font-part-1/">So You Want to Create a Font. Part 1</a></h1>
<p><a href="http://ilovetypography.com/2007/10/22/so-you-want-to-create-a-font-part-1/"><img src="http://grindsmart.com/wp-content/uploads/2010/03/createfonts-1.jpg" alt="" /></a></p>
<p>So you’re a brilliant designer, a master calligrapher, and you’ve learned all about serifs, side-bearings, and kerning. Now you want to create your own font. (What! You haven’t learned all about <a title="An introduction to the serif" href="http://ilovetypography.com/2007/08/26/who-shot-the-serif-typography-terms/">serifs</a>, side-bearings, and <a title="Type Torture - kerning" href="http://ilovetypography.com/2007/09/15/type-torture-kerning/">kerning</a>? Well, make sure you read all of the articles on iLT before you embark on font creation! You’ll need all of the knowledge you can get if you plan on being successful! And if you’re not a brilliant designer or a master calligrapher, well, don’t worry—you can still create some beautiful fonts with a little hard work, a lot of knowledge, and a little inspiration.) <a href="http://ilovetypography.com/2007/10/29/so-you-want-to-create-a-font-part-2/">Here&#8217;s Part 2</a></p>
<h1><a href="http://www.bittbox.com/fonts/how-to-make-a-hand-drawn-font">How to: Make a Hand-Drawn Font</a></h1>
<p><a href="http://www.bittbox.com/fonts/how-to-make-a-hand-drawn-font"><img src="http://grindsmart.com/wp-content/uploads/2010/03/createfonts-2.jpg" alt="" /></a></p>
<p>Before I start, let me say that this is by no means the only way to make a hand drawn font. Ever since I began giving away fonts, I’ve had many requests for me to write a tutorial on my font making process, so here it is. This is how I do it, and depending on your responses, I can go deeper into a FontLab Studio tutorial. This tutorial, however, is designed to reveal my process from start to finish. A lot of you may not have FontLab Studio, so you may need to adapt the second half of the tutorial to whatever font software you may have access to. Here we go.</p>
<h1><a href="http://www.online-tech-tips.com/computer-tips/how-to-create-your-own-fonts-and-edit-truetype-fonts/">How to Create Your Own Fonts and Edit TrueType Fonts</a></h1>
<p><a href="http://www.online-tech-tips.com/computer-tips/how-to-create-your-own-fonts-and-edit-truetype-fonts/"><img src="http://grindsmart.com/wp-content/uploads/2010/03/createfonts-3.jpg" alt="" /></a></p>
<p>Wouldn’t it be neat if you could create your own TrueType fonts, name them whatever you want, and actually use them in your programs like Word, Photoshop, etc? I usually don’t write about software that isn’t free, but there’s some really cool software out there that you can use to not only create your own Windows fonts, but also to edit the fonts that are currently on your system!</p>
<h1><a href="http://www.iamcal.com/misc/fonts/pixfonttut/part1.php">Creating a Pixel Font From Scratch</a></h1>
<p><a href="http://www.iamcal.com/misc/fonts/pixfonttut/part1.php"><img src="http://grindsmart.com/wp-content/uploads/2010/03/createfonts-4.jpg" alt="" /></a></p>
<p>We&#8217;ll start with some maths first. Fonts are designed in the abstract &#8220;FUnit&#8221; measurement. FUnits make up the also abstract &#8220;Em-Square&#8221;. The number of FUnits in an Em-Square is a value you choose when creating a font.</p>
<h1><a href="http://www.olliekav.com/design/creating-a-font-part-two">Creating a Font Part 1 and 2</a></h1>
<p><a href="http://www.olliekav.com/design/creating-a-font-part-two"><img src="http://grindsmart.com/wp-content/uploads/2010/03/createfonts-5.jpg" alt="" /></a></p>
<p>This follows on from my <a href="http://www.olliekav.com/2008/08/10/creating-a-font-for-my-new-monthly-logo-a-little-tutorial-pt1/">original post</a> detailing the original sketches and tracing in illustrator. Now I have the capital letters for this font set up I need to calculate the cap height, x-height, ascender and descender. As I am only doing the caps for this release that makes life a bit easier but I will still calculate the other heights for when I finish the rest of the font collection.</p>
<h1><a href="http://www.sitepoint.com/blogs/2008/07/30/create-your-own-font-using-fontstruct/">Create Your Own Font Using FontStruct</a></h1>
<p><a href="http://www.sitepoint.com/blogs/2008/07/30/create-your-own-font-using-fontstruct/"><img src="http://grindsmart.com/wp-content/uploads/2010/03/createfonts-6.jpg" alt="" /></a></p>
<p>Built using a slick Flash-based interface, FontStruct is a perfect example of “social software” done right — a kind of Threadless for typographers. The font construction tool is intuitive and fun to use, and the gallery allows users to share their fonts, comment on other people’s fonts, and download people’s creations.</p>
<h1><a href="http://www.psprint.com/resources/creative-design/business-cards/creating-a-custom-font-for-business-cards.asp">Creating a Custom Font for Business Cards</a></h1>
<p><a href="http://www.psprint.com/resources/creative-design/business-cards/creating-a-custom-font-for-business-cards.asp"><img src="http://grindsmart.com/wp-content/uploads/2010/03/createfonts-7.jpg" alt="" /></a></p>
<p>If you have the know-how, creating a custom font for business cards can contribute to the overall uniqueness of a company&#8217;s first impression, and thus help convert more sales. Creating a custom font isn&#8217;t that difficult if you have the right resources, but first it&#8217;s important to make sure you really want to use a custom font.</p>
<h1><a href="http://www.gomediazine.com/tutorials/design-font-start-finish-part-1-inspired/">How to Design A Font: {Part 1} Get Inspired!</a></h1>
<p><a href="http://www.gomediazine.com/tutorials/design-font-start-finish-part-1-inspired/"><img src="http://grindsmart.com/wp-content/uploads/2010/03/createfonts-8.jpg" alt="" /></a></p>
<p>You always want to be trend setting in the design community, what’s the point of creating the same thing someone else has already? It’s very important to be designing something that nobody has seen before, that has your own style. What I’ve learned is that by looking at amazing work it motivates me to make something equally as amazing. I love checking up on some of my favorite designer’s latest pieces. I would HIGHLY recommend that if you haven’t already gotten hooked up into a social bookmarking site, do it now!</p>
]]></content:encoded>
			<wfw:commentRss>http://grindsmart.com/2010/03/excellent-resources-to-help-you-create-a-high-quality-font/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Designing Your Header With the Best Practices and Examples</title>
		<link>http://grindsmart.com/2010/01/designing-your-header-with-the-best-practices-and-examples/</link>
		<comments>http://grindsmart.com/2010/01/designing-your-header-with-the-best-practices-and-examples/#comments</comments>
		<pubDate>Wed, 27 Jan 2010 10:22:56 +0000</pubDate>
		<dc:creator>GrindSmart Editorial</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Popular]]></category>
		<category><![CDATA[creative]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[effective]]></category>
		<category><![CDATA[header]]></category>
		<category><![CDATA[header design]]></category>
		<category><![CDATA[practices]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://grindsmart.com/?p=245</guid>
		<description><![CDATA[
			
				
			
		
If you&#8217;re looking to effectively design one of the most influencing and creative areas of your web site, you need to know a few key points. The header of your web site helps the visitors connect and understand the information that you are trying to provide. If your websites header was not designed to optimize ]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fgrindsmart.com%2F2010%2F01%2Fdesigning-your-header-with-the-best-practices-and-examples%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fgrindsmart.com%2F2010%2F01%2Fdesigning-your-header-with-the-best-practices-and-examples%2F&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>If you&#8217;re looking to <strong>effectively design </strong>one of the<strong> most influencing </strong>and<strong> creative areas of your web site</strong>, you need to know a few key points. The header of your web site helps the visitors connect and understand the information that you are trying to provide. If your websites header was not designed to optimize the flow of all information contained between your web site, then the entire layout would seem unbalanced. You headers design is extremely important, this is why we&#8217;ve outlined a few points on how to design a quality header.</p>
<h1><strong>A Strong Header Must Standout</strong></h1>
<p>Your header must display a type of contrast between itself and the rest of the content. It needs to contain certain color combination&#8217;s and schemes that reassure the viewer the difference between where the header is located and where the content displayed.</p>
<h1><strong>Maintain Consistency</strong></h1>
<p>When you&#8217;re designing your header you must keep in mind the importance of maintaining consistency between the sites overall theme, elements, content, and footer. If you add a certain degree of creativity to your sidebar, make sure you add a similar amount of creativity to your header as well. It will keep the balance between your design. If you&#8217;re able to add these characteristics to your header than you will have the ability to capture your audiences attention from the beginning.</p>
<h1><strong>Use Attractive Colors</strong></h1>
<p>It&#8217;s usually better to try and use warm colors (depending on the design, of course). Those types of colors work like gears to try and stimulate your mind in order to captivate the viewer. Warm colors are the most active and they encourage certain emotions aggressively.</p>
<h1><strong>Light, Colors</strong> <strong>and Additional&#8217;s<br />
</strong></h1>
<p>In the previous point we covered the use of warm colors, now were going to touch on the importance of using light, and additional colors to your advantage by effectively knowing how to combine them. If your header contains at least one or two colors that don&#8217;t mesh well, then this will offset the viewer and cause a negative imbalance. There are also a great deal of headers that don&#8217;t seem to convey the right user of light within their design. This can also be a detrimental factor in the succession of your design.</p>
<h1><strong>Size, </strong><strong>Position, and </strong><strong>Alignment</strong></h1>
<p>The width and height or your header for the most part depends on the size of your layout. At any rate, you shouldn&#8217;t use a header that&#8217;s too large or too small. An effective header contains a good balance between the size, position, and alignment. Another good point to remember is to not design or use a header that can take up half the page, this is a waste of space, and will end up driving viewers away. Your header should always be aligned within the center of your sites layout, with the exception of any typography used. This will help maintain a well represented and professional design.</p>
<h1><strong>Examples:</strong></h1>
<p><strong><br />
</strong></p>
<h2>Pally Giraffe</h2>
<p class="showcase"><a href="http://www.pallygiraffe.com/"><img src="http://grindsmart.com/wp-content/uploads/2010/01/header-01.jpg" alt="Screenshot" width="520" height="300" /></a></p>
<h2>Go Glamping</h2>
<p class="showcase"><a href="http://goglamping.net/"><img src="http://grindsmart.com/wp-content/uploads/2010/01/header-02.jpg" alt="Screenshot" width="520" height="300" /></a></p>
<h2>The Octonauts</h2>
<p class="showcase"><a href="http://www.octonauts.com/"><img src="http://grindsmart.com/wp-content/uploads/2010/01/header-03.jpg" alt="Screenshot" width="520" height="300" /></a></p>
<h2>Phizz</h2>
<p class="showcase"><a href="http://www.phizz.biz/"><img src="http://grindsmart.com/wp-content/uploads/2010/01/header-04.jpg" alt="Screenshot" width="520" height="300" /></a></p>
<h2>Carton Blanc</h2>
<p class="showcase"><a href="http://www.cartonblanc.com/"><img src="http://grindsmart.com/wp-content/uploads/2010/01/header-05.jpg" alt="Screenshot" width="520" height="300" /></a></p>
<h2>Mail Chimp</h2>
<p class="showcase"><a href="http://www.mailchimp.com/"><img src="http://grindsmart.com/wp-content/uploads/2010/01/header-06.jpg" alt="Screenshot" width="520" height="300" /></a></p>
<h2>Digimuarai</h2>
<p class="showcase"><a href="http://www.digimurai.com/"><img src="http://grindsmart.com/wp-content/uploads/2010/01/header-07.jpg" alt="Screenshot" width="520" height="300" /></a></p>
<h2>Tony Geer</h2>
<p class="showcase"><a href="http://www.tonygeer.com/"><img src="http://grindsmart.com/wp-content/uploads/2010/01/header-08.jpg" alt="Screenshot" width="520" height="300" /></a></p>
<h2>Branded 07</h2>
<p class="showcase"><a href="http://www.branded07.com/"><img src="http://grindsmart.com/wp-content/uploads/2010/01/header-09.jpg" alt="Screenshot" width="520" height="300" /></a></p>
<h2>Paramore Redd</h2>
<p class="showcase"><a href="http://paramoreredd.com/"><img src="http://grindsmart.com/wp-content/uploads/2010/01/header-10.jpg" alt="Screenshot" width="520" height="300" /></a></p>
<h2>Dr. Martian</h2>
<p class="showcase"><a href="http://www.drmartian.com/"><img src="http://grindsmart.com/wp-content/uploads/2010/01/header-11.jpg" alt="Screenshot" width="520" height="300" /></a></p>
<h2>Web.Burza</h2>
<p class="showcase"><a href="http://www.web.burza.hr/"><img src="http://grindsmart.com/wp-content/uploads/2010/01/header-12.jpg" alt="Screenshot" width="520" height="300" /></a></p>
<h2>Marchand De Trucs</h2>
<p class="showcase"><a href="http://www.marchanddetrucs.com/"><img src="http://grindsmart.com/wp-content/uploads/2010/01/header-13.jpg" alt="Screenshot" width="520" height="300" /></a></p>
<h2>New Era Cap Talk</h2>
<p class="showcase"><a href="http://neweracaptalk.com/blog/"><img src="http://grindsmart.com/wp-content/uploads/2010/01/header-14.jpg" alt="Screenshot" width="520" height="300" /></a></p>
<h2>Chris Hortsch</h2>
<p class="showcase"><a href="http://chris-hortsch.de/"><img src="http://grindsmart.com/wp-content/uploads/2010/01/header-15.jpg" alt="Screenshot" width="520" height="300" /></a></p>
<h2>Campaign Monitor</h2>
<p class="showcase"><a href="http://www.campaignmonitor.com/"><img src="http://grindsmart.com/wp-content/uploads/2010/01/header-16.jpg" alt="Screenshot" width="520" height="300" /></a></p>
<h2>Enrichmint</h2>
<p class="showcase"><a href="http://www.enrichmint.com/"><img src="http://grindsmart.com/wp-content/uploads/2010/01/header-17.jpg" alt="Screenshot" width="520" height="300" /></a></p>
<h2>Wishlister</h2>
<p class="showcase"><a href="http://www.wishlistr.com/"><img src="http://grindsmart.com/wp-content/uploads/2010/01/header-18.jpg" alt="Screenshot" width="520" height="300" /></a></p>
<h2>Cleverful</h2>
<p class="showcase"><a href="http://www.cleverful.com/"><img src="http://grindsmart.com/wp-content/uploads/2010/01/header-19.jpg" alt="Screenshot" width="520" height="300" /></a></p>
<h2>Holds Worth Design</h2>
<p class="showcase"><a href="http://www.holdsworthdesign.com/"><img src="http://grindsmart.com/wp-content/uploads/2010/01/header-20.jpg" alt="Screenshot" width="520" height="300" /></a></p>
<h2>Octwelve</h2>
<p class="showcase"><a href="http://octwelve.com/"><img src="http://grindsmart.com/wp-content/uploads/2010/01/header-21.jpg" alt="Screenshot" width="520" height="300" /></a></p>
<h2>Kirdan</h2>
<p class="showcase"><a href="http://www.kirdan.com/"><img src="http://grindsmart.com/wp-content/uploads/2010/01/header-22.jpg" alt="Screenshot" width="520" height="300" /></a></p>
<h2>Icon Dock</h2>
<p class="showcase"><a href="http://icondock.com/"><img src="http://grindsmart.com/wp-content/uploads/2010/01/header-23.jpg" alt="Screenshot" width="520" height="300" /></a></p>
<h2>R0man</h2>
<p class="showcase"><a href="http://r0man.de/"><img src="http://grindsmart.com/wp-content/uploads/2010/01/header-24.jpg" alt="Screenshot" width="520" height="300" /></a></p>
<h2>Toucouler</h2>
<p class="showcase"><a href="http://www.toucouleur.fr/"><img src="http://grindsmart.com/wp-content/uploads/2010/01/header-25.jpg" alt="Screenshot" width="520" height="300" /></a></p>
<h2>Cogitatur</h2>
<p class="showcase"><a href="http://www.cogitatur.pl/"><img src="http://grindsmart.com/wp-content/uploads/2010/01/header-26.jpg" alt="Screenshot" width="520" height="300" /></a></p>
<h2>Biola University</h2>
<p class="showcase"><a href="http://www.biola.edu/undergrad/"><img src="http://grindsmart.com/wp-content/uploads/2010/01/header-27.jpg" alt="Screenshot" width="520" height="300" /></a></p>
<h2>Cow &amp; Monkey</h2>
<p class="showcase"><a href="http://www.cowandmonkey.co.uk/"><img src="http://grindsmart.com/wp-content/uploads/2010/01/header-28.jpg" alt="Screenshot" width="520" height="300" /></a></p>
<h2>Made in Space</h2>
<p class="showcase"><a href="http://madeinspace.com.au/"><img src="http://grindsmart.com/wp-content/uploads/2010/01/header-29.jpg" alt="Screenshot" width="520" height="300" /></a></p>
<h2>The Amazing Idea Machine</h2>
<p class="showcase"><a href="http://www.theamazingideamachine.com/"><img src="http://grindsmart.com/wp-content/uploads/2010/01/header-30.jpg" alt="Screenshot" width="520" height="300" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://grindsmart.com/2010/01/designing-your-header-with-the-best-practices-and-examples/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (enhanced) (user agent is rejected)
Database Caching 8/15 queries in 0.031 seconds using disk

Served from: grindsmart.com @ 2010-09-08 16:02:57 -->