<?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>J. Pedro Ribeiro &#187; terms</title> <atom:link href="http://jpedroribeiro.com/tag/terms/feed/" rel="self" type="application/rss+xml" /><link>http://jpedroribeiro.com</link> <description>Brazilian web designer writing about design, photography, illustrations and his projects.</description> <lastBuildDate>Tue, 15 Jun 2010 16:33:39 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.0</generator> <item><title>Know Your Type: Part 2 – Type Categories</title><link>http://jpedroribeiro.com/2009/12/know-your-type-part-2-%e2%80%93-type-categories/</link> <comments>http://jpedroribeiro.com/2009/12/know-your-type-part-2-%e2%80%93-type-categories/#comments</comments> <pubDate>Thu, 31 Dec 2009 15:53:44 +0000</pubDate> <dc:creator>J. Pedro Ribeiro</dc:creator> <category><![CDATA[typography]]></category> <category><![CDATA[terms]]></category><guid
isPermaLink="false">http://jpedroribeiro.com/?p=88</guid> <description><![CDATA[In this second part of typography articles we are going to learn the categories in which a type can be classified. Knowing the terms and characteristics of these groups can help you in the process of selecting the appropriate type for your project. The number of type categories can vary according to the source, bibliography [...]]]></description> <content:encoded><![CDATA[<div
class="image-preview"><a
href="http://jpedroribeiro.com/2009/12/know-your-type-part-2-–-type-categories/"><img
src="http://jpedroribeiro.com/wp-content/uploads/2009/12/type-categories.png" alt="Know Your Type: Part 2 – Type Categories" title="Know Your Type: Part 2 – Type Categories" border="0" width="644" height="188"  /></a></div><p>In this second part of <a
href="http://jpedroribeiro.com/tag/typography/">typography articles</a> we are going to learn the categories in which a type can be classified. Knowing the terms and characteristics of these groups can help you in the process of selecting the appropriate type for your project.</p><p><span
id="more-88"></span></p><p>The number of type categories can vary according to the source, bibliography or point of view of the author. Here I&#8217;ll be presenting 7 categories as did <a
href="http://www.ratz.com/" target="blank">Robin Williams</a> in her excellent book: <strong>Non-Designer&#8217;s Type Book</strong>.</p><p
class="sub-sections"> <strong>Old Style</strong></p><p>The Old Style types are commonly used in the <strong>body</strong> of printed text due to its appearance and <strong>readability</strong>. They have serif and are characterized by having a gentle transition between the thick and thin strokes and the stress is always diagonal.<br
/> Some examples of <strong>Old Style</strong> types are: Times New Roman, Palatino, Garamond and Centaur.</p><p
class="sub-sections"> <strong>Modern</strong></p><p>Modern typefaces have serif and a strong vertical <strong>stress </strong>line. They display an elegant yet cold feeling. Its readability is not great due to the <strong>contrast</strong> between the strokes. Some examples of <strong>Modern</strong> types are: Bodoni, Didot and Onyx.</p><p
class="sub-sections"> <strong>Slab Serif</strong></p><p>Slab Serif types originated from the advertising business after the Industrial Revolution. The main characteristic of these types are the thick (slap) horizontal serifs. There is very little (sometimes none) transition between the thin and thick strokes, and the stress is vertical (if any). It is very common to see this group of type being used on <strong>webdesign</strong> nowadays. Some examples of <strong>Slab Serif</strong> types are: Memphis, Clarendon and New Century Schoolbook.</p><p
class="sub-sections"> <strong>Sans Serif</strong></p><p>Basically, sans serif types are the ones <strong>without serif</strong> (&#8220;sans&#8221; = french for &#8220;without&#8221;). They became popular when the <strong>Bauhaus</strong> school of design was formed. They have almost no transition between strokes and have a large x-height. Some examples of <strong>Sans Serif</strong> types are: Futura, Arial, Tahoma and Helvetica.</p><p
class="sub-sections"> <strong>Grunge</strong></p><p>These types, also called <strong>Distressed</strong> or <strong>Fringe</strong>, are distorted, trashy and heavily manipulated. Some examples of <strong>Grunge</strong> types are: Rapture, Fragile and Amoebia Rain.</p><p
class="sub-sections"> <strong>Scripts</strong></p><p>Script types are easy to spot &#8211; they emulate <strong>handwriting</strong>. Some examples of <strong>Script</strong> types are: Nuptial, Felt Tip Roman and Lamar Pen.</p><p
class="sub-sections"> <strong>Decorative</strong></p><p>These types are created for a specific purpose of <strong>emphasize</strong> the content. They are also called <strong>Ornamented </strong>or <strong>Novelty</strong>. Some examples of <strong>Decorative </strong>types are: Rustic, Moore Liberty and Baileywick.</p><p></p><p>Don&#8217;t forget to check out our <a
href="http://jpedroribeiro.com/2009/10/know-your-type-part-1-anatomy/">first part of Know Your Type</a> where we talk about the anatomy of type and explain some terms commonly used to describe types.</p> ]]></content:encoded> <wfw:commentRss>http://jpedroribeiro.com/2009/12/know-your-type-part-2-%e2%80%93-type-categories/feed/</wfw:commentRss> <slash:comments>6</slash:comments> </item> <item><title>Know Your Type: Part 1 &#8211; Anatomy</title><link>http://jpedroribeiro.com/2009/10/know-your-type-part-1-anatomy/</link> <comments>http://jpedroribeiro.com/2009/10/know-your-type-part-1-anatomy/#comments</comments> <pubDate>Wed, 14 Oct 2009 21:34:03 +0000</pubDate> <dc:creator>J. Pedro Ribeiro</dc:creator> <category><![CDATA[typography]]></category> <category><![CDATA[glossary]]></category> <category><![CDATA[terms]]></category><guid
isPermaLink="false">http://jpedroribeiro.com/?p=68</guid> <description><![CDATA[Typography is a field that is quite new to me. Coming from a developer background, I did not study type the way graphic designers do. Luckily, today we have great books and various websites approaching this subject. In this post series, which will be called Know Your Type, I will share some basic concepts and [...]]]></description> <content:encoded><![CDATA[<div
class="image-preview"><a
href="http://jpedroribeiro.com/2009/10/know-your-type-part-1-anatomy/"><img
src="http://jpedroribeiro.com/wp-content/uploads/2009/10/anatomy-of-type-post.jpg" alt="Know Your Type: Part 1 - Anatomy" title="Know Your Type: Part 1 - Anatomy" border="0" /></a></div><p><strong>Typography </strong>is a field that is quite new to me. Coming from a developer background, I did not study type the way graphic designers do. Luckily, today we have <a
href="http://jpedroribeiro.com/2009/07/book-review-thinking-with-type/">great books</a> and various websites approaching this subject.</p><p>In this post series, which will be called <em>Know Your Type</em>, I will share some basic concepts and theories to introduce you to the amazing world of typography.</p><p><span
id="more-68"></span></p><p>In this first post, let&#8217;s find out the main <strong>terms </strong>used to describe specific shapes used in the characters formation and their surroundings. These terms will be repeated throughout the posts in this blog series so you can always used it as a reference.</p><p
class="sub-sections"> <strong>Terms</strong></p><p><img
src="http://jpedroribeiro.com/wp-content/uploads/2009/10/anatomy-of-type.png" alt="anatomy-of-type" title="anatomy-of-type" width="644" height="335" style="border:5px solid #41392E;" /></p><p><strong>Ascender:</strong> Part of the character that extends above the baseline.<br
/> <strong>Bar:</strong> Or <em>Cross Bar</em>, is a horizontal stroke that crosses a character.<br
/> <strong>Baseline: </strong>Line where the type sits.<br
/> <strong>Bowl: </strong>Curved stroke that makes the counter area.<br
/> <strong>Cap Height: </strong>Height of a capital letter.<br
/> <strong>Counter:</strong> White space inside a letter.<br
/> <strong>Descender:</strong> Part of the character that extends below the baseline.<br
/> <strong>Ear: </strong>Upper stroke of a lowercase <em>g</em>.<br
/> <strong>Link: </strong>Stroke connecting upper and lower parts of a letter, as in the lowercase <em>g</em>.<br
/> <strong>Loop:</strong> Lower portion of a lowercase <em>g</em>.<br
/> <strong>Serif:</strong> Short line that extends from the main stroke.<br
/> <strong>Spine:</strong> Curved stroke of the letter <em>S</em>.<br
/> <strong>Stress:</strong> Direction of thickening on the curved stroke of a letter.<br
/> <strong>Stroke:</strong> Or <em>Stem</em>, is the main stroke of the character.<br
/> <strong>Terminal:</strong> The end of a stroke that does not end in serif.<br
/> <strong>X- Height: </strong>Height of a lowercase letter without ascenders or descenders.</p> ]]></content:encoded> <wfw:commentRss>http://jpedroribeiro.com/2009/10/know-your-type-part-1-anatomy/feed/</wfw:commentRss> <slash:comments>5</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 (user agent is rejected)
Database Caching 4/14 queries in 0.024 seconds using disk

Served from: jpedroribeiro.com @ 2010-09-07 17:34:06 -->