Skip to main content

Critique: The Capricorn Experiment, plus: Font families

Today’s poster is about the Capricorn Experiment, not to be confused with the 1970s conspiracy movie, Capricorn One:


The only conspiracy in the new poster, from Vidhi Bharti at Monash University in Melbourne, is the justification for “Capricorn”. It’s supposed to be an abbreviation for, “Clouds, Aerosols, Precipitation, Radiation, and Atmospheric Composition Over the Southern Ocean.” The experiment should really be “Capracoso.” I mean, you just don’t get to make abbreviations out of any letter somewhere in the word! It would be like abbreviating the University of Texas Rio Grande Valley as “EXONE”.

But I digress. Let’s look at the poster, which you can click to enlarge!


Vidhi wrote:

I work on boundary layer meteorology, which basically deals with a lot of mathematical equations and unattractive diagrams. Therefore, presenting it all in an attractive package is a big challenge.

Vidhi does a good job of rising to that challenge with this poster.

I like the way this poster tackled the two column layout. While I normally would prefer the two columns to be even in width, when there are only two, having the two columns differ in width is perhaps not so annoying as when there are three or more columns.

Everything could use more space around it. I would try shrinking a lot of elements, maybe 85-90%, to give each bit a little more breathing room. The main text of the poster is so readable that it can afford to be a little bit smaller, so that the overall appearance isn’t so crowded.

The poster could also use a stronger sense of visual hierarchy. In particular, the author and institution names are bigger than the text below them. This causes two problems.

  1. The bylines chew up space that this poster needs to reclaim.
  2. The size indicates those names are more important than what the poster is about. With respect to the team, who I have no reason to think are anything other than fab human beings and scientists, the person reading the poster is probably more interested in the text of the poster than who wrote it.

The bottom of the “Analysis” box is driving me a bit crazy, because the bottom margin is obviously thinner that the top or left. The text on the right of that box occasionally strays a little close to the edge.

I like the fonts, but I noticed there were two of them: one in the main text, and another in the lower left box. I asked Vidhi if there was any particular reason to switch to a different font in the “Capricorn Experiment” box. She replied:

I derived the layout inspiration from magazine articles where they usually divide the sections into different columns and keep one highlighted box. For my poster, I wanted “Capricorn experiment” to be that highlighted box.

I’ve used callout boxes myself (see the 2012 Neuroethology poster here), and I applaud the idea. The execution might be improved with some different font choices. The two fonts are, to my eye, too different from each other, and they clash a little bit. What Vidhi needed was a font family: a set of complementary fonts deliberately meant to work together. Usually, they are all designed by the same person or foundry.

Here’s an example of a font family in action on an infographic I made for CBC’s Quirks and Quarks radio show (the version below was tweaked slightly after I submitted to the show):


There are at four or five different typefaces on that image. But they are all part of the same font family, Adorn. Adorn is an excellent example of a font family. In the case of Adorn, none of the edges are perfectly smooth. Every typeface, whether slab or Roman or script, has a hand-drawn feel, like it was created with ink and paper.

For Windows computers, Arial is a font family that many would recognize. It comes in a narrow, black, and rounded fonts.Not as different from each other as Adorn, but the idea is the same.

MyFonts, Fontshop, and other online font stores usually have bundles, families, or similar things for sale. Sometimes the fonts are simply different weights or styles of the same font (bold, italic, book weight, thin, etc.; see FF Tisa for an example). Sometimes, particularly with display fonts, the mixes of styles is more dramatic and ambitious, like Adorn or Phonema.

While I do think imposing limitations on yourself can be useful, the system fonts are that come on most computers are sometimes too restrictive. Times New Roman was a default font for a long time, and many people still use it for much text. Yet it still seems limited on many computers to a single font. There aren’t light or heavier weights.

While there is an initial cost outlay to buying a font family, just a couple of font families in your toolkit opens a lot of possibilities in design.

 Additional: Peter Newbury shared an example of fonts not working together:


It’s like somebody was trying to win at Font Bingo.

Comments

Popular posts from this blog

Scott McCloud’s “Big triangle” and poster design

Posters are a visual medium. But not everything is equally visual. A picture of a real object is very visual, and the best thing to have on a poster. A scatter plot is less visual. And text is the least of all. I was thinking about how I might make that point, um, visually, and I suddenly realized that I was just recreating one side of Scott McCloud ’s triangle from Understanding Comics . If you have not read Understanding Comics ... oh, how I envy you. You have that to look forward to. It is a wonderful book. Even if you are the sort who thinks, “Ugh, superheroes,” get over it, read this damn book, and have your consciousness expanded. It is an undisputed classic book. Here’s a except relevant to the matter at hand: And that’s the point I was trying to make, except McCloud did it better over twenty years ago. Received information is immediate; perceived information takes effort. This is why nobody likes posters with too much writing. It takes effort that, in a busy conference settin...

Reading gravity

Great minds think alike; fools seldom differ. I recently learned that something I’ve called “ the Cosmo principle ” on this blog is an actual thing that proper designers talk about, except they have a different name for it. They call it “reading gravity.” The picture above is sometimes called a “Gutenberg diagram.” Apparently it was given that name by newspaper designer Edmond Arnold (interviewed here , where he refers to the “Gutenberg principle”). I’m not completely sure about this; need to do some more reading. What this image calls the “primary optical area,” I’ve usually called the “sex story,” because that’s invariably what occupies that position on every cover of Cosmopolitan magazine. The “terminal area” is usually what I’ve called the “take home message.” What I find usually ends up in the lower left corner, or “weak fallow area” as its called here, are my methods section. And that’s fine, because those are usually only of interest to the afficiandos. This diagram is wort...

Critique and makeover: Landfill bacteria

Today’s contribution comes from Patric Chua, who gave me permission to post this. Click to enlarge! Patric had this to say: Better Posters has been my guide for poster designs ( Aw, thanks! - ZF ), and I've followed the many ideas for this poster. I understand that PowerPoint is not the best tool, but I hope it will suffice. The design of the poster is inspired by infographics - I did not want it to conform to the IMRAD template. Each section can be read independently and has its own method and results. However, I’m afraid that I’ve falling into the trap where I’ve placed too many information in. I also think that the poster lacks a strong entry point. The piece de resistance is probably the bottom right corner where I followed the advice on Inviting interactions post. I plan to attach cardboard boxes and place comment cards in the first box to make it easier for the audience. The amount of work that went into this is impressive. I’ve opened the file and seen just how many indiv...