A thread about using color as a design tool in science presentations. Color is a great tool to separate different categories of information, to highlight information, or to establish an emotional tone. 🧵1/20 Scientific graphs showing how good color choices enhance com
Color is best when used deliberately. When color is used to decorate rather than to design, important information can be obscured, and slides and posters can look like a trip to the circus. 🧵2/20 Examples of good and bad use of color in slides
The most fundamental colors are pure hues: a color’s purest identity. 🧵3/20 Color hues: red, orange, yellow, green, blue, and purple
Shade is the amount of black added to a hue. Tint is the amount of white added to a hue. 🧵4/20 Shades and tints added to hues
Value (or intensity) refers to the inherent lightness or darkness of a color. The value of different colors can be compared relative to a black and white gradient. 🧵5/20 Values of hues can be discerned by converting hues to graysc
Saturation refers to the degree of hue in a color. A fully saturated color is a true hue, while colors with less saturation look more and more gray. When colors are converted to grayscale, they are completely de-saturated. 🧵6/20 Relative saturation (and desaturation) of a hue
A color wheel depicts the full color spectrum and helps show how different colors relate to each other. 🧵7/20 A traditional color wheel with hues, shades, and tints
Presentation applications feature their own versions of color wheels, but the overall concept is the same—to depict relationships between different hues. 🧵8/20 Color wheels used by Microsoft and Apple
When choosing colors for text, datasets, etc., pay attention to “warm” vs “cool” colors. Warm colors consist of magentas, reds, oranges, and yellows. Cool colors consist of greens, blues, and purples. 🧵9/20 Warm and cool colors as depicted on a color wheel
Humans are hard-wired to attend to warm colors. Furthermore, we perceive warm colors as being in the foreground and cool colors as being in the background. Therefore, warm colors are great to highlight elements you want to emphasize. 🧵10/20 Warm and cool colors on graphs--humans perceive warm colors
Warm colors are excellent for highlighting data in any kind of figure. For color to be effective in attracting an audience’s attention, it should ideally be used in isolation. 🧵11/20 Color used to highlight salient elements of different figure
In this diagram of cell signaling pathways, it is obvious that the “FOXO” element is the main subject, not only because it is biggest, but because it features a warm color relative to the cooler background colors. 🧵12/20 An example of a cell signaling diagram in which the main sub
When using different colors, especially for foreground/background colors, ensure colors have high contrast. Warmer colors are best in the foreground and cooler colors are best in the background. 🧵13/20 Color combinations showing contrast between foreground/backg
On slides, often the best color combinations are black foregrounds on white backgrounds or vice versa. If using color, backgrounds composed of warm, bright colors can be too intense and distracting. 🧵14/20 Examples of slide backgrounds with different warm or cool co
To make your presentations accessible in a colorless environment (for colorblind individuals or black and white printers), choose colors that have high contrast. 🧵15/20 Good color combinations for colorblind individuals or for co
Colors are not neutral—they have emotional associations that you can deliberately employ in presentations to affect your audience’s mood. 🧵16/20 Emotional associations of different colors
A presentation about thirst or water might employ blue colors, while a presentation about sugar/candy might employ more bright and playful pinks/reds. 🧵17/20 Examples of slides that use the emotional associations of co
For some presentations, it can be fun to assemble a unifying tone using a color palette. You can find thousands of color palettes online to use for just about any theme. 🧵18/20 Color palettes for different presentation themes
You can also design your own color palette using your own photographs or photographs you find online. Creating these palettes can be incredibly fun and, for the right presentations, be incredibly impactful. 🧵19/20 Example of creating your own color palette for a presentatio
The bottom line for color is to be deliberate. Have fun, and always in a way that serves the content of a presentation as opposed to adding decoration. I always love seeing great examples of thoughtful color use in figures, slides, and posters. 🧵20/20

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with IAmSciComm - Hosted this week by Matt Carter

IAmSciComm - Hosted this week by Matt Carter Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @iamscicomm

May 31
A thread about using fonts/typography in presentations. Decisions about text matter. Just as you can speak the same word in many ways, the way you write text can affect communication, emotion, and attitude. 🧵1/19 Before and after examples o...
Some basics: Fonts are commonly characterized as serif fonts or sans serif fonts. Serifs are little projections that hang off the ends of letters. Sans serif fonts do not have these projections. 🧵2/19 Serif vs sans serif fonts
Serif fonts are great for printed words on a page. In fact, the purpose of the serifs are to guide the eye in reading text from left to right on a page. This is why most journals/books/magazines use serif fonts. 🧵3/19 The serif fonts Garamond, G...
Read 19 tweets
May 30
I have been inspired in scientific presentation design not only by my scientific mentors and colleagues, but also by famous designers. Here are 12 quotes that inspire me that may inspire your own science presentation design as well: 🧵1/13
"Good design is a lot like clear thinking made visual." Edward Tufte, data visualization and information design pioneer 🧵2/13
"Design brings content into focus; design makes function visible." Jennifer Morela, graphic designer and professor 🧵3/13
Read 13 tweets
May 30
A thread about what it means to “design” a science presentation. Design is ultimately about determining the impact you want to have on other people and then establishing the best way to achieve that objective. 🧵1/14 Cartoon of a scientist presenting a data slide
We live in a world with excellent “product design,” “website design,” “graphic design,” etc. Professional designers envision the user experience and work backwards to create great design to best impact the end user. 🧵2/14 Apple designer Jony Ive showing his design of a MacBook Pro
The Twitter feed you are reading right now was designed. So was the physical device you are reading this on. Every pen, every stapler, every coffee mug… at some point a designer thought about your experience using these items. 🧵3/14 Various consumer products that were designed to maximize the
Read 14 tweets
Sep 27, 2021
A thread on understanding the importance of 'complementary colors' in science figures 🎨👇🏼
(tl;dr, it will enhance color harmony, make your data 'pop', highlight antagonistic reactions, and keep your images color-blind accessible) an image describing the com...
Some of the top companies in the world make use of complementary colors to make their logos and branding 'pop'

(caution: I'd still avoid the red-green color combo to avoid colorblind accessibility issues!) Image
In other design industries, the use of complementary colors is subtle but extremely effective (especially when creating color balance and accent colors!) Image
Read 5 tweets
Aug 4, 2021
Thanks for being brave and helping us learn @AryaCampaigns! Here's my redesign!

Your focus is ACCESS. Currently that is buried and obscured. Suggest a #stackedbarchart #infographic to show your avg access, then break down by low and high health literate.
cont... Redesign of graphic showing support for eHealth intervention
honestly, in this case, your graphics are fighting your message, and I'd just get down to clearly showing your data. I'd also rather have labels than icons here, because I'm struggling to understand exactly what some of the icons are.
cont...
Possible to bring some images back in what I've labled demographics, but you may want to ask yourself what those are doing to help your message. Some of the side info could be cut.
Read 6 tweets
Aug 4, 2021
I've been thinking a lot about #illustration and #graphics in #scicomm and the place they play in design.

Like text, images hold info. I like to think of my images in terms of question-centered design as well. Here's a system of levels I've made to help me organize images:
1. Observational, descriptive. What something is, its inherent form, materials and characteristics. (what, who) Pen and ink drawing of a lithic
2. Contextual, locative. Puts the subject in a setting, either placing it in geographic or temporal space. Gives us the position relative to time or location. (where, when) lithic drawing, with leader lines placing it on a timeline a
Read 7 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(