<?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>20three &#187; Typography</title>
	<atom:link href="http://www.20three.com/tag/typography/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.20three.com</link>
	<description></description>
	<lastBuildDate>Fri, 30 Jul 2010 13:10:14 +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>FlashBrighton lecture: Typography and the modern</title>
		<link>http://www.20three.com/2010/01/flashbrighton-lecture-typography-and-the-modern/</link>
		<comments>http://www.20three.com/2010/01/flashbrighton-lecture-typography-and-the-modern/#comments</comments>
		<pubDate>Mon, 18 Jan 2010 15:12:53 +0000</pubDate>
		<dc:creator>Owen</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Brighton]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Events]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[op]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[moderism]]></category>

		<guid isPermaLink="false">http://www.20three.com/?p=562</guid>
		<description><![CDATA[I was asked if I would like to talk to the Flash Brighton developer group, Flash Brighton about typography. The talk will be on the 19th January, the first Flash Brighton talk of 2010.
To keep my talk manageable I have decided to talk about the development of typographic design in relation to the birth and [...]


Related posts:<ol><li><a href='http://www.20three.com/2010/01/photographers-stamp/' rel='bookmark' title='Permanent Link: Photographer&#8217;s stamp'>Photographer&#8217;s stamp</a></li>
<li><a href='http://www.20three.com/2009/03/jost-hochuli-detail-in-typography/' rel='bookmark' title='Permanent Link: Jost Hochuli: Detail in Typography'>Jost Hochuli: Detail in Typography</a></li>
<li><a href='http://www.20three.com/2009/06/degree-show-university-of-brighton/' rel='bookmark' title='Permanent Link: Degree Show: University of Brighton'>Degree Show: University of Brighton</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>I was asked if I would like to talk to the Flash Brighton developer group, <a href="http://flashbrighton.org/" target="_blank">Flash Brighton</a> about typography. The talk will be on the 19th January, the first Flash Brighton talk of 2010.</p>
<p>To keep my talk manageable I have decided to talk about the development of typographic design in relation to the birth and growth of Modernism, starting from the early 1900&#8217;s and up to the present day.</p>
<p><a href="http://www.20three.com/wp-content/uploads/2010/01/talk.jpg"><img class="aligncenter size-full wp-image-564" src="http://www.20three.com/wp-content/uploads/2010/01/talk.jpg" alt="" width="500" height="375" /></a></p>
<p>Details about were and when my talk is happening can be found <a href="http://flashbrighton.org/?p=433" target="_blank">here.</a></p>
<p><a href="http://flashbrighton.org/?page_id=84" target="_blank">Find out about Flash Brighton here</a></p>
<p><em>op</em></p>


<p>Related posts:<ol><li><a href='http://www.20three.com/2010/01/photographers-stamp/' rel='bookmark' title='Permanent Link: Photographer&#8217;s stamp'>Photographer&#8217;s stamp</a></li>
<li><a href='http://www.20three.com/2009/03/jost-hochuli-detail-in-typography/' rel='bookmark' title='Permanent Link: Jost Hochuli: Detail in Typography'>Jost Hochuli: Detail in Typography</a></li>
<li><a href='http://www.20three.com/2009/06/degree-show-university-of-brighton/' rel='bookmark' title='Permanent Link: Degree Show: University of Brighton'>Degree Show: University of Brighton</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.20three.com/2010/01/flashbrighton-lecture-typography-and-the-modern/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photographer&#8217;s stamp</title>
		<link>http://www.20three.com/2010/01/photographers-stamp/</link>
		<comments>http://www.20three.com/2010/01/photographers-stamp/#comments</comments>
		<pubDate>Wed, 13 Jan 2010 11:08:17 +0000</pubDate>
		<dc:creator>Owen</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Brighton]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Photography]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[op]]></category>
		<category><![CDATA[Carte De Visit]]></category>
		<category><![CDATA[modernism]]></category>
		<category><![CDATA[photographer]]></category>
		<category><![CDATA[stamp]]></category>

		<guid isPermaLink="false">http://www.20three.com/?p=534</guid>
		<description><![CDATA[Just before Christmas I designed a graphic for photographer Nhung Dang. She had a clear idea what she wanted, a homage to the Carte De Visit, popular in the 1800&#8217;s. In particular Nhung wanted me to produce a graphic that mimicked the photographers stamp usually placed on the back of the Carte De Visit. These [...]


Related posts:<ol><li><a href='http://www.20three.com/2009/03/photographer-nhung-dang/' rel='bookmark' title='Permanent Link: Photographer: Nhung Dang'>Photographer: Nhung Dang</a></li>
<li><a href='http://www.20three.com/2009/08/typographic-brighton/' rel='bookmark' title='Permanent Link: Typographic Brighton'>Typographic Brighton</a></li>
<li><a href='http://www.20three.com/2009/07/fish-chip-shop-menu/' rel='bookmark' title='Permanent Link: Fish &amp; Chip shop menu'>Fish &amp; Chip shop menu</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Just before Christmas I designed a graphic for photographer <a href="http://www.20three.com/2009/03/photographer-nhung-dang/" target="_blank">Nhung Dang</a>. She had a clear idea what she wanted, a homage to the <a href="http://en.wikipedia.org/wiki/Carte_de_visite" target="_blank">Carte De Visit</a>, popular in the 1800&#8217;s. In particular Nhung wanted me to produce a graphic that mimicked the photographers stamp usually placed on the back of the Carte De Visit. These stamps are a wonderful example of typographic execution in the decades before Modernism finally took hold of popular culture and revolutionized typographic design.</p>
<p>Here is the graphic I produced:</p>
<p style="text-align: center"><img class="size-full wp-image-543 aligncenter" src="http://www.20three.com/wp-content/uploads/2010/01/nhung_logo1.gif" alt="Design for Nhung Dang" width="423" height="364" /></p>
<p>Here are some of the original designs I <span style="text-decoration: line-through">ripped off</span> used as reference.</p>
<p style="text-align: center"><img class="size-full wp-image-537 aligncenter" src="http://www.20three.com/wp-content/uploads/2010/01/01.gif" alt="Photographers details from the 1800's" width="415" height="326" /></p>
<p style="text-align: center"><img class="size-full wp-image-538 aligncenter" src="http://www.20three.com/wp-content/uploads/2010/01/02.gif" alt="Photographers details from the 1800's" width="415" height="326" /></p>
<p style="text-align: center"><img class="size-full wp-image-539 aligncenter" src="http://www.20three.com/wp-content/uploads/2010/01/03.gif" alt="Photographers details from the 1800's" width="415" height="326" /></p>
<p><em>op</em></p>


<p>Related posts:<ol><li><a href='http://www.20three.com/2009/03/photographer-nhung-dang/' rel='bookmark' title='Permanent Link: Photographer: Nhung Dang'>Photographer: Nhung Dang</a></li>
<li><a href='http://www.20three.com/2009/08/typographic-brighton/' rel='bookmark' title='Permanent Link: Typographic Brighton'>Typographic Brighton</a></li>
<li><a href='http://www.20three.com/2009/07/fish-chip-shop-menu/' rel='bookmark' title='Permanent Link: Fish &amp; Chip shop menu'>Fish &amp; Chip shop menu</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.20three.com/2010/01/photographers-stamp/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Typographic Brighton</title>
		<link>http://www.20three.com/2009/08/typographic-brighton/</link>
		<comments>http://www.20three.com/2009/08/typographic-brighton/#comments</comments>
		<pubDate>Fri, 14 Aug 2009 09:39:21 +0000</pubDate>
		<dc:creator>Owen</dc:creator>
				<category><![CDATA[Brighton]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Photography]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[op]]></category>
		<category><![CDATA["google maps"]]></category>
		<category><![CDATA[geotagging]]></category>
		<category><![CDATA[map]]></category>
		<category><![CDATA[numerals]]></category>
		<category><![CDATA[type]]></category>

		<guid isPermaLink="false">http://www.20three.com/?p=387</guid>
		<description><![CDATA[I often take pictures of interesting type, signage &#38; numerals. As most other designers I know, I have an unhealthy obsession with all things typographical. I started saving my images of type on flickr so they could be used as a public resource but wanted do do something more interesting with them. While playing around [...]


Related posts:<ol><li><a href='http://www.20three.com/2009/06/degree-show-university-of-brighton/' rel='bookmark' title='Permanent Link: Degree Show: University of Brighton'>Degree Show: University of Brighton</a></li>
<li><a href='http://www.20three.com/2009/03/jost-hochuli-detail-in-typography/' rel='bookmark' title='Permanent Link: Jost Hochuli: Detail in Typography'>Jost Hochuli: Detail in Typography</a></li>
<li><a href='http://www.20three.com/2009/07/fish-chip-shop-menu/' rel='bookmark' title='Permanent Link: Fish &amp; Chip shop menu'>Fish &amp; Chip shop menu</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>I often take pictures of interesting type, signage &amp; numerals. As most other designers I know, I have an unhealthy obsession with all things typographical. I started saving my images of type on <a href="http://www.flickr.com/photos/owen23/sets/72157603725583038/" target="_blank">flickr</a> so they could be used as a public resource but wanted do do something more interesting with them. While playing around with google maps I thought creating a google map with my images of Brighton type would be an interesting proposition. Although there is no real use to my typographical map &#8211; I doubt anyone would really need to know the exact location of were I took a particular image &#8211; the typographical map does do one important job &#8211; it illustrates the varied and vast use of type that exists in our urban spaces.</p>
<div id="attachment_404" class="wp-caption aligncenter" style="width: 510px"><a href="http://www.flickr.com/photos/owen23/3216507310/in/set-72157603725583038/"><img class="size-full wp-image-404 " src="http://www.20three.com/wp-content/uploads/2009/08/3216507310_33496a53b5.jpg" alt="3216507310_33496a53b5" width="500" height="321" /></a><p class="wp-caption-text">Logo on disused petrol pump, Seven Dials. Brighton.</p></div>
<p style="text-align: center">
<p>If any Brighton residents want to provide images or suggest type &amp; numerals I should document please get in touch: owen [ at ] hermetech.net</p>
<p>View <a href="http://maps.google.co.uk/maps/ms?hl=en&amp;ie=UTF8&amp;msa=0&amp;msid=107336426650169601023.00045b94e8aefe7b49784&amp;ll=50.827576,-0.139046&amp;spn=0.002372,0.00456&amp;z=17&amp;source=embed">Typographic Brighton here</a></p>
<p><em>op</em></p>


<p>Related posts:<ol><li><a href='http://www.20three.com/2009/06/degree-show-university-of-brighton/' rel='bookmark' title='Permanent Link: Degree Show: University of Brighton'>Degree Show: University of Brighton</a></li>
<li><a href='http://www.20three.com/2009/03/jost-hochuli-detail-in-typography/' rel='bookmark' title='Permanent Link: Jost Hochuli: Detail in Typography'>Jost Hochuli: Detail in Typography</a></li>
<li><a href='http://www.20three.com/2009/07/fish-chip-shop-menu/' rel='bookmark' title='Permanent Link: Fish &amp; Chip shop menu'>Fish &amp; Chip shop menu</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.20three.com/2009/08/typographic-brighton/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Fish &amp; Chip shop menu</title>
		<link>http://www.20three.com/2009/07/fish-chip-shop-menu/</link>
		<comments>http://www.20three.com/2009/07/fish-chip-shop-menu/#comments</comments>
		<pubDate>Thu, 30 Jul 2009 13:39:08 +0000</pubDate>
		<dc:creator>Owen</dc:creator>
				<category><![CDATA[Brighton]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[op]]></category>
		<category><![CDATA[fish & chips]]></category>
		<category><![CDATA[menu]]></category>

		<guid isPermaLink="false">http://www.20three.com/?p=340</guid>
		<description><![CDATA[Well. I just have to share these. I used to visit this Fish &#38; Chip Shop close to Brighton train station quite often, I can&#8217;t say the fish &#38; chips were amazing but they did the job. What is far more interesting is the proprietors insistence in making all his own menus &#38; signs.  He [...]


No related posts.]]></description>
			<content:encoded><![CDATA[<p>Well. I just have to share these. I used to visit this Fish &amp; Chip Shop close to Brighton train station quite often, I can&#8217;t say the fish &amp; chips were amazing but they did the job. What is far more interesting is the proprietors insistence in making all his own menus &amp; signs.  He has the no -smoking sign down to an art, there being several hand drawn versions dotted round his chip shop, but it is his menus that make me smile the most, especially the photos of lonely pots of mushy peas pinned to the sides of his menu board.</p>
<p>Please excuse the quality of image, these were taken with a 3G iphone whose camera is a bit weak.</p>
<p><img class="aligncenter size-full wp-image-342" src="http://www.20three.com/wp-content/uploads/2009/07/chipshop01.jpg" alt="chipshop01" width="500" height="588" /></p>
<p><img class="aligncenter size-full wp-image-343" src="http://www.20three.com/wp-content/uploads/2009/07/chipshop02.jpg" alt="chipshop02" width="500" height="667" /></p>
<p><em>op</em></p>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://www.20three.com/2009/07/fish-chip-shop-menu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Jost Hochuli: Detail in Typography</title>
		<link>http://www.20three.com/2009/03/jost-hochuli-detail-in-typography/</link>
		<comments>http://www.20three.com/2009/03/jost-hochuli-detail-in-typography/#comments</comments>
		<pubDate>Sat, 07 Mar 2009 18:02:21 +0000</pubDate>
		<dc:creator>Owen</dc:creator>
				<category><![CDATA[Books]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Reviews]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[op]]></category>
		<category><![CDATA[review]]></category>
		<category><![CDATA[type]]></category>

		<guid isPermaLink="false">http://www.20three.com/?p=68</guid>
		<description><![CDATA[Or, to give it it&#8217;s full title: Detail In Typography, Letters, Letter spacing, words, word spacing, lines, line spacing, columns. (Amazon UK)




Detail in Typography&#8230; is one of the more recent publications by Hyphen Press, the imprint set up by Robin Kinross; typographer, author &#38; critic. Published for the first time in English last year (2008), Detail [...]


No related posts.]]></description>
			<content:encoded><![CDATA[<p style="margin-bottom: 0in">Or, to give it it&#8217;s full title:<em> Detail In Typography, Letters, Letter spacing, words, word spacing, lines, line spacing, columns. </em><a href="http://www.amazon.co.uk/Detail-Typography-Jost-Hochuli/dp/0907259340/ref=sr_1_1?ie=UTF8&amp;s=books&amp;qid=1236448346&amp;sr=8-1" target="_blank">(Amazon UK)</a><em><br />
</em></p>
<p style="margin-bottom: 0in"><em><br />
</em></p>
<p><img class="aligncenter size-full wp-image-69" src="http://www.20three.com/wp-content/uploads/2009/03/detail.jpg" alt="detail" width="520" height="300" /></p>
<p style="margin-bottom: 0in"><em>Detail in Typography</em>&#8230; is one of the more recent publications by <span class="misspell"><a href="http://www.hyphenpress.co.uk/" target="_blank">Hyphen</a></span><a href="http://www.hyphenpress.co.uk/" target="_blank"> Press</a>, the imprint set up by Robin Kinross; typographer, author &amp; critic. Published for the first time in English last year (2008), <em>Detail in Typography&#8230;</em> was first published in <del datetime="2009-04-24T09:14:34+00:00">Germany</del> Switzerland in 2005 and it&#8217;s translation to English has given this slim book a much deserved wider audience.</p>
<p style="margin-bottom: 0in"><em>Detail in Typography</em>&#8230; is not just a guide to making clear   &amp; legible text. Hochuli also discusses what makes an aesthetically pleasing layout, and why layouts can still appear dull even after all the &#8216;rules&#8217; have been strictly adhered to.</p>
<p style="margin-bottom: 0in">Covering all the elements which make up a column of   text the book is split into the following chapters: The reading  process,  The letter, The word, The line, Line spacing &amp; the column  and The  qualities of type. This segregation gives <em>Detail in Typography</em>&#8230; a clear and defined structure, reflecting the principles of the subject matter perfectly. Jost Hochuli also stresses that <em>Detail in Typography</em>&#8230; should not be regarded as infallible. Hochuli counts on &#8220;intelligent designers finding appropriate solutions&#8221;.</p>
<p style="margin-bottom: 0in">In the words of the author in his introduction:</p>
<blockquote>
<p style="margin-bottom: 0in">&#8220;While macrotypography -  the typographic layout &#8211; is concerned with the format of the printed matter, with the size and position of the columns of type and illustrations, with the organization of the hierarchy of headings, subheadings and captions, detail typography is concerned with the individual components &#8211; letters, letterspacing, words, wordspacing, lines and linespacing, columns of text. These are the components that graphic or typographic designers like to neglect, as they fall outside the area that is normally regarded as &#8216;creative&#8217;&#8230;</p>
<p style="margin-bottom: 0in">&#8230;There are many matters of detail typography which one can, in good conscience, resolve differently. The author would certainly not want this book to be regarded as an infallible catechism: rather, he counts on intelligent designers, who, in the spirit of this book, finds appropriate solutions to the problems that arise in a given context, even though not all potential problems are dealt with in this text&#8221;</p>
</blockquote>
<p style="margin-bottom: 0in">Typography is happily no longer an esoteric art to  the average designer and over the last few years there have been a  plethora of typography books arriving on the market as the art of  typography becomes increasingly accessible: we all now have the possibility of access to thousands of fonts, the expensive cumbersome metal  type having made its way onto the desktop  computer. With typography being such a huge  subject Hochuli&#8217;s classification and definition of &#8216;micro typography&#8217; (a  term Hochuli first coined in 1987) makes <em>Detail in Typography&#8230;</em> another welcome addition to the range of useful and informative books on the subject of type.</p>
<p style="margin-bottom: 0in">For the established designer <em>Detail in Typography</em>&#8230; is a great refresher, a reminder of how concise composition can reside in the detail. For<span lang="EN-US"> the student or the designer just starting out and wanting reference for typography I would say </span><em>Detail in Typography</em>&#8230;<span lang="EN-US"> </span><span lang="EN-US">is essential &#8211; understand and appreciate &#8216;micro typography&#8217; and students of design will have a solid foundation for dealing with all things type and type related.</span></p>
<p><!--StartFragment--></p>
<p style="margin-bottom: 0in">As with all Hyphen books <em>Detail in Typography</em>&#8230; is beautifully designed. The red and black colour scheme is striking and effective, the inside covers of solid red a nice touch. Hochuli always backs up his observations and comments with detailed illustrations and examples. Not only a useful text on type, a beautiful book too.</p>
<p style="margin-bottom: 0in"><em><br />
</em></p>
<p><img class="aligncenter size-full wp-image-75" src="http://www.20three.com/wp-content/uploads/2009/03/detail2.jpg" alt="detail2" width="520" height="400" /></p>
<p style="margin-bottom: 0in">For anyone interested in further reading on typography I would recommend the following two books:</p>
<p style="margin-bottom: 0in"><em> </em>For a contextual look at the history of type I would recommend <a href="http://www.hyphenpress.co.uk/books/978-0-907259-18-3" target="_blank">Modern Typography: an essay in critical history</a> by Robin Kinross. Although currently out of print a re-print is expected soon<span class="misspell"> </span>. From the books back cover, a quote from Matthew Carter, Eye magazine;</p>
<blockquote>
<p style="margin-bottom: 0in">&#8220;As a brief history of typography it is difficult to think how it could be better.&#8221;</p>
</blockquote>
<p style="margin-bottom: 0in">I could not put it any better myself. The cover has also got an <span class="misspell">uncoated</span> finish in bright yellow, although impractical and soon was covered by my newsprint fingerprints, looks amazing.</p>
<p style="margin-bottom: 0in"><em> </em>Before this post becomes a Hyphen press love-in I would also recommend <em><a href="http://www.amazon.co.uk/Elements-Typographic-Style-Robert-Bringhurst/dp/0881792063/ref=sr_1_1?ie=UTF8&amp;s=books&amp;qid=1236448461&amp;sr=1-1" target="_blank">The Elements of Typographic Style</a></em> by Richard <span class="misspell">Bringhurst</span> for a wider look on the practical application of type. Often quoted as the &#8216;bible of typography&#8217;. But not by me.</p>
<p style="margin-bottom: 0in">
<p><em>op</em></p>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://www.20three.com/2009/03/jost-hochuli-detail-in-typography/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
