Skip to main content

Critique: Hansard

Asad Sayeed nominated this poster for a design award. You really need to click to enlarge this one to appreciate it:


You can see it in pieces in first author Gavin Abercrombie’s Twitter feed.

“Lessons from comics” is something of a recurring theme on this blog. And I’ve featured posters that used the vocabulary of comics before, but this might be one of the best examples I’ve seen.

The poster makes the “row by row” reading order clear because the panel heights are all identical, so there is a straight horizontal gutter marking out each row. The panel widths vary, so there is no white gutter running down the page that suggests “columns” to your eyes.

The one area where I would try a few things differently is the title. I’d use one typeface for the title instead of two. The two styles are just similar enough that the combination looks like it could be a mistake instead of a choice. I’d also like to see the looser, freehand style used through the rest of the poster reflected in the title, too. The generic Arial-style type used for the “‘Aye’ or ‘No’?” line looks uncomfortable and out of place with everything else on the poster. I think the same font is used for the author credit, but that is less noticeable and bothersome because it is so small.

I reached out to Gavin about the making of the poster. He wrote (lightly edited):

This was the third poster I have made. For the previous two, I had focused on trying to use as few words as possible on the page (bearing in mind that language and text are the object of my research).

This time, I had the idea that comics might be a great medium for scientific posters. Comics comprise image driven communication of ideas with a fairly limited use of text to help tell the story, and they also naturally focus on the narrative – which is generally a good move for science communication.

I used mainly Adobe Illustrator and a little Photoshop. Here’s the process I used:

  1. I made a list of comic cells based on the key points I wanted to make, and wrote the text content for each cell.
  2. I sketched out rough storyboard.
  3. I laid out titles and story cells in Illustrator.
  4. I drew images in Illustrator, mainly using the shape, line, pen and fill tools. The only exception is the second cell image, which is a photo altered in Adobe Photoshop using the color halftone filter.
  5. I created speech bubbles and narration boxes, and added text using fonts I found on Google Fonts.

All in all, it was quite a lot of work, but this is a three-year PhD project, so I anticipate being able to reuse quite a lot of this for future presentations.

Hat tip to Mary Ellen Foster.

External links

Google Fonts FAQ (How to download fonts is not obvious)

Related posts

Learning from Superman
Scott McCloud’s “Big triangle” and poster design
Critique: Protein biosynthesis
Don’t hold my handCritique and makeover: Captain Canuck
Labels:

Comments

Post a Comment

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...
Post a Comment
Read more

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...
Post a Comment
Read more

Critique: Life in the cold

Max Showalter had the worst possible poster experience. The thing we all dread. Max wrote: I recently presented this poster at a large conference and of the thousands of people walking by literally no one  stopped to look at my poster. Ignoring that could just be me (I thought I was charming!), could you provide some feedback on what aspects of the poster might be telling people “keep walking”? Ouch. I feel for you, Max. What happened? Let’s have a look at Max’s poster, which he gave at the 2017 Association for the Science of Limnology and Oceanography “Aquatic Sciences” meeting . Click to enlarge! Max’s poster is far from the worst I’ve seen. The layout is clean and the colours are attractive. Why didn’t it find an audience? As journalists say, this poster “buries the lede.” I think the issue is there is no clear entry point. For starters, the title is maybe a little small, and what it says is not helpful to me. I know what “low temperature” and “taxis” are. But I do not know ...
Post a Comment
Read more