<?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>Quazen &#187; Graphic Design</title>
	<atom:link href="http://quazen.com/category/arts/graphic-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://quazen.com</link>
	<description></description>
	<lastBuildDate>Sun, 22 Nov 2009 20:18:15 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>The Basic Science of Typography</title>
		<link>http://quazen.com/arts/graphic-design/the-basic-science-of-typography/</link>
		<comments>http://quazen.com/arts/graphic-design/the-basic-science-of-typography/#comments</comments>
		<pubDate>Wed, 22 Apr 2009 10:00:34 +0000</pubDate>
		<dc:creator><a target="_blank" href="http://www.triond.com/users/Anna+Cruz">Anna Cruz</a></dc:creator>
				<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[text]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://quazen.com/arts/graphic-design/the-basic-science-of-typography/</guid>
		<description><![CDATA[The term "typography" actually has a broad meaning. It encompasses everything involving type from calligraphy to digital type. When referring to typography in graphic design, the term refers to choosing typefaces and their layout on a page.]]></description>
			<content:encoded><![CDATA[<p>Below is a summary of what you need to know about typography in graphic design, but before diving into this science, here are a few terms you need to know:</p>
<p><strong>Type</strong> &#8211; In the past, type was used to refer to the different forms used to create the font, such as metal or wooden blocks. Today, type is a general term involving the shape or design of letters.</p>
<p><strong>Typeface</strong> &#8211; A specific design of type is known as the typeface family or classification, such as Arial. A typeface is more specific and involves the family and form, such as Arial Black.</p>
<p><strong>Font</strong> &#8211; A font is the specific size and form of a particular typeface, such as Arial Black 12pt.</p>
<h3><strong>Anatomy of Type </strong></h3>
<p>Every curve, curl, and swirl of type letters has a name. Here are the main categories and subcategories:</p>
<ol>
<li><strong>Counters</strong> &#8211; the white space within letters, such as the bowls in &#8220;b&#8221;s and &#8220;d&#8221;s or the space within a &#8220;c.&#8221;<br /> 
<ul>
<li> Eye &#8211; the counter of a lowercase &#8220;e.&#8221;</li>
<li> Aperture &#8211; counters that are open, such as with &#8220;c&#8221;s and &#8220;y&#8221;s.</li>
</ul>
</li>
<li><strong>Serifs</strong> &#8211; the extra strokes on letters.<br /> 
<ul>
<li> Ear &#8211; a flag on the upper right corner of the bowl of a letter (such as with a &#8220;g&#8221;).</li>
<li> Chin &#8211; such as on a capital letter &#8220;G,&#8221; the right angled stroke on a capital letter.</li>
<li> Spur &#8211; an extra tag at the end of curved letters.</li>
<li> Beak &#8211; similar to spur, a beak is a more pronounced stroke at the end of the arms of letters.</li>
</ul>
</li>
<li><strong>Strokes</strong> &#8211; basically the connecting lines and curves on letters.<br /> 
<ul>
<li> Arm &#8211; a horizontal line on a letter that is not used to connect to another line, such as with &#8220;F.&#8221;</li>
<li> Tail &#8211; any stroke on a letter that descends below the line, such as with &#8220;g&#8221; or &#8220;p.&#8221;</li>
<li> Stem &#8211; the supporting vertical line of a letter.</li>
<li> Extender &#8211; the part of a letter that reaches above or below the line of text.</li>
<li> Crossbar &#8211; the horizontal line between two stems of a letter, such as with a capital &#8220;A.&#8221;</li>
<li> Cross-stroke &#8211; the line used to cross &#8220;t&#8221;s and &#8220;f&#8221;s.&nbsp;</li>
</ul>
</li>
</ol>
<h3><strong>Sans Serif vs. Serif </strong></h3>
<p>You may have heard that sans serif fonts and serif fonts differ in appearance and use, but do you really know how and why? Here&#8217;s a quick overview:</p>
<p>Sans serif type do not contain any extra strokes, known as flags and tags, on the tips of the letters. Simply put, the lines are straight, such as with the Arial typeface. Without these flags and tags, sans serif type can be more difficult to read, which is why it&#8217;s best to use these typefaces at a large size, such as in headlines or subtitles.</p>
<p>Serif type contain the flags and tags on the tips of letters, such as with the Times New Roman typeface. The strokes help to lead a reader to one letter and, therefore, word to the next, making longer blocks of text easier to read. This is why serif typefaces are used in body text &#8211; the strokes create a flow and readability.</p>
<h3><strong>Type Alignment </strong></h3>
<p>When placing type on the page, don&#8217;t forget these basic alignment rules for design:</p>
<ul>
<li> Use margins. </li>
<li> Keep line lengths short using columns if necessary. </li>
<li> Left-justify for even lengths on both sides of type. </li>
<li> Use bullets to break up long paragraphs. </li>
<li> Select the widow/orphan control to avoid hanging paragraphs at the beginning and end of pages. </li>
<li> Create white space between blocks of text to lead the reader to the next section. </li>
<li> Do away with old-fashioned typewriter rules: no more double-hard returns and double-spacing after punctuation. </li>
<li> Only use centered text when absolutely necessary, such as with invitations.</li>
</ul>
<h3><strong>Type Formatting</strong></h3>
<p>Format your fonts appropriately for the purpose of the text:</p>
<ul>
<li> Use a larger size for headlines. </li>
<li> Create even spacing between words and letters with kerning/tracking tools. </li>
<li> Avoid all caps. </li>
<li> Use only the bold/italic version of a text rather than using the bold/italicize tool from the font format window. </li>
<li> Keep font size appropriate to the age of readers and the size of the document. </li>
<li> Choose only two to four different fonts to use in a single document. </li>
<li> Use typefaces that are easy to read.</li>
</ul>
<h3><strong>Type Printing Tips </strong></h3>
<p>Fonts are one of the most common problem-causers when sending a document to print. Find out which of the following fonts your printing company accepts and send a copy of the file for each font you use. This will save you the headache of having to go back and fort when trying to print out a&nbsp;<a href="http://www.printplace.com/printing/poster-printing.aspx" target="_blank">poster printing</a> project.</p>
<ol>
<li><strong>OpenType Fonts</strong> &#8211; Also known as OTF fonts, this is the new version of fonts that transfers between a Mac and PC. All of the data needed for the font is contained in a single file. The files will have either an .otf or .ttf suffix.</li>
<li><strong>Type 1 Fonts</strong> &#8211; Still the most commonly used font file in desktop publishing, Type 1 Fonts use separate files for the screen and printing version. Send both file versions to your printing company. In Windows, the file icon appears as a dog-eared page with a lower case &#8220;a&#8221;; the printing version is a .pfb and the screen version is a .pfm. For a Mac, the file icon appears as a dog-eared page with a capital letter &#8220;A&#8221; for the bitmap version, while the outline version appears as horizontal lines with the capital letter &#8220;A&#8221; in front.</li>
<li><strong>TrueType Fonts</strong> &#8211; Like an OTF font, TrueType fonts use one file for the font data. Unlike OTFs, TrueTypes for PCs are not compatible with Mac TrueTypes. The file is known as TTF in Windows and looks like a dog-eared page containing two capital letter &#8220;T&#8221;s overlapping. For a Mac, the file is named SFNT and looks like a dog-eared page containing three letter &#8220;A&#8221;s, all in descending sizes.</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://quazen.com/arts/graphic-design/the-basic-science-of-typography/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>