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

Better Posters Twitter account temporarily down

The automated Twitter feed for this blog (@Better_Posters) is currently down. I had logged in to make a few cosmetic changes to the feed. When I did, I was prompted to add a birthday, so I picked the day the blog went live. Little did I know that since this was ten years ago, it didn’t meet Twitter’s minimum age requirement of 13. This instantly got the account locked. I have put in a service ticket, and will post here when the feed is back.
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

Link roundup for October 2016

Contrast matters, and web page designers are starting to forget that . Kevin Marks delves into how grey text is becoming so prominent on the web. Marks notes something I’ve talked about before: the difference between the screen and a poster handing on a wall. (W)hen you design in perfect settings, with big, contrast-rich monitors, you blind yourself to users. To arbitrarily throw away contrast based on a fashion that “looks good on my perfect screen in my perfectly lit office” is abdicating designers’ responsibilities to the very people for whom they are designing. Hat tip to Robert J. Sawyer. It’s great when you have a lab to go to a conference with. But not everyone has a lab. Here are tips for how to rock a conference solo . An occasional reminder that if your poster hangs for several days, create opportunities for people to give feedback when you are not there: Hat tip to Ciera Martinez . Stephen Heard is unimpressed with most conference badges . This led me to another discussion o...
Post a Comment
Read more