<?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/category/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>Wordagon: A Kerb iphone app</title>
		<link>http://www.20three.com/2010/03/wordagon-a-kerb-iphone-app/</link>
		<comments>http://www.20three.com/2010/03/wordagon-a-kerb-iphone-app/#comments</comments>
		<pubDate>Fri, 05 Mar 2010 17:01:51 +0000</pubDate>
		<dc:creator>Owen</dc:creator>
				<category><![CDATA[Brighton]]></category>
		<category><![CDATA[Computing]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[op]]></category>
		<category><![CDATA[app]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[application]]></category>
		<category><![CDATA[blue]]></category>
		<category><![CDATA[casual gaming]]></category>
		<category><![CDATA[game]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[itouch]]></category>
		<category><![CDATA[kerb]]></category>
		<category><![CDATA[puzzle]]></category>
		<category><![CDATA[word]]></category>
		<category><![CDATA[words]]></category>

		<guid isPermaLink="false">http://www.20three.com/?p=633</guid>
		<description><![CDATA[I have not posted work from the agency I work for before on this blog, (Kerb &#8211; website due for a face-lift soon) but thought I would make an exception in the case of our iphone game Wordagon, mainly because it is a project we produced internally &#8211; it is not attached to a client, [...]


No related posts.]]></description>
			<content:encoded><![CDATA[<p>I have not posted work from the agency I work for before on this blog, (<a href="http://kerb.co.uk" target="_blank">Kerb</a> &#8211; website due for a face-lift soon) but thought I would make an exception in the case of our iphone game Wordagon, mainly because it is a project we produced internally &#8211; it is not attached to a client, therefore not trying to &#8216;<a href="http://img.dailymail.co.uk/i/pix/2007/08_02/ReidAsFrank_468x663.jpg" target="_blank">sell</a>&#8216; anything &#8211; and it&#8217;s free.</p>
<p><a href="http://www.20three.com/wp-content/uploads/2010/03/wordagon_011.jpg"><img class="aligncenter size-full wp-image-655" src="http://www.20three.com/wp-content/uploads/2010/03/wordagon_011.jpg" alt="" width="179" height="186" /></a></p>
<p>The design was produced by Kerb designer <a href="http://youmayalsolike.co.uk" target="_blank">Will Weaver</a> and the game concept came out of the head of Kerb strategist <a href="http://hodler.com/" target="_blank">Carl Hodler.</a> There are still a few tweaks to be made: some re-working of some of the interface elements, extra work laying out the instructions (and re-writing them too) and a little bit of colour correction. We are also going to implement a global high score table with the next Wordagon release &#8211; and we will possibly then start to charge for the app.</p>
<p>With absolutely no promotion apart from Kerb employees spreading the word, Wordagon has managed over 900 downloads with a user rating of 4+ (as of Febuary 2010).</p>
<p>Some screenshots:</p>
<p><a href="http://www.20three.com/wp-content/uploads/2010/03/word01.png"><img class="aligncenter size-full wp-image-671" src="http://www.20three.com/wp-content/uploads/2010/03/word01.png" alt="" width="320" height="480" /></a></p>
<p><a href="http://www.20three.com/wp-content/uploads/2010/03/word01.png"></a><a href="http://www.20three.com/wp-content/uploads/2010/03/word02.png"><img class="aligncenter size-full wp-image-672" src="http://www.20three.com/wp-content/uploads/2010/03/word02.png" alt="" width="320" height="480" /></a></p>
<p><a href="http://www.20three.com/wp-content/uploads/2010/03/word03.png"><img class="aligncenter size-full wp-image-673" src="http://www.20three.com/wp-content/uploads/2010/03/word03.png" alt="" width="320" height="480" /></a></p>
<p><strong>From the itunes store description: </strong>(please excuse the excessive use of exclamation marks!)<strong><br />
</strong></p>
<p>Wordagon is a game of high pressure and mental agility. Battle against time and space&#8230; and by space, we mean words!</p>
<p>With each letter tile having a value, the bigger the word, the more points you score! The longer it takes it to find a word and submit it, the closer you get to falling foul of the onslaught of new letters taking their place.</p>
<p>Before you get trapped beneath an alphabet avalanche, you need to find words and remove them, but as you progress through the levels, the words you must come up with keep getting longer!</p>
<ul>
<li>Key features:</li>
<li>Bonus tiles for letters</li>
<li>Bonus tiles for words</li>
<li>5 levels of difficulty</li>
<li>Highscore table to allow you to challenge yourself or your friends</li>
</ul>
<p>Get it for free from the itunes store <a href="http://itunes.apple.com/gb/artist/kerb/id341754954" target="_blank">here</a></p>
<p><em>op</em></p>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://www.20three.com/2010/03/wordagon-a-kerb-iphone-app/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<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>To Be Adored &#8211; fashion collection by Binbin McNiven</title>
		<link>http://www.20three.com/2009/12/to-be-adored-fashion-collection-by-binbin-mcniven/</link>
		<comments>http://www.20three.com/2009/12/to-be-adored-fashion-collection-by-binbin-mcniven/#comments</comments>
		<pubDate>Wed, 23 Dec 2009 14:51:00 +0000</pubDate>
		<dc:creator>Owen</dc:creator>
				<category><![CDATA[Brighton]]></category>
		<category><![CDATA[Photography]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[op]]></category>
		<category><![CDATA[apparel]]></category>
		<category><![CDATA[binbin]]></category>
		<category><![CDATA[fashion]]></category>
		<category><![CDATA[tba]]></category>
		<category><![CDATA[to be adored]]></category>

		<guid isPermaLink="false">http://www.20three.com/?p=471</guid>
		<description><![CDATA[I recently helped out with designing a logotype for tba or To Be Adored. tba is the collection of Binbin McNiven, graduate of Brighton university and ex assistant to Alexander McQueen. I supplied a few alternatives and the chosen logotype used Carousel which middle class types can recognise as the face used for the Observer [...]


Related posts:<ol><li><a href='http://www.20three.com/2009/12/holga-experiments/' rel='bookmark' title='Permanent Link: Holga Experiments'>Holga Experiments</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>
<li><a href='http://www.20three.com/2009/08/typographic-brighton/' rel='bookmark' title='Permanent Link: Typographic Brighton'>Typographic Brighton</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>I recently helped out with designing a logotype for <strong>tba</strong> or To Be Adored. <strong>tba</strong> is the collection of Binbin McNiven, graduate of Brighton university and ex assistant to Alexander McQueen. I supplied a few alternatives and the chosen logotype used <a href="http://www.linotype.com/88772/carousel-family.html#" target="_blank">Carousel</a> which middle class types can recognise as the face used for the Observer Magazine&#8217;s titles and headings. Carousel also has amazing numerals which I have used on another project that I am sure will appear on this site soon.</p>
<p><img class="aligncenter size-full wp-image-520" src="http://www.20three.com/wp-content/uploads/2009/12/tba_logo.jpg" alt="tba_logo" width="500" height="251" /></p>
<p>I really like Binbin&#8217;s collection &#8211; the sixties shapes &amp; silhouettes are beautiful and her colour choices are right up my street, navy blues and lots of warm autumnal colours &#8211; mustard yellow makes an appearance, and I love a bit of mustard yellow.</p>
<p>Here are a couple of lifestyle shots from tba&#8217;s spring/summer collection, shot at Brighton&#8217;s hotel <a href="http://www.hotelpelirocco.co.uk" target="_blank">Pelirocco</a>. Check out the links below for more info on the new <strong>tba </strong>collection.</p>
<div id="attachment_521" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-521" src="http://www.20three.com/wp-content/uploads/2009/12/tba01.jpg" alt="tba01" width="500" height="710" /><p class="wp-caption-text">tba</p></div>
<div id="attachment_523" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-523" src="http://www.20three.com/wp-content/uploads/2009/12/tba03.jpg" alt="tba03" width="500" height="710" /><p class="wp-caption-text">tba</p></div>
<p style="text-align: center">
<div id="attachment_522" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-522" src="http://www.20three.com/wp-content/uploads/2009/12/tba02.jpg" alt="tba" width="500" height="710" /><p class="wp-caption-text">tba</p></div>
<div id="attachment_524" class="wp-caption aligncenter" style="width: 510px"><img class="size-full wp-image-524" src="http://www.20three.com/wp-content/uploads/2009/12/tba04.jpg" alt="tba" width="500" height="710" /><p class="wp-caption-text">tba</p></div>
<p><a href="http://www.ilovetba.co.uk/" target="_blank">http://www.ilovetba.co.uk/</a></p>
<p>Also stocked at <a href="http://www.urbanoutfitters.co.uk/Boutique-Brands/tba/icat/tba&amp;bklist=icat,5,shop,christmas,christmasbrands,tba?cm_mmc=Google-_-Autumn09-_-null-_-null&amp;gclid=CJvsrL-Ax54CFU0B4wodq2vcqw" target="_blank">Urban Outfitters</a></p>
<p><em>op</em></p>


<p>Related posts:<ol><li><a href='http://www.20three.com/2009/12/holga-experiments/' rel='bookmark' title='Permanent Link: Holga Experiments'>Holga Experiments</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>
<li><a href='http://www.20three.com/2009/08/typographic-brighton/' rel='bookmark' title='Permanent Link: Typographic Brighton'>Typographic Brighton</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.20three.com/2009/12/to-be-adored-fashion-collection-by-binbin-mcniven/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Blast Theory &#8211; Ulrike and Eamon Compliant</title>
		<link>http://www.20three.com/2009/12/blast-theory-ulrike-and-eamon-compliant/</link>
		<comments>http://www.20three.com/2009/12/blast-theory-ulrike-and-eamon-compliant/#comments</comments>
		<pubDate>Wed, 09 Dec 2009 20:45:57 +0000</pubDate>
		<dc:creator>Owen</dc:creator>
				<category><![CDATA[Art]]></category>
		<category><![CDATA[Books]]></category>
		<category><![CDATA[Brighton]]></category>
		<category><![CDATA[Events]]></category>
		<category><![CDATA[Reviews]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[op]]></category>
		<category><![CDATA[blast theory]]></category>
		<category><![CDATA[exhibition]]></category>
		<category><![CDATA[interactive]]></category>
		<category><![CDATA[performance]]></category>

		<guid isPermaLink="false">http://www.20three.com/?p=434</guid>
		<description><![CDATA[Blast Theory&#8217;s work is interesting stuff &#8211; I especially relate to the level of immersive interaction and the integration of technology. I came across Blast Theory as my good friend Dan is their administrator, and I participated in the piece Day Of The Figurines when it came to Brighton.
From the Blast Theory website:
Blast Theory is [...]


Related posts:<ol><li><a href='http://www.20three.com/2009/05/the-glenkiln-sculptures/' rel='bookmark' title='Permanent Link: The Glenkiln Sculptures'>The Glenkiln Sculptures</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.blasttheory.co.uk" target="_blank">Blast Theory&#8217;s</a> work is interesting stuff &#8211; I especially relate to the level of immersive interaction and the integration of technology. I came across Blast Theory as my good friend Dan is their administrator, and I participated in the piece <a href="http://www.blasttheory.co.uk/bt/work_day_of_figurines.html" target="_blank">Day Of The Figurines</a> when it came to Brighton.</p>
<p>From the Blast Theory website:</p>
<blockquote><p>Blast Theory is renowned internationally as one of the most adventurous artists&#8217; groups using interactive media, creating groundbreaking new forms of performance and interactive art that mixes audiences across the internet, live performance and digital broadcasting.</p></blockquote>
<p>Anyhow, I was invited along to the &#8216;premier&#8217; of the documentation of their latest work <a href="http://www.blasttheory.co.uk/bt/work_ulrikeandeamoncompliant.html" target="_blank">Ulrike and Eamon Compliant</a> at Blast Theory&#8217;s quite swanky studios just outside Brighton. Having not experienced Ulrike and Eamon Compliant firsthand I can&#8217;t comment on it, but the short film and supporting book documenting the work was enough to make me want to experience it for myself. The wine was nice too.</p>
<p>The book is beautifully designed by John Hunter, simple two column grid with a <a href="http://en.wikipedia.org/wiki/International_Typographic_Style" target="_blank">swiss flavour</a>. I particularly like the cover, no messing about:</p>
<div id="attachment_491" class="wp-caption aligncenter" style="width: 360px"><img class="size-full wp-image-491" src="http://www.20three.com/wp-content/uploads/2009/12/blast01.jpg" alt="Blast Theory" width="350" height="500" /><p class="wp-caption-text">Blast Theory</p></div>
<p>To read all about Ulrike and Eamon Compliant go <a href="http://www.blasttheory.co.uk/bt/work_ulrikeandeamoncompliant.html" target="_blank">here</a>:</p>
<p>The DVD and book I am told should be on sale from the <a href="http://www.blasttheory.co.uk" target="_blank">blast theory website</a> soon &#8211; also check their website for information on upcoming projects.</p>
<p><em>op</em></p>


<p>Related posts:<ol><li><a href='http://www.20three.com/2009/05/the-glenkiln-sculptures/' rel='bookmark' title='Permanent Link: The Glenkiln Sculptures'>The Glenkiln Sculptures</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.20three.com/2009/12/blast-theory-ulrike-and-eamon-compliant/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>Degree Show: University of Brighton</title>
		<link>http://www.20three.com/2009/06/degree-show-university-of-brighton/</link>
		<comments>http://www.20three.com/2009/06/degree-show-university-of-brighton/#comments</comments>
		<pubDate>Wed, 10 Jun 2009 14:47:15 +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[Photography]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[op]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[illustration]]></category>
		<category><![CDATA[show]]></category>
		<category><![CDATA[student]]></category>

		<guid isPermaLink="false">http://www.20three.com/?p=329</guid>
		<description><![CDATA[BA(Hons) Graphic Design &#38; BA(Hons) Illustration: University of Brighton.
Well, I am a little late posting this, last chance to see it is the 11th June. The standard of work is pleasingly high and I expect the degree show website will be live for a little longer.  Good luck to the graduates.
Here are a couple of [...]


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>
</ol>]]></description>
			<content:encoded><![CDATA[<p>BA(Hons) Graphic Design &amp; BA(Hons) Illustration: University of Brighton.</p>
<p>Well, I am a little late posting this, last chance to see it is the 11th June. The standard of work is pleasingly high and I expect the <a href="http://www.gdi09.co.uk" target="_blank">degree show website</a> will be live for a little longer.  Good luck to the graduates.</p>
<p>Here are a couple of images that I thought were particularly interesting.</p>
<div id="attachment_333" class="wp-caption aligncenter" style="width: 820px"><img class="size-full wp-image-333" src="http://www.20three.com/wp-content/uploads/2009/06/christophersmith01.jpg" alt="Chris Smith: BA(Hons) Illustration" width="810" height="1210" /><p class="wp-caption-text">Chris Smith: BA(Hons) Illustration</p></div>
<div id="attachment_332" class="wp-caption aligncenter" style="width: 820px"><img class="size-full wp-image-332" src="http://www.20three.com/wp-content/uploads/2009/06/sallytroughton_2.jpg" alt="Saly Troughton: BA(Hons) Graphic Design" width="810" height="584" /><p class="wp-caption-text">Saly Troughton: BA(Hons) Graphic Design</p></div>
<div id="attachment_331" class="wp-caption aligncenter" style="width: 820px"><img class="size-full wp-image-331" src="http://www.20three.com/wp-content/uploads/2009/06/4-wood.jpg" alt="Joe Wood: BA(Hons) Illustration" width="810" height="986" /><p class="wp-caption-text">Joe Wood: BA(Hons) Illustration</p></div>
<div id="attachment_330" class="wp-caption aligncenter" style="width: 820px"><img class="size-full wp-image-330" src="http://www.20three.com/wp-content/uploads/2009/06/elisabeth3.jpg" alt="Lizzie Wylson: BA(Hons) Graphic Design" width="810" height="882" /><p class="wp-caption-text">Lizzie Wylson: BA(Hons) Graphic Design</p></div>
<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>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.20three.com/2009/06/degree-show-university-of-brighton/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The transformer: principles of making Isotype charts by Marie Neurath and Robin Kinross</title>
		<link>http://www.20three.com/2009/05/the-transformer-principles-of-making-isotype-charts-by-marie-neurath-and-robin-kinross/</link>
		<comments>http://www.20three.com/2009/05/the-transformer-principles-of-making-isotype-charts-by-marie-neurath-and-robin-kinross/#comments</comments>
		<pubDate>Thu, 28 May 2009 09:13:55 +0000</pubDate>
		<dc:creator>Owen</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Reviews]]></category>
		<category><![CDATA[Typography]]></category>
		<category><![CDATA[op]]></category>
		<category><![CDATA[information graphics]]></category>
		<category><![CDATA[isotype]]></category>
		<category><![CDATA[otto neurath]]></category>
		<category><![CDATA[visualisation]]></category>

		<guid isPermaLink="false">http://www.20three.com/?p=247</guid>
		<description><![CDATA[The transformer: principles of making Isotype charts by Marie Neurath and Robin Kinross

Transforming (Tranformator) &#8211; &#8220;The process of analysing, selecting, ordering, and then making visual some information, data, ideas, implications&#8230;&#8221;
I have been waiting for the publication of The transformer... for a while now. I first became aware of the Isotype (System Of TYpographic Picture Education) [...]


No related posts.]]></description>
			<content:encoded><![CDATA[<p><em>The transformer: principles of making Isotype charts by Marie Neurath and Robin Kinross</em></p>
<p><img class="aligncenter size-full wp-image-243" src="http://www.20three.com/wp-content/uploads/2009/05/gmdh02_50002.jpg" alt="gmdh02_50002" width="589" height="390" /></p>
<p>Transforming (Tranformator) &#8211; &#8220;The process of analysing, selecting, ordering, and then making visual some information, data, ideas, implications&#8230;&#8221;</p>
<p>I have been waiting for the publication of <em>The transformer..</em>. for a while now. I first became aware of the Isotype (System Of TYpographic Picture Education) work of <a href="http://en.wikipedia.org/wiki/Otto_Neurath" target="_blank">Otto Neurath</a> while working on data visualisation as the Head of Design at <a href="http://lateral.net" target="_blank">Lateral</a>. At first I was excited about the visual style &#8211; I seemed to have come across the root style of information graphics. I soon realised that Isotype was far more than &#8217;style&#8217; &#8211; it was and is a fundamental tool in presenting data with maximum efficiency &#8211; a method of visualisation that communicates multiple relationships and connections.</p>
<p>Isotype attempts to present as much information as possible in the most effective and simple way. The viewer should be able to &#8216;read&#8217; Isotype charts in several ways and this is what makes Isotype so successful. Otto Neurath&#8217;s way of using repeated symbols donating a unit, rather than scaling symbols to donate magnitude is what sets his work apart, and what made his work the beginnings of graphic communication based on a solid, well thought out and logical system.</p>
<p><img class="aligncenter size-full wp-image-244" src="http://www.20three.com/wp-content/uploads/2009/05/gmdh02_50007.jpg" alt="gmdh02_50007" width="589" height="390" /></p>
<p><img class="aligncenter size-full wp-image-245" src="http://www.20three.com/wp-content/uploads/2009/05/gmdh02_50004.jpg" alt="gmdh02_50004" width="589" height="390" /></p>
<p><em>The transformer&#8217;s</em> first half, and the main core of the book, is an essay written by Marie Neurath in the last year before her death in 1986. Marie Neurath was the &#8216;Principle Isotype Transformer&#8217; of the Isotype institution and her essay gives an insightful first hand account of the development of Isotype and the working methods used by the Isotype institution, and how she carried on the work of Isotype after the death of Otto in 1945. The essay was intended as the start of a &#8216;Primer&#8217; on Isotype that was never published, but it is credit to Robin Kinross that this essay and this book now exist.</p>
<p>The other sections of the book include an attempt to place Isotype within a greater context of graphic communication, and draws parallels with other practitioners of data visualisation &#8211; Harry Beck&#8217;s influential London Underground diagram gets a worthy mention, as does that champion of standardisation and modernist typographer, <a href="http://en.wikipedia.org/wiki/Jan_Tschichold" target="_blank">Jan Tschichold</a>.</p>
<p>Like the other Hyphen books in the series <em>The transformer&#8230;</em> is a beautifully designed and put together book, with many colour illustrations, many of which I would have liked to have seen reproduced at a much larger scale. While reading Marie Neurath&#8217;s essay I had wished I had more information into her non professional life &#8211; Otto and Marie obviously had obstacles to manoeuvre, the war enforcing at least one move upon them as they fled the Nazis. The obituary reproduced at the end of the book made up for any lack of  insight into the personality of Marie Neurath.</p>
<p><img class="aligncenter size-full wp-image-242" src="http://www.20three.com/wp-content/uploads/2009/05/gmdh02_50001.jpg" alt="gmdh02_50001" width="259" height="390" /></p>
<p>I would have also liked to have had a little more information about Gerd Arntz, a collaborator of the Isotype institution, member of the progressive artists group’ (Gruppe progressiver Künstler Köln), socially inspired and politically committed artist and activist. In <em>The transformer..</em>. he gets a credit for introducing die cut to the working process of the Isotype institution, and is mentioned as a key collaborator. You can read more about Gerd Arntz and view the extensive gallery of his Isotype symbols here &#8211; <a href="http://www.gerdarntz.org/home" target="_blank">http://www.gerdarntz.org/home</a>.</p>
<p>Please also note the very considered use of the typeface Futura on the illustrations above.</p>
<p>*the images used in this post were the results of a google search, and not all of them appear in <em>The transformer</em>.</p>
<p>** This review also appears on the blog <a href="http://www.designersreviewofbooks.com/" target="_blank">http://www.designersreviewofbooks.com/</a></p>
<p>Buy The transformer&#8230; <a href="http://www.hyphenpress.co.uk/books/978-0-907259-40-4" target="_blank">here</a></p>
<p><em>op</em></p>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://www.20three.com/2009/05/the-transformer-principles-of-making-isotype-charts-by-marie-neurath-and-robin-kinross/feed/</wfw:commentRss>
		<slash:comments>2</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>
