easilyamused | John D. Berry’s blog

Roger Black has been thinking about template-based editorial design for quite a while; when I was talking to him in Mexico City last year, he said he’d been focusing more and more on this kind of systematic design. Last week he, along with Eduardo Danilo, Sam Berlow, Robb Rice, and David Berlow, launched a new venture called “Ready-Media” that would market exactly that. “We’re making systems for pages, not pages themselves,” Roger said in their press release.

Over on spd.org, the website of the Society of Publication Designers, the shit hit the fan. Bob Newman’s brief article “Just Add Water” (Grids, July 20) generated a long slew of heated comments, many of them objecting to the very idea of design templates and worrying that Roger Black was (once again?) going to destroy the profession of publication design. A few people pointed out that templates have been with us for decades, and that the most likely effect may be to raise the base level of quality on low-end publications, rather than replacing “real” designers on big-ticket designs. (The real question there will be whether Ready-Media’s services are priced for low-end or high-end clients.)

Quite apart from the business of offering canned design for sale, templates are essential for what I call “automating quality.” This means not just crafting a beautiful page, but creating a flexible system that you can use to pour varying kinds of content into and create a reliably good result. When I was a compositor at Microsoft Press back in the 1980s, we worked on just this sort of problem with the books we were designing and producing. (I even found myself writing hexadecimal translation tables and complex logical “formats” in order to massage the text we imported into the CCI composition system.) On a text-paragraph level, this is also what Adobe implemented a decade later with InDesign’s multi-line composer. (In the interim, I had been writing a series of white papers for Aldus Corporation, delving into the details of the composition engines underlying, respectively, PageMaker and QuarkXPress, both of which were trying to create workable typographic defaults.)

Ideally, in a truly flexible layout system, you have the same kind of hierarchy of rules for laying out the elements on the page that you have for deciding where to hyphenate a word at the end of a line of text. It’s the same kind of “if, then” decision-making, but at different levels. I’ve seen web designers apply this kind of thinking (too rarely!) to the ever-shifting sizes and orientations of web pages, trying to make sure that the layout adapts to give the best possible result in any circumstances. (Not surprisingly, Ready-Media promises to add templates for web design shortly.) And at a simple level, even in a word-processing program, the use of paragraph- and character-level styles is a tool for intelligent automation.

Nobody can automate quality completely. At the end, you always need to apply a trained eye and make corrections and adjustments. But a good, well-thought-out decision-making system will get you to a much higher plane right from the start.

Categorized as editorial design, publishing, typography |

Do it now! Act without thinking! Do it now!

Inspired by the success of Cory Doctorow in giving away the texts of his books in every conceivable electronic form, and yet ending up selling more copies of the printed books than his publishers would otherwise expect, I have put together a digital version of Dot-font: talking about design, which you can download for free.

This PDF is designed for easy onscreen reading – or for printing out two-up on your laser printer and reading in a comfy armchair. I am also including the full text in a Microsoft Word file (.doc) and in a “plain text” file (.txt), for those who prefer either of those formats.

This electronic version is published under a Creative Commons license; you’re free to share the files, though not to claim them as your own or make money off them. (For the details of the license, look here or see the copyright page of the digital book.) I haven’t included the right to create “derivative works” based on this book – but hey, if you’ve got an idea for a stirring adventure series set in the “dot-font” universe, or if you have an uncontrollable urge to make “dot-font” action figures, let me know.

Unlike Cory’s novels and essay collections, the print version of Dot-font: talking about design is illustrated. The electronic version is not. I can’t give away other people’s images, but I can freely distribute the full text.

So go ahead, download the book. Pass it on. Let me know what you think. And let Mark Batty, my excellent publisher, know too. Let a hundred dot-fonts bloom!

Categorized as book design, books, design, education, information design, publishing, typography, writing & editing |

The demo of a new online interface for Sports Illustrated, based on HTML5, does a good job of showing off fancy magazine layout in a screen-friendly format. But it falls down when you look closely – when you tear your eyes away from the action photos and try to read the text.

Like all those current e-books, this e-magazine falls down in simple text typography. The text of the articles is justified, yet there’s no hyphenation. When your text composition engine doesn’t even hyphenate the word “grandmother” at the end of a loose line, it’s just not doing its job.

The page designers at Sports Illustrated make it even harder by shoving intrusive pull-quotes into the main text block and wrapping the text around them. This is a bad enough at any time (it says, in effect, “we don’t care about the words, just the shape”), but it’s inexcusable when you can’t even hyphenate those extra-short lines next to the pull-quotes. Text wrap and justification rarely work together. (Anybody heard of a multi-column grid?)

Oh yes, and the pull-quotes use straight apostrophes. With a non-typewriter typeface.

In a tweet today, after seeing the demo, Roger Black called it “The best digital magazine . . . yet!” Which may be true – but if so, there’s still a long way to go.

[Images at left from the YouTube video about the HTML5 new prototype.]

Categorized as design, editorial design, publishing, typography |

It’s gratifying to see, at last, some attention given to the shortcomings of the various e-readers. It took the hoopla around the introduction of the iPad to get us to this critical state. Perhaps the most telling thing about the iPad as a reading device is where it doesn’t improve on its predecessors.

None of the existing e-reading devices – or at least none that I’ve seen – have good book typography. They look superficially impressive – “a decent simulacrum of printed pages,” as Ken Auletta said of the Kindle in his recent New Yorker article – but when you look closely at the actual words on the page, you find that they’re rather crudely typeset. I’m not talking about the fonts or how they’re rendered onscreen; I’m talking about spacing, which is what typography is all about. Most notably, none of the most popular e-readers employ any kind of decent hyphenation-and-justification system (H&J, in digital typesetting terms). And yet all of them default to fully justified text.

As anyone who has done production typesetting or has designed a book meant for reading knows well, the factors that make a block of text easy or hard to read all occur at a scale smaller than the page. The most obvious is the length of the line, but line length is engaged in a complicated dance with the space between lines, the space between words, and the spaces between letters. The choice of typeface is almost irrelevant; any legible typeface can be made readable with enough care given to the spacing. (Well, almost any legible typeface.) Finding the right combination of all these factors for a particular typeface, and for a particular author’s words, is what text typography is all about.

All of these space relationships will be thrown to the winds if you typeset a page with justified text but no hyphenation. There’s a reason why the words “hyphenation” and “justification” are used together.

In producing a printed book, you can massage all these variables until you get pages that look consistent and that are effortlessly readable. You can do the same for a book that’s going to be read on a screen, but only if the end result is in a static format, such as a PDF document – essentially, a printed page by other means.

But one of the great advantages of e-readers is that you can change the type size at will. (In some, you can also change the typeface, within a narrowly circumscribed range of choices.) Lovely! But then what happens to all those careful choices about line length and word spaces and so on? They have to be made again, on the fly, automatically, by the software. And if the software isn’t smart enough to know how and when to divide words, then the spacing is going to look like hell.

Which is pretty much the way it does look, except when we get lucky, on all of the popular e-reading platforms. Great big holes appear in some lines, or a cascade of holes opens up on adjacent lines, which typographers call a “river.” It’s not just ugly; it slows down reading.

This is bad enough on a normal rectangular page, but it gets even worse when some visual element – an illustration, for instance – intrudes into the text block and the text has to wrap around it. Bad examples abound.

Some people like justified pages on an e-book page because they’re used to it in printed books. Fine. But they’re also used to better typesetting in printed books (even sloppily done ones) than we’re getting so far in e-books. The simplest solution is to give the reader a choice: justified or unjustified. And make the default unjustified. A ragged right-hand edge is easier to read than a ragged middle that’s full of holes.

The ideal solution, of course, is to have a good H&J system built into the e-book reader. But creating a really good hyphenation and justification program isn’t a trivial undertaking. Not only does the software have to know where it can break a word, and have some parameters for knowing when to break it, but the program should also modify these choices depending on the lines above and below the current line. This is what Adobe InDesign’s “multi-line composer” does. No automated system is perfect, but InDesign’s default text composition is pretty good. Certainly something like that would be a vast step upwards from what we see in e-books today.

Since we’ll all be stuck reading digital books at least some of the time, I’d like to see the standards of book composition improve, and improve fast. It might start with reviewers not blithely passing over the poor typesetting and getting wowed by the hardware or the pretty pictures. There has to be a demand for good composition in e-books. Attention to quality on that level doesn’t often get rave reviews; most people never consciously notice it. But they definitely notice it on an unconscious level, and it affects their willingness to read a book or abandon it. This is true in printed books; it’s just as true in e-books.

Who will bring out the first really good e-book reader?

[Photos: iBooks page spreads from iPad in landscape mode (left); animated GIF of Kindle page as the font size changes (above).

Categorized as book design, books, onscreen design, publishing, typography, writing & editing |

Oded Ezer continues to be absurdly creative with the actual physical nature of type. And I don’t mean holding lead sorts in your hand. This time he’s in London, or he was last week, talking at the London College of Communication while wearing a slightly painful-looking typographic mohawk. Type roolz OK!

Categorized as letters, type designers, typography |

The New York Type Directors Club has recognized the importance of typography in the design of titles for movies, TV, online, and live gatherings, and for the first time this year TDC has a competition for the best title designs: TDC Intro. We’ve gotten used to noticing the design of film titles and credits, but this recognizes how widely the use of typographic “introductions” has spread through our entire visual environment. TDC Intro is being chaired by Jakob Trollbäck.

The competition’s deadline has just been extended to Jan. 20 (though the TDC website’s “competitions” page focuses on the just-closed TDC56 and TDC2 comps; follow this link for the entry form for Intro).

Categorized as motion graphics, typography |

The eagle-eyed proofreaders and fact-checkers at The New Yorker clearly didn’t have a go at this pre-Christmas advertisement that came in my e-mail. If I were Eustace Tilley in this image, I’d be peering skeptically not at the butterfly but at the conspicuously backward apostrophe. ’Tis sad, is ’t not?

Categorized as advertising, typography |

I was too busy during Typ09, the 2009 ATypI conference in Mexico City, to write anything for this blog (or for much of anything else), but it wasn’t for lack of potential content. The conference was very well attended and full of ideas; everyone I’ve talked to seemed to think that the program was particularly stimulating, and the cultural and intellectual milieu was rich and intense.

Many thanks to the organizers of the conference – especially to Ricardo Salas, the mastermind of the whole event; to the indispensible Mónica Puigferrat and Paulina Rocha; to Marina Garone and Leonardo Vásquez, of the program and exhibitions committees, respectively; to Roger Black, who got the ball rolling; and to Barbara Jarzyna, ATypI’s conference organizer and executive director.

Although I didn’t have time to write anything, I did take a lot of photos. I posted an early batch to Flickr before the conference began, and later added quite a few more. Most of them even have captions! Here they are.

[Photos: Typ09 banner and posters at Anáhuac University (left); Mark Barratt & Simon Daniels at a sidewalk bar in the Centro Histórico (below, top, L–R); one of the multiple screens in the main program at MIDE (below, bottom).]

Categorized as culture, events, type designers, typography |

Brooks Brothers has an amazing ability to project established elegance and solid reliability in the realm of men’s formal clothing. A Brooks Brothers suit is iconic. When Brooks Brothers first established a store in downtown Seattle, a few years back, they managed to make it look as though the shop had been established on that corner since the founding of the company in 1818 – despite the fact that there hadn’t even been a town, much less a street intersection, at that spot nearly two hundred years ago. In the spot they moved to later, a couple of blocks away, the building isn’t quite as convincing, but the shop still has that aura of conservative quality.

Except in the execution of its typography. The choice of Bodoni for the type on this window text was clearly meant to emphasize the classic elegance of the brand. But the effect is spoiled by the typewriter apostrophes, which neither Giambattista Bodoni nor any type designer up until the advent of desktop publishing had ever conceived of. (It’s further spoiled by the fact that the second apostrophe doesn’t even belong there: the adjective is its, not it’s.)

Categorized as advertising, ambient letters, signage, typography |

A link has just gone up on the ATypI website to a set of videos from the program of the 2007 ATypI conference in Brighton – a selection (not complete) of the talks and presentations that made that conference worth attending. (When I first started listening to one of the recordings, I found myself thinking, “Hey, that sounds like me…!” Of course, as I realized after a few moments, it was me: I did the introduction to the speaker, and that was included in the recording.) It’s a nice, timely reminder of how eclectic and informative an ATypI conference can be. It also gives me a chance (at long last) to catch one or two of the talks that I missed because I was hosting another track at the same time. That won’t be a problem this year, since the main program at Typ09 will be presented in a single continuous track. (“All singing! All dancing!” The Busby Berkeley musical numbers starring John Downer, Erik Spiekermann, and David Berlow will astound and delight!)

Time’s a-wastin’! Register now!

Categorized as education, events, typography |