<?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>Typographic Problem Solving</title>
	<atom:link href="http://www.typographicproblemsolving.com/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://www.typographicproblemsolving.com</link>
	<description>Ruminations on letters and the space around them</description>
	<lastBuildDate>Mon, 18 Jul 2011 18:38:12 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>Give &#8217;em an&#160;inch&#8230;</title>
		<link>http://www.typographicproblemsolving.com/?p=228</link>
		<comments>http://www.typographicproblemsolving.com/?p=228#comments</comments>
		<pubDate>Thu, 29 Apr 2010 07:42:41 +0000</pubDate>
		<dc:creator>Conor</dc:creator>
				<category><![CDATA[Process]]></category>
		<category><![CDATA[Screen]]></category>
		<category><![CDATA[grids]]></category>
		<category><![CDATA[PowerPoint]]></category>
		<category><![CDATA[tools]]></category>

		<guid isPermaLink="false">http://www.typographicproblemsolving.com/?p=228</guid>
		<description><![CDATA[In establishing some rather detailed PowerPoint templates recently (which is quite doable with a decent grid in place, by the way), I came across this rather amazing article on Microsoft&#8217;s support site: &#8216;PPT97: PowerPoint Centimeters Different from Actual Centimeters&#8217;. The title says it all really, and unfortunately it&#8217;s neither: (a) a joke; or (b) any [...]]]></description>
				<content:encoded><![CDATA[<p>In establishing some rather detailed PowerPoint templates recently (which is quite doable with a decent grid in place, by the way), I came across <a href="http://support.microsoft.com/kb/189826" title="You couldn't make this up even if you tried" target="_blank">this rather amazing article</a> on Microsoft&#8217;s support site: &#8216;PPT97: PowerPoint Centimeters Different from Actual Centimeters&#8217;. The title says it all really, and unfortunately it&#8217;s neither: (a) a joke; or (b) any different in Office 2007.</p>
<p>In classic &#8216;that&#8217;s not a bug, it&#8217;s a feature&#8217; mode, the article goes on to say &#8216;how much simpler the metric grid is in &#8220;PowerPoint centimeters&#8221; than in actual centimeters&#8217;. Or centimetres even. So much for convenient internationalization then, eh &#8211; one wonders if Microsoft&#8217;s fans at the <a href="http://en.wikipedia.org/wiki/European_Union_Microsoft_competition_case#Related_investigations" target="_blank">European Commission</a> might have something to say about this&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.typographicproblemsolving.com/?feed=rss2&#038;p=228</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>We&#8217;re talking telephone&#160;numbers</title>
		<link>http://www.typographicproblemsolving.com/?p=212</link>
		<comments>http://www.typographicproblemsolving.com/?p=212#comments</comments>
		<pubDate>Thu, 31 Dec 2009 08:41:28 +0000</pubDate>
		<dc:creator>Conor</dc:creator>
				<category><![CDATA[Information Design]]></category>
		<category><![CDATA[Letterforms]]></category>
		<category><![CDATA[custom]]></category>
		<category><![CDATA[legibility]]></category>

		<guid isPermaLink="false">http://www.typographicproblemsolving.com/?p=212</guid>
		<description><![CDATA[Custom typefaces for telephone directories can have many advantages, some of which were highlighted in another article. An interested reader enquired about some of the sources for that information, which reminded me that, at one point, I was actually considering directory typography as a dissertation topic during my Reading studies, and had gathered a fair [...]]]></description>
				<content:encoded><![CDATA[<p>Custom typefaces for telephone directories can have many advantages, some of which were highlighted in <a href="http://www.typographicproblemsolving.com/?p=203" title="Why type matters">another article</a>. An interested reader enquired about some of the sources for that information, which reminded me that, at one point, I was actually considering directory typography as a dissertation topic during my <a href="http://www.reading.ac.uk/typography/" title="University of Reading" target="_blank">Reading studies</a>, and had gathered a fair amount of reference material in preparation.</p>
<p>In the end, I wrote a lengthy study of the euro symbol (subsequently published in <a href="http://www.baselinemagazine.com/" target="_blank"><em>Baseline</em></a>), but almost a decade later, I still think the topic is worthy of further exploration. After all, aside from the cost and environmental benefits achieved through streamlined design, directory typography is a perfect demonstration of both typographic choreography (the letterforms and the space around them), and period methods of font creation.</p>
<p>However, as everything moves towards electronic format—who looks at a phonebook when it&#8217;s so easy to call Information or reach for Google these days?—perhaps this is a topic reaching its twilight years. (Indeed, a study of mobile phone typography might be more timely.) Still, there&#8217;s no harm in sharing some of the collected references, is there?<span id="more-212"></span></p>
<h3>Ring my Bell</h3>
<p>The first directory-specific typeface was created by Chauncey Griffith in 1937. A commission from the Bell Company—on the strength of his previous work in the area of newspaper legibility—<a href="http://en.wikipedia.org/wiki/Bell_Gothic" target="_blank">Bell Gothic</a> was the result, and it continued to be used widely until the 1970s. By that point however, with so many changes in typesetting and printing technologies, Bell Gothic had started to exhibit all manner of problems. And as a result of this, in 1974, <a href="http://en.wikipedia.org/wiki/Matthew_Carter" target="_blank">Matthew Carter</a> was contracted to redesign the face. The four year design process—which resulted in the <a href="http://en.wikipedia.org/wiki/Bell_Centennial" target="_blank">Bell Centennial family</a>—was thoroughly documented in <em>Type &#038; Technology Monograph Number 1</em> (New York: <a href="http://lubalincenter.cooper.edu/" target="_blank">The Center for Design &#038; Typography</a>, The Cooper Union, 1982). Much of the same material was published in <em>TypoGraphic 38/9</em> (London: <a href="http://www.istd.org.uk/flash_content/index.htm" target="_blank">International Society of Typographic Designers [ISTD]</a>, 1990) and repeated in <em>TypoGraphic Writing</em> (from the same publisher, 2001). </p>
<p><a href="http://www.nicksherman.com/articles/bellCentennial.html" target="_blank">Nick Sherman&#8217;s article</a> provides a good overview of the Bell Centennial story, and itself points to a number of useful sources, notably an <a href="http://www.boag.co.uk/downloads/pdfs/Bell.PDF" target="_blank">article for Linotype by my former colleague Andrew Boag</a>. And interested readers might also refer to Margaret Re&#8217;s exhibition catalogue <em>Typographically Speaking: the Art of Matthew Carter</em> (Baltimore: University of Maryland, 2002), which includes a detailed section on the genesis of Bell Centennial.</p>
<h3>Before the prancing ponce</h3>
<p>In 1989, after three years of development, British Telecom (BT) published reworked directories for the London area, using a revised grid structure and custom space saving fonts. The typeface, dubbed Phonebook, was designed by <a href="http://en.wikipedia.org/wiki/Colin_Banks" target="_blank">Colin Banks</a> and <a href="http://artsresearch.brighton.ac.uk/research/academic/kono" target="_blank">Eiichi Kono</a> at Banks &#038; Miles, and though it borrowed heavily from the preceding Bell Centennial work, was in fact an entirely new set of fonts, drawn from scratch to different criteria (this predates today&#8217;s more malleable outline font technologies, obviously). Banks published the story of Phonebook&#8217;s development in the ISTD publications mentioned above, and a comparative story of Bell Centennial and Phonebook can be found in &#8216;Rediscovered design: phone directory&#8217;, reprinted in July 1990 from a Japanese publication entitled <em>Evolution 1</em>.</p>
<h3>Ladislav who&#8230;?</h3>
<p>The positive environmental impacts of the BT initiative were covered in Andrew Boag&#8217;s <a href="http://www.boag.co.uk/downloads/pdfs/BTGreening.PDF" target="_blank">&#8216;The greening of BT&#8217;</a> (London: <em>Graphics World</em>, Sept/Oct 1989). That same article also mentions Ladislas Mandel&#8217;s Galfra, created in 1975 for the Italian telecom utility SEAT (and subsequently used in other directories on both sides of the Atlantic). Mandel was a prolific creator of directory-specific typefaces during his career, and wrote extensively on the topic – &#8216;Il nuovo carattere Galfra per gli elenchi telefonici italiani&#8217; (Italy: <em>Graphicus</em>, no. 9, 1978), for example. Curiously though, he is usually absent from the type design honour roll; <a href="http://www.dsaatypo.info/culture/110/ladislas-mandel" title="from DSAA Création Typographique" target="_blank">this student dissertation</a> is as close to a monograph as I could find, and interested readers may also want to refer to Olivier Nineuil&#8217;s very thorough (though French language only) profile of Mandel from the October 1999 issue of <em>Étapes</em> (no. 55).</p>
<p>A Romanian who <a href="http://www.typographe.com/article/563/ladislas-mandel" target="_blank">lived and worked in France</a> for most of his life, Mandel was also the designer behind the Colorado face for US West Dex in 1978, which, in collaboration with Richard Southall, was noteworthy because it was one the relatively few real-world uses of the <a href="http://en.wikipedia.org/wiki/Metafont" target="_blank">Metafont</a> font description language. Southall documented the project in <a href="http://www.springerlink.com/content/x47hdaeblntcba0h/" target="_blank">&#8216;Metafont in the Rockies: the Colorado typemaking project&#8217;</a>, itself included in <em>Electronic publishing, artistic imaging, and digital typography</em> (Berlin: Springer, 1998). He also covered it in his later book <em>Printer&#8217;s Type in the Twentieth Century: Manufacturing And Design Methods</em> (London: British Library, 2005).</p>
<h3>Damp in the Nethers</h3>
<p>Most designers&#8217; knowledge of Dutch directory typography starts and stops with <a href="http://www.iconofgraphics.com/Wim-Crouwel/" target="_blank">Wim Crouwel</a>&#8216;s 1977 all-lowercase setting – a wet dream for all the Modernist/neo-modernist wannabees and revivalists out there. In actuality, it wasn&#8217;t a style-oriented design decision at all, but a limit on how many different instructions the typesetting system could execute for each entry in the directory. Insertion of capitals was thus deemed a lower priority than the insertion of tabs or changes in weight.</p>
<p>In the ISTD publications mentioned above, Jolijn van de Wouw provided a more thorough history of Dutch telephone directory typography, covering both layout and type design. <a href="http://www.martinmajoor.com/2_telefont.html" target="_blank">Martin Majoor&#8217;s Telefont family</a> was released subsequent to this review, in 1994, and, in concert with revised page layouts, was in stark contrast to the Bell Centennial work of twenty years earlier. Created by a team of two on everyday desktop equipment (Bell Centennial had been labouriously encoded from ink-on-paper drawings), Telefont needed none of Bell&#8217;s severe inktraps, proffered a distinctly humanistic letterform, and exemplified the Dutch penchant for large x-heights and reduced ascenders/descenders. Majoor&#8217;s site offers up a number of qualitative assessments of Telefont, as well as his own <a href="http://www.martinmajoor.com/6_my_philosophy.html" target="_blank">brief overview</a> (which can also be found in <a href="http://www.fontshop.com/products/books/made_with_fontfont/" target="_blank"><em>Made with FontFont</em></a> [Amsterdam: BIS, 2006]).</p>
<h3>Not so mellow Yellow</h3>
<p>Debuting in <a href="http://www.johnsonbanks.co.uk/" target="_blank">Johnson Banks</a>&#8216; 1999 redesign of the UK Yellow Pages, the Yellow typeface combined aspects of both Telefont and Bell Centennial: some of the latter&#8217;s severity, built upon some of the former&#8217;s structure, providing crisp, open letterforms with sufficient heft to function well at small sizes on low quality paper.</p>
<p>Yellow was attributed to Freda Sack and David Quay at <a href="http://www.foundrytypes.co.uk/" target="_blank">The Foundry</a> in London, although it would appear that <a href="http://www.typematters.de/tmt_Y1.html" target="_blank">Jürgen Weltin</a> was also involved. It (well, the whole redesign) was lauded and awarded widely, although the only article I can locate now (without a <a href="http://www.stbride.org/" target="_blank">St. Bride</a> nearby, that is) is Helen Walters&#8217; &#8216;A brighter yellow&#8217; from <em>Creative Review</em> (London: Centaur, November 1999).</p>
<h3>So&#8230; by way of non-conclusion</h3>
<p>This list doesn&#8217;t claim to be comprehensive by any means, and by conspicuously excluding images of the typefaces, doesn&#8217;t really attempt any analysis or qualitative comparison either. Rather, I&#8217;ve simply tried to provide some small insight into the richness underlying this most utilitarian of typographic applications.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.typographicproblemsolving.com/?feed=rss2&#038;p=212</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Why type&#160;matters</title>
		<link>http://www.typographicproblemsolving.com/?p=203</link>
		<comments>http://www.typographicproblemsolving.com/?p=203#comments</comments>
		<pubDate>Wed, 19 Aug 2009 07:02:17 +0000</pubDate>
		<dc:creator>Conor</dc:creator>
				<category><![CDATA[Letterforms]]></category>
		<category><![CDATA[Oldies]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[custom]]></category>

		<guid isPermaLink="false">http://www.typographicproblemsolving.com/?p=203</guid>
		<description><![CDATA[Fonts grow on trees and everyone with a computer is a designer, right? Which means they all know about type, of course. Well, not quite. Typography is a language, with its own grammar and syntax. And as with any language, fluency comes with in-depth study and regular practice, making communication as fluid and efficient as [...]]]></description>
				<content:encoded><![CDATA[<p>Fonts grow on trees and everyone with a computer is a designer, right? Which means they all know about type, of course.</p>
<p>Well, not quite. Typography is a language, with its own grammar and syntax. And as with any language, fluency comes with in-depth study and regular practice, making communication as fluid and efficient as possible. And as communications channels both proliferate and converge, command of the language is a vital component in creating the most functional and efficient vehicles for communication. Type matters – read on and find out why.<span id="more-203"></span></p>
<p><em>[If you've read this far, I should probably point out that this was originally written in 2003, as a promotional exercise for my then-employer, MetaDesign (hence the 'we' and 'our' references). Some of the material is dated or seems rudimentary now, but most of the examples and arguments are still relevant, so I've resurrected the article and, with a light nip and tuck, it lives again.]</em></p>
<h3>Desktop software does not produce quality typesetting</h3>
<p>Skilled users do. Garbage in, garbage out goes the adage. And in the case of desktop publishing, most users simply do not know any better. Default spacing—both around the letters and between the lines—is usually far from optimal, and, since there are few limitations and algorithmic processes determine everything, uncomfortable line lengths and questionable hyphenation (or lack of it) are often the norm.</p>
<p>By &#8216;quality typesetting&#8217; we&#8217;re really talking about comfortably readable text, where successful communication relies not only on a careful blend of good writing and appropriate hierarchy, but also the shape and structure of the words – the typography, that is. We read by assimilating word shapes, not by piecing together individual letters, and the space around the letters is therefore particularly important: it helps bind the letters together – too much or too little and words aren&#8217;t properly formed.</p>
<p>Often those (professionals) who think they &#8216;get&#8217; typography actually don&#8217;t. And even those who&#8217;ve worked in renowned studios or been formally educated in typography (which is increasingly rare) sometimes founder. For instance, when a leading consumer computer magazine in the UK launched a redesign in 2001, the designers trumpeted their attention to the typography and carefully considered type selections. However, their generous grid structures and lack of hyphenation resulted in some very awkward layouts that were uncomfortable to read and made poor use of the already limited space.</p>
<p>In addition to this lack of knowledge, many digital fonts are or were poorly produced. &#8216;Are&#8217; because the creators have insufficient knowledge (somewhat akin to the typesetting issues above, type design is largely a plug-n-play desktop affair); &#8216;were&#8217; because many early desktop typefaces used inappropriate source material that yielded less than ideal font data. Historically, physical fonts existed in multiple sizes, subtly adjusted to appear the same in each instance (small sizes were, for example, noticeably heftier than their larger siblings); a single digital font, however, scales to fit as required. Times New Roman, for instance, a default font in almost every desktop system in the world, was initially digitized from a large master, resulting in weak and slightly cramped output at text sizes.</p>
<p>The result of all this? Workable output that looks okay, but simply doesn&#8217;t match the quality of previous technologies. Perhaps this is good enough, and perhaps this lower standard is the new standard. But there is still a place for those who can recognise the type of issues mentioned here and who know how to address them appropriately. When we recently reviewed a large corporation&#8217;s typography, for example, we found significant improvements possible in readability simply through adjusting certain preferences in the typesetting software (typically, a desktop layout or word processing application). Since controlling such details over a large user base would be extremely difficult, the decision was made to produce custom typefaces that addressed these issues and also provided something more unique than a simple off-the-shelf solution.</p>
<h3>Type is technology: upgrade or suffer</h3>
<p>Prior to the advent of desktop publishing systems, only the most deep-pocketed of organisations could afford custom type solutions. Development was restricted to certain large manufacturers with their proprietary systems and formats; vendors such as marketing and communications agencies would then be tied to that manufacturer&#8217;s infrastructure.</p>
<p>The creation of custom faces for AT&#038;T&#8217;s telephone directories in the mid-1970s, for example, involved a designer mapping hundreds of black dots (by hand) to describe each character – for subsequent transfer by technicians to the manufacturer&#8217;s output system. By contrast, a similar project in Holland some 20 years later involved two designers producing near-final type and layouts using equipment available at most computer superstores; a cost effective and immediate result.</p>
<p>The type-making process was democratized by the introduction of desktop applications for typeface creation and graphic design during the 1980s. A single format—Adobe&#8217;s PostScript—levelled the playing field for those making and using digital fonts on high and low resolution printers, and this was joined in 1991 by Apple&#8217;s TrueType. With Microsoft&#8217;s subsequent careful nurturing, it has come to set the standard for screen display (while continuing to allow high resolution output if required).</p>
<p>In 1997, a new format called OpenType was announced. A collaboration between Adobe and Microsoft, OpenType is a wrapper for either PostScript or TrueType font data that incorporates greater levels of intelligence. Fonts support many more languages (by referencing Unicode specifications), and can include thousands of alternative characters in order to do this (65,000 as opposed to the 256 limit of PostScript). Theoretically, then, a single OpenType font file could contain characters to support Western, Greek, Cyrillic, Eastern and Central European scripts, variants such as small capitals and alternate numeral styles, and any number of dingbats or optional glyphs. Added to this, the format is cross platform, meaning this single file could replace the dozens that previous formats would have required. For multinational organisations with operations spread across Europe, this will obviously benefit overstretched system administrators.</p>
<p>Demonstrations of OpenType fonts usually focus on the formal advantages that the format offers: contextual glyph substitution is the easiest to grasp. In a typical scenario, typing the phrase <em>In 64BC, Caeser commanded the field</em> would see the ae in Caeser automatically replaced by a single &#230; dipthong, the fi in field substituted with a proper fi ligature, and the BC rendered in small capitals. Other replacements could happen too (a decorative initial capital C, perhaps, or mid-height numerals), had the preferences been set to do so. But perhaps the most important aspect of this example, is the minimal workflow impact. Where previously these substitutions would be made manually (and required alternate fonts), OpenType-savvy applications retain the integrity of the original text string; that is to say, the form and content are separated. In today&#8217;s multi-channel, mixed platform environments, this means content can be redeployed with none of the intervention required with previous font formats.</p>
<p>Compliant applications and operating systems are (of course) required to fully exploit OpenType, and it has still yet to fully impact the desktop. Adobe has spearheaded the push, ensuring their programs make the most of the format, and Windows XP and Mac OS X fully support OpenType (older systems will accept it under certain circumstances). As with any developing technology, there are of course bugs and incompatibilities—and production of the fonts is far from easy—but OpenType offers much to those willing to adopt early.</p>
<h3>We will always need more typefaces</h3>
<p>Do the means justify the ends – do we really need more typefaces? With tens of thousands already available, it&#8217;s a valid question, and if quantity was the main criterion, then the answer would probably be no. However, that&#8217;s a simplistic view, because there may be legitimate functional needs that require the creation of new typefaces. The previous case of our client with poor settings is just one example.</p>
<p>Each new technology brings new sets of associated problems, and in the typographic environment this often results in new typefaces. Times was originally designed as a custom typeface for The Times newspaper of London; subsequent changes in printing methods have seen several major reworkings of the face to maintain legibility, changes which remain virtually unnoticeable to all but specialist observers.</p>
<p>And from the low resolution of your monitor to the high speed (as it were) of highway signage, there are countless other areas that have benefited from specialist typographic consideration too. Indeed, as (information) technologies continue to evolve—handheld devices are starting to gain higher resolution screens and electronic ink formats are approaching maturity—there will continue to be similar needs.</p>
<h3>Custom type is pricey – but priceless</h3>
<p>Though a custom design may begin with functional requirements in mind (the Meta typeface, for instance, began life specifically for use on German post office forms), the result is ultimately both proprietary to the client and free of subsequent licensing and distribution issues. It is, quite literally, the face of the company, and for a corporation to be able to own the look of the very words it prints is a powerful position indeed. This association can be replicated across whole product ranges, providing unity and building brand equity – all without a corporate name, logo, or tagline in sight.</p>
<p>For example, London&#8217;s mass transit system—the &#8216;Tube&#8217; and the buses—has had a custom typeface in place since 1916. This wasn&#8217;t produced with functional requirements in mind, but rather as an attempt to make a consistent customer experience, long before the notion of branded environments had even been thought of. To this day, (a revised version of) the same typeface appears on signs, maps, uniforms, and all points in between, providing validation for every piece of information that the customer sees.</p>
<p>Typefaces created for specific applications can also live out a meaningful life elsewhere. Whether they&#8217;ve outlived their usefulness (Times) or the usage scenario changes (Meta was passed over by management), opportunities abound for enriching the typographic landscape through ongoing retail sales. The Frutiger typeface, for instance, was originally commissioned in 1968 for signage at Roissy Airport in Paris (now Charles De Gaulle). It&#8217;s simple clarity and clean, approachable forms have subsequently made it a highly successful text face in its own right; it even formed the typographic underpinning to our design system for the Berlin public transportation system in the early nineties.</p>
<h3>Considered typography can save more than money</h3>
<p>At MetaDesign, we have often described our process as &#8216;design from the word up&#8217;; considering how the micro can impact the macro, so to speak. Typography isn&#8217;t just about visual impact and immediacy of communication though; it can have significantly broader impact. And in terms of typography, this can sometimes have directly quantifiable results.</p>
<p>For example, when AT&#038;T introduced custom typefaces for US phone books in 1978, the space-conscious designs meant roughly 20 extra entries per page. Multiplied over hundreds of pages and thousands of directories, this resulted in significant savings. (And as an aside, it&#8217;s worth noting that the previous design had to be over-inked to get sufficient density on the printed page. This not only degraded legibility, but also added to production costs and time as the presses had to be stopped and cleaned more often.)</p>
<p>Similarly, when London phone books were redesigned in the late 1980s, a systematized approach (space-saving type, considered information design, and new page structures) meant only three directories for the entire London area instead of the previous four. Along with the obvious savings in paper and ink, economies were made in gluing and binding, transportation and storage, all of which saved £2.4 million almost immediately and more than offset the development costs.</p>
<p>And lastly, 1993 proposals for new Dutch directories projected a 25% reduction in production, distribution, and (ultimately) recycling costs, simply through a more rigorous page structure and space-saving typeface designs. A more conservative final design in 1994 saw 12% savings instead, still significant nonetheless.</p>
<h3>And so, in conclusion&#8230;</h3>
<p>As these examples have hopefully demonstrated, type is about both function and differentiation. Sure, it may be easier to use &#8216;what came with the computer&#8217;, but that&#8217;s exactly why every PowerPoint presentation you&#8217;ve ever seen looks identical. Command of typographic language brings practicality and personality to the most basic level of communications, and it should not be overlooked.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.typographicproblemsolving.com/?feed=rss2&#038;p=203</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Making a&#160;Mockery</title>
		<link>http://www.typographicproblemsolving.com/?p=164</link>
		<comments>http://www.typographicproblemsolving.com/?p=164#comments</comments>
		<pubDate>Sat, 15 Aug 2009 07:46:34 +0000</pubDate>
		<dc:creator>Conor</dc:creator>
				<category><![CDATA[Letterforms]]></category>
		<category><![CDATA[Process]]></category>
		<category><![CDATA[tools]]></category>

		<guid isPermaLink="false">http://www.typographicproblemsolving.com/?p=164</guid>
		<description><![CDATA[In a previous posting, I referred to small, homegrown apps that do specific tasks very well. One such is Balsamiq Mockups, a highly targeted application for mocking up user interfaces. Where Mockups really wins is by striking a clever balance between utility (it contains pre-built versions of just about every UI component you could ever [...]]]></description>
				<content:encoded><![CDATA[<p>In a <a href="http://www.typographicproblemsolving.com/?p=71" title="Productive, creative, or captive?">previous posting</a>, I referred to small, homegrown apps that do specific tasks very well. One such is <a href="http://www.balsamiq.com/products/mockups" target="_blank">Balsamiq Mockups</a>, a highly targeted application for mocking up user interfaces.</p>
<p>Where Mockups really wins is by striking a clever balance between <em>utility</em> (it contains pre-built versions of just about every UI component you could ever realistically need), <em>fidelity</em> (meaning even a quick sketch looks polished enough to convey quite detailed aspects of an interface), and <em>hierarchy</em> (that quick sketch has sufficient structure to indicate meaning and intent). Every component is editable to some degree, so, for example, switching from tabs to dropdowns is a simple copy-and-paste. Wireframing therefore becomes a snap, and yet there is still enough of a handdrawn feeling to convey a sense that, while things are certainly considered, they are not yet set in stone.<span id="more-164"></span></p>
<div id="attachment_197" class="wp-caption alignnone" style="width: 510px"><img src="http://www.typographicproblemsolving.com/tps/wp-content/uploads/2009/08/mockups.jpg" alt="A screen grab of the Mockups interface" title="A screen grab of the Mockups interface" width="500" height="464" class="size-full wp-image-197" /><p class="wp-caption-text">A screen grab of the Mockups interface</p></div>
<p>Mockups has a decent pedigree—it&#8217;s an Air application developed by <a href="http://www.peterelst.com/blog/2009/03/24/interview-with-peldi-guillizoni-about-balsamiq-mockups/" target="_blank">an ex-Adobe engineer</a>—but it&#8217;s not without a few quirks (and bugs) either. Some things that could be added or improved upon include:</p>
<ul>
<li><strong>Direct export to PDF,</strong> although licensing PDF would no doubt inflate the price of Mockups;</li>
<li><strong>Visibility of the Inspector palette</strong> &#8211; it only displays  when necessary, but this results in a lot of on/off flickering, which can be a bit distracting;</li>
<li><strong>Manual layer control</strong> &#8211; I&#8217;ve got used to Illustrator&#8217;s infuriating habit of putting every single thing on a new layer, but even just having an editable palette like InDesign would be good;</li>
<li><strong>Preferences</strong> &#8211; there aren&#8217;t any, but those two previous items could be user controlled, perhaps.</li>
</ul>
<p>From a typographic standpoint, it&#8217;s notable that Mockups makes exclusive use of the <a href="http://online.wsj.com/article/SB123992364819927171.html" target="_blank">universally-vilified Comic Sans typeface</a>. This is probably the first time that the font has been used in a somewhat similar manner for which it was <a href="http://www.connare.com/whycomic.htm" target="_blank">first intended</a>, and as a result, it actually looks pretty good. Yes, <em>unbelievable but true:</em> Comic Sans, in this context, actually looks good.</p>
<p>And, for what it&#8217;s worth, I wasn&#8217;t paid for this review; I bought Mockups based on other positive commentary that I read, and have subsequently recommended it to anyone who&#8217;ll listen.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.typographicproblemsolving.com/?feed=rss2&#038;p=164</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Just my type:&#160;Platelet</title>
		<link>http://www.typographicproblemsolving.com/?p=99</link>
		<comments>http://www.typographicproblemsolving.com/?p=99#comments</comments>
		<pubDate>Wed, 13 May 2009 08:04:18 +0000</pubDate>
		<dc:creator>Conor</dc:creator>
				<category><![CDATA[Letterforms]]></category>
		<category><![CDATA[Oldies]]></category>
		<category><![CDATA[monospaced]]></category>

		<guid isPermaLink="false">http://www.typographicproblemsolving.com/?p=99</guid>
		<description><![CDATA[A long long time ago, in a galaxy far, far away, I designed a typeface called Platelet. Having been Internationally schooled (ie. how to be dexterous with just one or two of the classics, most notably Univers), it was my first experience of creating letterforms, and there&#8217;s no denying that it was a naïve effort [...]]]></description>
				<content:encoded><![CDATA[<p><img src="http://www.typographicproblemsolving.com/tps/wp-content/uploads/2009/05/proofs.jpg" alt="Proofs from the early development of Platelet" title="Proofs from early development of Platelet" width="500" height="389" class="size-full wp-image-159" /></p>
<p>A long long time ago, in a galaxy far, far away, I designed a typeface called <a href="http://www.mangatelier.com/1994/07/platelet-typeface/" target="_blank">Platelet</a>. Having been Internationally schooled (ie. how to be dexterous with just one or two of the classics, most notably <a href="http://en.wikipedia.org/wiki/Univers" target="_blank">Univers</a>), it was my first experience of creating letterforms, and there&#8217;s no denying that it was a <a href="http://diacritics.typo.cz/index.php?id=12" target="_blank">naïve effort</a> in many ways. Notwithstanding that however, the nice people at <a href="http://www.emigre.com" target="_blank">Emigre</a> took enough of an interest to put it on the market (in July 1994), and the rest, as they say, is history.<span id="more-99"></span></p>
<p>Yves Peters&#8217; <a href="http://www.fontshop.be/details.php?entry=57" target="_blank">article about license plate fonts</a> prompted me to resurrect some collected materials about the typeface, which follow here.</p>
<h3>How it came to be</h3>
<p>Platelet grew out of a 4-day workshop given to students—most with no type design experience—at <a href="http://calarts.edu/" target="_blank">CalArts</a> in October 1992. The brief, from <a href="http://www.csm.arts.ac.uk/research/staffresearchprofiles/professorphilbaines/" target="_blank">Phil Baines</a>, asked for an original alphabet to be designed for a specific outdoor purpose, taking into consideration the context for usage, appropriateness and meaning, and traditional notions of good typography.</p>
<p>Consequently, Platelet is based directly on characters and figures found on the car license plates in California. Its original character set comprised only a single lowercase alphabet and non-lining figures, ostensibly to complement the existing all-caps characters on the plates. For its commercial release, however, the set was extended to include alternate, small capitals and other commonly used text characters – somewhat ironic considering the original brief had principally been to create specific display faces that weren’t just scaled text faces. (The irony comes full circle in fact, with <a href="http://www.publiclettering.org.uk/Images/ecimages/ecimagepage31.html" target="_blank">this stonecut version of the font</a>.)</p>
<p>The typeforms originally matched the character widths, stroke widths, and spacing of the existing California license plate characters. Within the short timeframe of the original project, research was limited to quite literally taking wax crayon rubbings from license plates around the parking lot and measuring them by hand. Forms were interpretations of what a lowercase for the license plate might be, based mostly on the existing numerals.</p>
<p>As the face(s) developed however, it became necessary to bolden the strokes and stray from the all-lowercase model that had been the conceptual framework to start with; some characters just looked forced. The final type family comprised three weights, each with a full set of 236 character outlines and four sizes of edited screen fonts.</p>
<h3>What became of it</h3>
<p>Since its release, Platelet has appeared on London storefronts and French stamps, been moulded into the soles of Spanish shoes, and been put through its paces in numerous American publications. Dubbed by observers as ‘tough and uncompromising’, ‘sparingly conceived’, and ‘perfectly postmodern’, it has also been used by PBS, and was added to London’s <a href="http://www.conranfoundation.com/collection.htm" target="_blank">Conran Foundation Collection</a> in 1996.</p>
<p><object style="width:500px;height:393px" ><param name="movie" value="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf?mode=embed&amp;documentId=090508065039-cb8fb0545b0c448492233fe65401f29b&amp;docName=platelet_booklet&amp;username=mangatelier&amp;loadingInfoText=Platelet%20promotional%20booklet&amp;showFlipBtn=true&amp;autoFlip=true&amp;autoFlipTime=6000&amp;backgroundColor=FFFFFF&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Fcolor%2Flayout.xml" /><param name="allowfullscreen" value="true"/><param name="menu" value="false"/><embed src="http://static.issuu.com/webembed/viewers/style1/v1/IssuuViewer.swf" type="application/x-shockwave-flash" style="width:500px;height:393px" flashvars="mode=embed&amp;documentId=090508065039-cb8fb0545b0c448492233fe65401f29b&amp;docName=platelet_booklet&amp;username=mangatelier&amp;loadingInfoText=Platelet%20promotional%20booklet&amp;showFlipBtn=true&amp;autoFlip=true&amp;autoFlipTime=6000&amp;backgroundColor=FFFFFF&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Fcolor%2Flayout.xml" allowfullscreen="true" menu="false" /></object></p>
<p>This limited edition Platelet brochure (Emigre, 2001) can also be viewed <a href="http://issuu.com/mangatelier/docs/platelet_booklet?mode=embed&amp;backgroundColor=333333&amp;layout=http%3A%2F%2Fskin.issuu.com%2Fv%2Fcolor%2Flayout.xml" target="_blank">full screen</a>.</p>
<h3>And what others have made of it</h3>
<p>There have been a few curiously similar faces appear on the market since 1994, and one can only guess at what their creators were thinking during their development. Imitation is, apparently, the sincerest form of flattery – although perhaps not when innocent buyers are paying for those imitations.</p>
<div id="attachment_146" class="wp-caption alignnone" style="width: 510px"><img class="size-full wp-image-146" title="Sample of F Condition typeface" src="http://www.typographicproblemsolving.com/tps/wp-content/uploads/2009/05/condition.png" alt="Sample of F Condition typeface" width="500" height="190" /><p class="wp-caption-text">Sample of F Condition typeface</p></div>
<p>First, there was F Condition by Tom Hingston and Jon Wozencroft, one of the fonts released as part of FontShop&#8217;s experimental typography publication <em>FUSE</em>. Included in issue 16, entitled <em>Genetics</em>, the font enabled the user to key precomposed words instead of individual letters. Somewhat bizarrely for something as innovative as FUSE initially was, I&#8217;ve been unable to unearth any decent online repository of the series, so I have no idea of what the concept for this font was about. But it&#8217;s easy to see from these examples just what the genesis of those words was.</p>
<div id="attachment_147" class="wp-caption alignnone" style="width: 510px"><img class="size-full wp-image-147" title="Comparison of F Condition and Platelet font outlines" src="http://www.typographicproblemsolving.com/tps/wp-content/uploads/2009/05/condition_outlines.png" alt="Separated at birth? Isolated outlines from F Condition are shown in pink; Platelet outlines are in blue" width="500" height="290" /><p class="wp-caption-text">Separated at birth? Isolated outlines from F Condition are shown in pink; Platelet outlines are in blue</p></div>
<p>Then there was Alex Kaczun&#8217;s Extreme Sans, released in 2002 by <a href="http://www.galapagosdesign.com/original/extreme.htm" target="_blank">Galápagos Design Group</a> with accompanying codswallop like &#8220;&#8230;edges are rounded like the high-tech routed parts of precise machinery. The overall look says technology and innovation.&#8221;</p>
<div id="attachment_131" class="wp-caption alignnone" style="width: 510px"><img class="size-full wp-image-131" title="Sample of Extreme Sans typeface" src="http://www.typographicproblemsolving.com/tps/wp-content/uploads/2009/05/extremesans.png" alt="Sample of Extreme Sans, displayed on MyFonts.com" width="500" height="306" /><p class="wp-caption-text">Sample of Extreme Sans, displayed on MyFonts.com</p></div>
<p>Another font worthy of note here is VSV Melon, released by Vasava in Barcelona. The numerals and caps bear less resemblance to Platelet than the small letters, but regardless, these popular French <a href="http://www.pyramyd-editions.com/index.php?collec=2" target="_blank">book jackets</a> demonstrate how similar the faces are.</p>
<div id="attachment_145" class="wp-caption alignnone" style="width: 510px"><img class="size-full wp-image-145" title="Sample of VSV Melon Light and Bold" src="http://www.typographicproblemsolving.com/tps/wp-content/uploads/2009/05/melon.png" alt="Sample of VSV Melon Light and Bold" width="500" height="283" /><p class="wp-caption-text">Sample of VSV Melon Light and Bold</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.typographicproblemsolving.com/?feed=rss2&#038;p=99</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Productive, creative, or&#160;captive?</title>
		<link>http://www.typographicproblemsolving.com/?p=71</link>
		<comments>http://www.typographicproblemsolving.com/?p=71#comments</comments>
		<pubDate>Tue, 14 Apr 2009 08:28:27 +0000</pubDate>
		<dc:creator>Conor</dc:creator>
				<category><![CDATA[Process]]></category>
		<category><![CDATA[PowerPoint]]></category>
		<category><![CDATA[tools]]></category>

		<guid isPermaLink="false">http://www.typographicproblemsolving.com/?p=71</guid>
		<description><![CDATA[The horror, the horror: one day, you look down at your Dock (coz, like, you&#8217;re using a Mac of course) and see that you&#8217;ve got the entire Microsoft Office suite running, but none of the Creative Suite. Yup, you&#8217;ve kept your head down, kept your nose clean, and done your time – and have now [...]]]></description>
				<content:encoded><![CDATA[<p>The horror, the horror: one day, you look down at your Dock (coz, like, you&#8217;re using a Mac of course) and see that you&#8217;ve got the entire Microsoft Office suite running, but none of the Creative Suite. Yup, you&#8217;ve kept your head down, kept your nose clean, and done your time – and have now officially become a manager. Your gleaming MacBook Pro is doing nothing more than a corporate drone&#8217;s Dull flaptop.<span id="more-71"></span></p>
<p>But consider the task at hand and what your output is. For example, I can spend hours pushing the same thing around in a so-called creative app (and still not get anywhere) but bash something usable out from Word or Excel in a fraction of the time. Perhaps this is because of Word&#8217;s inherent restrictions or Excel&#8217;s grid structure – one cannot muck about with positioning, only structure and hierarchy. </p>
<p>And so—somewhat unbelievably for a career designer—I have to say that I quite like using Office applications – but only on a PC. Yes, there&#8217;s that infuriating bubble thing constantly telling me that Windows wants to update itself again, and PowerPoint thinks it&#8217;s a better typographer than me, but the simple fact remains that I feel, well, productive when I work in Office on a PC. That last bit (&#8216;on a PC&#8217;) is key of course, because the same cannot be said for Office on a Mac, which groans or crashes at the first sight of anything too involved. Windows and Office just work together, it&#8217;s as simple as that.</p>
<p>For example, there were the <a href="http://www.mangatelier.com/2006/11/telephia-research-reports/" target="_blank">chart and graph templates</a> I completed for Telephia, using PowerPoint. A lot of detailed fiddling and formatting, and the kind of thing the Mac version of PowerPoint would just not be able to handle. More recently, I did a little database project for my son&#8217;s preschool. Despite some clunks here and there, I was able to smoothly import material, format it, and get something out again. By comparison, how many times has even a simple copy and paste just not quite worked on a Mac, resulting in a big sigh and a whole load of manual intervention. </p>
<p>Presumably, we just get used to what we have, rather than question what we need or could have. <a href="http://www.dearadobe.com/" target="_blank">Dear Adobe</a> is one example of (mostly) intelligent feedback about how the user experience could be made better. (And by that I mean the actual functionality as opposed to the look &#8216;n&#8217; feel, which can often become the focus of so-called experience design.) Michael Johnson&#8217;s recent article about <a href="http://www.creativereview.co.uk/crblog/freehand-anonymous/" target="_blank">the continued popularity of Freehand in the UK</a> struck a chord here too, since it&#8217;s a case of an arguably better piece of software being slowly left behind due to the developer&#8217;s, rather than user&#8217;s, preference.</p>
<p>Conversely, there are lots of small, highly targeted, applications out there – and I find myself turning to them more and more. Mostly they&#8217;re utilities, for day to day admin tasks. But the current crop of home-grown type development tools are a great example of inter-operable lightweight utilities that do specific tasks very well. And they don&#8217;t leave you stuck with proprietary data formats that can&#8217;t be used elsewhere. The recent <a href="http://www.robofab.com/robothon/index.html"  target="_blank">Robothon09 Conference</a> showcased some of these tools very well; <a href="http://letterror.blip.tv/#1921037" target="_blank">full video coverage is available</a>, and I&#8217;d recommend <a href="http://letterror.blip.tv/file/1908612/" target="_blank">Erik van Blokland&#8217;s intro</a> in particular.</p>
<p>Having ranted this far, I guess I should say that discussions about programmes, platforms, and experiences can be very boring. But I think I&#8217;ve made my point, so I&#8217;ll stop for now. And for the record, I always preferred Freehand. Once I left college though, I could no longer call the shots and had to capitulate to my Illustrator-loving colleagues.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.typographicproblemsolving.com/?feed=rss2&#038;p=71</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Not so&#160;smooth</title>
		<link>http://www.typographicproblemsolving.com/?p=61</link>
		<comments>http://www.typographicproblemsolving.com/?p=61#comments</comments>
		<pubDate>Tue, 14 Apr 2009 08:10:01 +0000</pubDate>
		<dc:creator>Conor</dc:creator>
				<category><![CDATA[Letterforms]]></category>
		<category><![CDATA[Screen]]></category>
		<category><![CDATA[anti-aliasing]]></category>
		<category><![CDATA[ClearType]]></category>
		<category><![CDATA[legibility]]></category>

		<guid isPermaLink="false">http://www.typographicproblemsolving.com/?p=61</guid>
		<description><![CDATA[Discussions of web typography are usually about the frustrating inconsistencies and paucity of decent fonts likely to be available on a user&#8217;s machine. But when a client recently made a very sobering comment concerning cross-platform display, I got a rather rude reminder of how easily it is to forget more fundamental issues. Namely, anti-aliasing (or [...]]]></description>
				<content:encoded><![CDATA[<p><img src="http://www.typographicproblemsolving.com/tps/wp-content/uploads/2009/04/smooth.gif" alt="Close-up of ClearType-smoothed text" title="Close-up of ClearType-smoothed text" width="500" height="200" class="size-full wp-image-86" /></p>
<p>Discussions of web typography are usually about the frustrating inconsistencies and paucity of decent fonts likely to be available on a user&#8217;s machine. But when a client recently made a very sobering comment concerning cross-platform display, I got a rather rude reminder of how easily it is to forget more fundamental issues. Namely, anti-aliasing (or &#8216;smoothing&#8217; in Microsoft-speak).<span id="more-61"></span></p>
<p>According to Wikipedia*, Windows XP is still the predominant OS (with about two-thirds of the market), and it does not anti-alias fonts by default (though the feature can be enabled in the OS settings). Windows Vista does smooth type by default, although it only accounts for about 20% of the overall market (despite being available for more than two years now). Macs account for about 5% of the market.</p>
<p>Meanwhile, 48% of web users are using IE7 &#038; IE8, which anti-alias type irrespective of the OS settings. IE6 does not though, and accounts for another 19% of the market. (Firefox, with about 20% market share, and other browsers such as Safari, obey OS smoothing settings.)</p>
<p>So what does all this mean? That only about half the user population definitively views anti-aliased type. Which means that—duh—the other half might not. There&#8217;s no way of knowing how many XP users have turned on their smoothing, but its probably safer to assume that many haven&#8217;t. I turned mine on a long time ago and never thought about it again, but it&#8217;s not necessarily the kind of thing most people would think to do and it&#8217;s also not the easiest thing to locate amongst the Windows Control Panels either.</p>
<p>For further reference, here are three composite screenshots: one showing <a href="http://www.typographicproblemsolving.com/tps/wp-content/extras/ie7ct.html" target="_blank">Windows core fonts (plus Mac-only Courier) with ClearType smoothing enabled</a> (a 96dpi PNG from IE7); <a href="http://www.typographicproblemsolving.com/tps/wp-content/extras/ie6none.html" target="_blank">one without</a> (also a 96dpi PNG, this time from IE6); and one showing <a href="http://www.typographicproblemsolving.com/tps/wp-content/extras/ffxmac.html" target="_blank">the same font set in Firefox on Mac OS X</a> (at 72dpi). There are obviously too many subtle details to point out, but one key thing to keep an eye on is how differently the smaller bold weights display with and without smoothing enabled, especially in the italic styles.</p>
<p>(*Since the stats quoted above will no doubt change quite quickly, these are the Wikipedia references for <a href="http://en.wikipedia.org/wiki/Usage_share_of_web_browsers"  target="_blank">browser</a> and <a href="http://en.wikipedia.org/wiki/Usage_share_of_desktop_operating_systems" target="_blank">OS market share</a>.)</p>
<p><strong>Update:</strong> there&#8217;s some worthwhile explanation of smoothing behaviour to be found on <a href="http://typophile.com/node/69707" title="Win XP and font smoothing" target="_blank">this Typophile thread</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.typographicproblemsolving.com/?feed=rss2&#038;p=61</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Fashionably&#160;late</title>
		<link>http://www.typographicproblemsolving.com/?p=50</link>
		<comments>http://www.typographicproblemsolving.com/?p=50#comments</comments>
		<pubDate>Sat, 28 Feb 2009 08:53:53 +0000</pubDate>
		<dc:creator>Conor</dc:creator>
				<category><![CDATA[News]]></category>
		<category><![CDATA[blog]]></category>

		<guid isPermaLink="false">http://www.typographicproblemsolving.com/?p=50</guid>
		<description><![CDATA[Back in December, I read an article in The New York Times (yes, on paper) that contained some staggering statistics about the number of dormant blogs. I&#8217;ve been unable to locate it again, but Technorati&#8217;s State of the Blogosphere was the undoubted source. The long and the short of it was that, of the 133 [...]]]></description>
				<content:encoded><![CDATA[<p>Back in December, I read an article in <em>The New York Times</em> (yes, on paper) that contained some staggering statistics about the number of dormant blogs. I&#8217;ve been unable to locate it again, but Technorati&#8217;s <a href="http://technorati.com/blogging/state-of-the-blogosphere/" target="_blank">State of the Blogosphere</a> was the undoubted source. The <a href="http://www.readwriteweb.com/archives/state_of_the_blogosphere_2008.php" title="Read Write Web interprets the numbers" target="_blank">long and the short of it</a> was that, of the 133 million blogs indexed by Technorati up until September 2008, fewer than one-in-ten had been updated in the previous three months.</p>
<p>So, just as the blogging steamroller appears to have run out of, er, steam, here I am stoking the fire again. We&#8217;ll see how far I get before running out of puff.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.typographicproblemsolving.com/?feed=rss2&#038;p=50</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
