Martin Krzywinski / Canada's Michael Smith Genome Sciences Centre / mkweb.bcgsc.ca Martin Krzywinski / Canada's Michael Smith Genome Sciences Centre / mkweb.bcgsc.ca - contact me Martin Krzywinski / Canada's Michael Smith Genome Sciences Centre / mkweb.bcgsc.ca on Twitter Martin Krzywinski / Canada's Michael Smith Genome Sciences Centre / mkweb.bcgsc.ca - Lumondo Photography Martin Krzywinski / Canada's Michael Smith Genome Sciences Centre / mkweb.bcgsc.ca - Pi Art Martin Krzywinski / Canada's Michael Smith Genome Sciences Centre / mkweb.bcgsc.ca - Hilbertonians - Creatures on the Hilbert CurveMartin Krzywinski / Canada's Michael Smith Genome Sciences Centre / mkweb.bcgsc.ca - Pi Day 2020 - Piku
And she looks like the moon. So close and yet, so far.Future Islandsaim highmore quotes

science: communication



PNAS Cover: Earth BioGenome Project


science + communication
scientific graphical abstract design guidelines
Practical design guidelines for graphical abstracts and small figures.
Visit the Graphical Abstract Hospital to see redesigns of real-world abstracts.

Effective poster design for science communication

Guidelines to get you started and keep you going

Watch webinar
cases from the poster hospital
Download PDF template
v1.4 14 Jul 2020
Martin Krzywinski / Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Guidelines for telling your research story—sober design, typography and data visualization tips all in one place with a minimum of fuss (v1.4 14 Jul 2020). (Download PDF template)

GIMMICKS AND CHEAP TRICKS

There are no shortcuts—good explanations take effort. There are plenty of gimmicks and cheap tricks that masquerade as solutions—reject them.

Instead, seek out strategies that adopt the categorical imperative. If everyone used this strategy, would the (poster) world be a better place? A conference hall full of 300 QR-code posters? No thank you.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
There are many gimmicks and cheap tricks that masquerade as solutions—reject them.

POSTER DESIGN GUIDELINES

The poster design guidelines are flexible. They are built on the concept that less is more. However, sometimes a little bit more is actually more. Think before you draw and adjust the design to the themes of your story.

See how the guidelines can be applied to posters in the wild by visiting the poster hospital.

# 1
Poster child of science.

A poster is your first opportunity to organize and communicate your reasearch to members outside of your lab. It will help you to practise telling and “drawing” your science story and its design should be based on its concepts, themes and transitions.

The poster is a prop—not a paper. In most settings, you will be there to present it. Match its content to the story you will tell.

Most posters are bad not because they are ugly (they are) but because they fail to present concisely what was done and, more importantly, why it was done.

Most posters have too much content, presented too flatly. Less is more: get to the point, then stop.

A

Detail on demand, not by default.

B

Curate your content, narrate and explain—don't dump.

C

Control your volume of speech and restrain exuberance, folly and whimsy.

Storytelling

# 2
All science deserves excellent explanations—explain quickly and clearly.

Motivate why the work was done. What is the cost of not doing it?

State your hypothesis and conclusions clearly and early. Connect them with the fewest steps required for a first explanation.

# 3
Establish a story path and stick to it.

The reader won’t know what is important, so tell them.

Saliently and intuitively code key contrasts (e.g. healthy/disease, wildtype/mutant).

Good explanations are ones conveniently placed. Embed simple diagrams next to relevant text.

Design

# 4
Only you can stop poster dumpster fires.

Clean and consistent design allows for subtle cues to call out important observations and other points of interest.

Clip art, pie charts, bullet points, boxes around text, background fills, textures and gradients. Only you can stop it.

# 5
Maintain good Gestalt grouping.

Create groups to encode real-world relationships and be on the lookout for unintended accidental groupings.

A

Similar shapes and colors will form groups.

B

Objects and shapes that are close to one another will form groups.

Layout

# 6
Align aggressively.

Alignment of similar quantities subtly suggests where to look next.

Create alignment guides and use them consistently—the eye will find even small misalignments.

# 7
Let content inform layout.

Do not let a template bully you into using a specific column width. Change proportions to suit content.

Be prepared to rewrite. There are many ways to say something and some ways are easier to typeset.

# 8
Separate and organize elements with space.

Space makes groups.

Dividing lines can be effective but more can make the poster look congested.

Hollow boxes are jails and do not distinguish foreground from background.

# 9
Make room for negative space.

Don’t say everything you know. Your most valuable resource is the reader’s time.

Regions of unbalanced negative space are good candidates for annotations, credits, quotes, and other garnish that adds value to the poster. Don’t overdo it—most quotes rehash old tropes. If you must, find something that is passionate and slightly mysterious.

Typography

# 10
Use classic fonts and match them based on historical period, family or creator.

Sans-serif is clearer than serif at small sizes and suitable for modest amounts of copy.

Match Helvetica/Minion, Frutiger/Apollo, Gill Sans/Perpetua, Gotham/Mercury, Legancy/Jensen, Syntax/Sabon, Univers/Meridien.

Italicize text with care and look for unintended italics in subscripts.

# 11
Maintain and control proportions.

This poster is 16” × 12” (1152 × 864 pt), uses Helvetica Neue with a 5, 8, 13, 21, 34, 55 pt scale ladder, and is legible on most screens.

A

A point is a unit of size used in typography. Without a physical size they lose their meaning, but can provide a helpful scale.

B

Select type sizes from one or a union of two modular scales built on the Golden Ratio (e.g., 55/34 ≈ φ = 1.618...).

Keep line length short and hyphenate instead of fully justifying.

# 12
Use a lead to announce an observation or insightful comment.

Establish subordinate content with italics.

Reserve small text for tangents and detail beyond the first explanation.

Bold caps for panel subtitles

Use typographical garnish sparingly—be creative, but in small steps. A well-placed symbol or label can connect themes or indicate the purpose of text (e.g. triangles suggest a legend).

Align symbols independently of subscripts and superscripts.

# 13
Force line breaks to improve readability.

Split a sentence into noun phrases or offer a natural pause, such as at a comma or a period.

Balance layout by shortening sentences—there are many ways to say something and some ways are easier to typeset.

Copy

# 14
Everything is important, but some things are more important than others.

Establish a visual hierarchy by emphasizing your hypothesis, conclusion and the key points that connect them.

Relegate protocols, technical methods, and other minutiae to the bottom of the poster.

Always be mindful of what the reader needs to know to understand enough to ask insightful questions and frontload this information.

# 15
Best titles are short conclusions, not long introductions.

Avoid long addressess—no postal codes, no zip codes.

Your work is a “study” and explores a “relationship” to look for an “effect”. Treat that as a given and say what is important.

# 16
Avoid obvious headings such as “references” or "acknowledgements".

Citations can be set in a block of text, with bold numbers like this 1. R. Bringhurst, Elements of Typographical Style. 4th ed (2012) and 2. W. Strunk Jr., Elements of Style (1918). Unless a specific citation style is required, use a compact style that also includes the title.

# 17
Write with a sober and unaffected tone.

Don’t try to be snarky, cheeky or witty—most attempts do not succeed. Don’t trigger the jokers, cynics, cranks and curmudgeons.

Heed Strunk's Elements of Style:

A

“Make definite assertions. Avoid tame, colorless, hesitating, non-committal language. Use the word not as a means of denial or in antithesis, never as a means of evasion.”

B

“Use definite, specific, concrete language.”

C

“Do not overwrite. Rich, ornate prose is hard to digest, generally unwholesome, and sometimes nauseating.”

D

Be “compact, informative, unpretentious.” and avoid “a breezy style is often the work of an egocentric, the person who imagines that everything that comes to mind is of general interest.”

E

“Avoid a succession of loose sentences.”

Color

# 18
Use color strategically.

Color powerfully classifies content. It is impossible to achieve this if everything is in color or if the poster is agrresively colourfully branded.

A ramp of colors of the same hue (e.g. green, blue) is useful to communicate continuous quantity. Use a single salient color (e.g. orange, magenta) to underscore a key theme, observation or conclusion.

Design for accessibility by colorblind readers.

A

Do not reuse the same color for a different meaning.

B

Work in CMYK space and avoid 100% saturated colors.

# 19
Use color for themes or data encoding and not as garnish.

The first color to appear should begin the core story.

Map salience to pertinence. When used in moderation, colors like orange or magenta say “look here”. You cannot look everywhere.

Avoid unintentional emphasis by equalizing for perceptual luminance.

A

Colored text may help emphasize a theme but use it sparsely.

B

Round corners slightly for eye comfort.

C

Extend beyond the frame to imply a crop or continuity.

Data Visualization

# 20
Use ink sparingly to make compact figures legible.

Dense is not necessarily crowded.

Explain an encoding once and reuse it.

Create a visual key for complex encodings and choose graphical explanations over text.

Use Brewer palettes, even for greys.

# 21
Avoid visual complications that are not relevant

Color blending can create distracting intersections of color.

Superimpose white outlines to emphasize shapes with an opaque fill.

Use multiply blend mode to layer dense data. Hollow points make excellent outliers.

# 22
Use small multiples.

Tabulate plots and text seamlessly with a column or row for explanations.

# 23
Arrows imply a relationship or change.

Do not use them to guide the eye, which can be achieved with spacing and alignment.

Figures

# 24
Use figure titles to explain trends, not merely to specify the axes.

Don’t tell the reader what they're seeing: “a linear fit to a scatter plot” is redundant. Explain and interpret the figure instead.

# 25
Establish a visual hierarchy.

Trends and their explanations should be the most salient.

Do not use excess ink on axes and navigation elements.

A

Use 0.5pt lines for axis lines and ticks.

B

Avoid dense ticks and tick labels.

C

Place grids on top with a multiply blend.

Highlight regions of interests with a solid color (or grey), not outlines.

Cue important observations and intervals with arrows or outlines.

# 26
Forego legends in favour of inline explanations.

Embed text and attach labels to data to avoid legends.

Italicize variables in fit diagnostics and use shaded bands for confidence intervals.

Callout lines should be rectilinear or at 45° if the graphic already has such elements.

# 27
Share axes or align panels to clarify variables or emphasize changing scale.

Categorical variables in bar charts do not need an explicit axis. Specify sample sizes and what error bars represent (e.g. standard error of mean, `n = 5`). Report `P`-values with effect sizes or confidence intervals. A statistically significant observation isn’t necessarily of biological interest.

Establish continuity using figures that share an axis. Thresholds that span across panels (dashed lines, not dotted) lead the eye naturally to help tell the data story.

Use grids sparingly. Do not divide the plot more finely than precision allows.

Use grey for baseline, control or reference conditions. Dark grey is easier on the eyes than pure black. Avoid dark bar outlines.

# 28
Reveal qualitative trends in small multiples with order, cutoffs and cues.

Look for opportunities to include key observations and explanations in the figure—don’t leave it to the main text, where it may be far from the graphic. Emphasize what quantities are important—anticipate the reader’s questions and answer them.

A

Express trends without words and draw attention to important data subsets.

B

Distribute based on points of interest.

C

Axis breaks tell a story.

Logos

# 29
Balance visual weight and size the logos equally.

If acknowledging institutional support, place it next to the logo.

Use vector-based logos, not low-resolution bitmaps. Do not change logos’ aspect ratio or crowd it with other elements—both are likely against its branding style.

VIEW ALL

news + thoughts

Cancer Cell cover

Sat 23-04-2022

My cover design on the 11 April 2022 Cancer Cell issue depicts depicts cellular heterogeneity as a kaleidoscope generated from immunofluorescence staining of the glial and neuronal markers MBP and NeuN (respectively) in a GBM patient-derived explant.

LeBlanc VG et al. Single-cell landscapes of primary glioblastomas and matched explants and cell lines show variable retention of inter- and intratumor heterogeneity (2022) Cancer Cell 40:379–392.E9.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
My Cancer Cell kaleidoscope cover (volume 40, issue 4, 11 April 2022). (more)

Browse my gallery of cover designs.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
A catalogue of my journal and magazine cover designs. (more)

Nature Biotechnology cover

Sat 23-04-2022

My cover design on the 4 April 2022 Nature Biotechnology issue is an impression of a phylogenetic tree of over 200 million sequences.

Konno N et al. Deep distributed computing to reconstruct extremely large lineage trees (2022) Nature Biotechnology 40:566–575.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
My Nature Biotechnology phylogenetic tree cover (volume 40, issue 4, 4 April 2022). (more)

Browse my gallery of cover designs.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
A catalogue of my journal and magazine cover designs. (more)

Nature cover — Gene Genie

Sat 23-04-2022

My cover design on the 17 March 2022 Nature issue depicts the evolutionary properties of sequences at the extremes of the evolvability spectrum.

Vaishnav ED et al. The evolution, evolvability and engineering of gene regulatory DNA (2022) Nature 603:455–463.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
My Nature squiggles cover (volume 603, issue 7901, 17 March 2022). (more)

Browse my gallery of cover designs.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
A catalogue of my journal and magazine cover designs. (more)

Happy 2022 `\pi` Day—
three one four: a number of notes

Mon 14-03-2022

Celebrate `\pi` Day (March 14th) and finally hear what you've been missing.

“three one four: a number of notes” is a musical exploration of how we think about mathematics and how we feel about mathematics. It tells stories from the very beginning (314…) to the very (known) end of π (...264) as well as math (Wallis Product) and math jokes (Feynman Point), repetition (nn) and zeroes (null).

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Listen to `\pi` in the style of 20th century classical music. (details)

The album is scored for solo piano in the style of 20th century classical music – each piece has a distinct personality, drawn from styles of Boulez, Feldman, Glass, Ligeti, Monk, and Satie.

Each piece is accompanied by a piku (or πku), a poem whose syllable count is determined by a specific sequence of digits from π.

Check out art from previous years: 2013 `\pi` Day and 2014 `\pi` Day, 2015 `\pi` Day, 2016 `\pi` Day, 2017 `\pi` Day, 2018 `\pi` Day, 2019 `\pi` Day, 2020 `\pi` Day and 2021 `\pi` Day.

PNAS Cover — Earth BioGenome Project

Fri 28-01-2022

My design appears on the 25 January 2022 PNAS issue.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
My PNAS cover design captures the vision of the Earth BioGenome Project — to sequence everything. (more)

The cover shows a view of Earth that captures the vision of the Earth BioGenome Project — understanding and conserving genetic diversity on a global scale. Continents from the Authagraph projection, which preserves areas and shapes, are represented as a double helix of 32,111 bases. Short sequences of 806 unique species, sequenced as part of EBP-affiliated projects, are mapped onto the double helix of the continent (or ocean) where the species is commonly found. The length of the sequence is the same for each species on a continent (or ocean) and the sequences are separated by short gaps. Individual bases of the sequence are colored by dots. Species appear along the path in alphabetical order (by Latin name) and the first base of the first species is identified by a small black triangle.

Lewin HA et al. The Earth BioGenome Project 2020: Starting the clock. (2022) PNAS 119(4) e2115635118.