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
music + dance + projected visualsNosaj Thingmarvel at perfect timingmore quotes

science: communication



Scientific graphical abstracts — design guidelines


science + communication
scientific poster design guidelines
Practical design guidelines for scientific posters and layouts on a large canvas.
Visit the Poster Hospital to see redesigns of real-world posters.

Effective graphical abstract design for science communication

Guidelines to get you started and keep you going

Download PDF template
v1.2 12 Nov 2020
Martin Krzywinski / Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Guidelines for summarizing your research story with a graphical abstract—sober design, typography and data visualization tips all in one place with a minimum of fuss (v1.2 12 Nov 2020). (Download PDF template)

GRAPHICAL ABSTRACT DESIGN GUIDELINES

The graphical abstract guidelines build on my design guidelines for posters. Because their focus is on telling the essence of a story in a small space, I see them as much less negotiable than guidelines for posters, where the large canvas allows for more options.

See how the guidelines can be applied to graphical abstracts in the wild by visiting the graphical abstract hospital.

The Graphical abstract mindset

# 1
Pure story clearly told

The purpose of the graphical abstract is to quickly present the key findings of a paper in a way that closely matches the narrative of the paper. The graphical abstract should place all central terms in context and emphasize key relationships.

A

A graphical abstract is Figure 0.

B

Everything you learn about the design of graphical abstracts applies to the design of figures.

C

Everything you learn about the design of figures applies to the design of posters.

Identifying what to put in the graphical abstract cannot be answered by design alone. Design can help place and shape what you have chosen, but it cannot tell you what to chose — that's up to the science.

Graphical abstracts are typically small square bitmaps. Though individual journal requirements vary, this constraint on the size of the canvas places tremendous limits on the design and imposes more strict requirements than when designing for a larger space.

D

The graphical abstract is a tiny space that offers no quarter. A bad design decision cannot be mitigated by a good design decision downstream. There is no room for "style".

E

The graphical abstract is a visual elevator pitch. There is no room for visual garnish or embelishment of any kind.

F

The function of a graphical abstract comes from its form, which cues the nature of relationships in its story.

Many abstracts struggle to fit the path of the story into a small space. Individual scenes meander down the image, often snaking, as elements struggle for space and attention. Make it easy for the eye and guide it along simple paths.

# 2
Restraint

The graphical abstract should never be designed with attracting the eye as the first priority. Rather, it's your first opportunity for engaging the reader's pre-attentive processing and to lay out a map of the story. Every part of the abstract should correspond to the beginning of important story arcs in the paper.

A

Strict control of color.

B

No gradients. There, I said it.

C

No elaborate three-dimensional representations. While well-drawn ones can be attractive, many distract the eye with too much detail and draw attention away from the story path.

Your paper is a mansion and the graphical abstract is a studio apartment — you cannot bring all the furniture. Too often, "style" is that credenza you've been lugging around everywhere. It's time to let it go.

# 3
Organization

Most graphical abstracts have poor top-level organization. In many, the wrong things are grouped and categories, such as experimental conditions, are not clearly demarcated. Opportunities for maintaining continuity between scenes of the story are often missed.

A

Understand and practise good Gestalt grouping principles. In a small space, color will group more powerfully than position and much more powerfully than shape.

B

Organize content in a way that reflects spatial or semantic hierarchy by making use of Gestalt figure-ground principles. These are very helpful in reinforcing inside vs. outside (e.g. cytosol vs. nucleus).

C

Tables are dead. Long live the table.

Typical graphical tropes, such as those used in figures and presentations, have no place in graphical abstracts. Everything must be distilled down to its core essence — this part is hard and requires that you pay attention to how graphical elements relate in shape and position and whether these relationships are unambiguous and speak to your story with specificity.

Many abstracts do not balance visual weight: they have too much detail in shapes and symbols and have too much variation in text size and line thickness.

In most abstracts, key aspects of the story are lost among too much variation due to loose design.

D

For every pair of things on the abstract, ask yourself: (1) can their graphical relationship be improved to better match their actual relationship? (2) does their graphical relationship imply something that isn't important or true? (3) am I repeating myself?

E

Are things of equal importance drawn with equal emphasis? How many different sizes of type are being used?

F

The abstract's grid layout should present a strong tabular feel. Can you draw a horizontal or vertical line across the abstract to divide its elements along thematic or categorical boundaries?

# 4
Leading the eye

Stick to straight paths for the eye: left-to-right, top-to-bottom, or top-left to bottom-right. Avoid requiring the reader to backtrack or turn sharply.

A

Align ruthlessly. In a small space even tiny misalignments become obvious and a barrier to assessing relationship between elements.

B

Encapsulate your story in a strong and obvious grid layout (1×2, 2×2, ...) and maintain symmetry in margins, padding and spacing between elements.

C

Use open form (elements extending beyond the image) to imply that the scene is a vignette of a larger scene or more complex process.

Color

# 5
More color isn't the solution

The success of a graphical abstrat rests on how well it is organized and how well it represents important relationships. Color can be used to maintain a theme (e.g. health vs disease) but this effect is diluted by other colors.

A

Do not create too many color groups. Instead, group using space and shape.

B

Avoid strongly coloring elements that are drawn for context or are of secondary importance.

C

Avoid background color, which generally reduces contrast. If you cannot overcome your desire for a background gradient, make it as subtle as possible.

Typography

# 6
Tightly control font size and color

Well-chosen type placement and size goes a long way in alleviating tightness of a small space.

A

Have a modest type size ladder with no more than 3 sizes — for example, 4, 6, 8 pt.

B

Generally, do not apply color to text unless you're cuing the continuation of a theme. But do so carefully.

C

Use light and dark grey for text to indicate a hiearchy of importance.

# 7
Do not rely on a variety of type faces (bold, italic) or styling

On a large canvas, there is room for a fully type hierarchy (bold, small caps, italics, etc). In a small space, there isn't. Always evaluate the legibility of text on the final bitmap.

A

Do not outline or add styling to text, such as drop shadows or glow.

B

Apply bold and italics gently and do not combine them — too much variation in type will overwhelm the space.

C

Small italic labels make for great annotations.

Technical Considerations

# 8
Design with physical size in mind

Although the graphical abstract itself may never be printed, it's extremely helpful to design it to a specific physical size. You'll be able to standardize your design process for graphical abstracts, figures and posters.

A

Design on a 4" × 4" artboard and export at 300 dpi. Scale artboard size, not output resolution, to match journal requirements.

B

Use point units for sizing text in the range 6–10 pt. Limit yourself to Arial or one of the Helveticas. Avoid angled or vertical text.

C

Draw lines no thinner than 0.5 pt. Standardize line and arrow length and angle.

VIEW ALL

news + thoughts

Happy 2021 `\pi` Day—
A forest of digits

Sun 14-03-2021

Celebrate `\pi` Day (March 14th) and finally see the digits through the forest.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
The 26th tree in the digit forest of `\pi`. Why is there a flower on the ground?. (details)

This year is full of botanical whimsy. A Lindenmayer system forest – deterministic but always changing. Feel free to stop and pick the flowers from the ground.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
The first 46 digits of `\pi` in 8 trees. There are so many more. (details)

And things can get crazy in the forest.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
A forest of the digits of '\pi`, by ecosystem. (details)

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 and 2019 `\pi` Day.

Testing for rare conditions

Tue 16-03-2021

All that glitters is not gold. —W. Shakespeare

The sensitivity and specificity of a test do not necessarily correspond to its error rate. This becomes critically important when testing for a rare condition — a test with 99% sensitivity and specificity has an even chance of being wrong when the condition prevalence is 1%.

We discuss the positive predictive value (PPV) and how practices such as screen can increase it.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Nature Methods Points of Significance column: Testing for rare conditions. (read)

Altman, N. & Krzywinski, M. (2021) Points of significance: Testing for rare conditions. Nature Methods 18

Standardization fallacy

Tue 09-02-2021

We demand rigidly defined areas of doubt and uncertainty! —D. Adams

A popular notion about experiments is that it's good to keep variability in subjects low to limit the influence of confounding factors. This is called standardization.

Unfortunately, although standardization increases power, it can induce unrealistically low variability and lead to results that do not generalize to the population of interest. And, in fact, may be irreproducible.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Nature Methods Points of Significance column: Standardization fallacy. (read)

Not paying attention to these details and thinking (or hoping) that standardization is always good is the "standardization fallacy". In this column, we look at how standardization can be balanced with heterogenization to avoid this thorny issue.

Voelkl, B., Würbel, H., Krzywinski, M. & Altman, N. (2021) Points of significance: Standardization fallacy. Nature Methods 18:5–6.

Graphical Abstract Design Guidelines

Fri 13-11-2020

Clear, concise, legible and compelling.

Making a scientific graphical abstract? Refer to my practical design guidelines and redesign examples to improve organization, design and clarity of your graphical abstracts.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
Graphical Abstract Design Guidelines — Clear, concise, legible and compelling.

"This data might give you a migrane"

Tue 06-10-2020

An in-depth look at my process of reacting to a bad figure — how I design a poster and tell data stories.

Martin Krzywinski @MKrzywinski mkweb.bcgsc.ca
A poster of high BMI and obesity prevalence for 185 countries.