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
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
The most fundamental colors are pure hues: a color’s purest identity. 🧵3/20
Shade is the amount of black added to a hue. Tint is the amount of white added to a hue. 🧵4/20
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
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
A color wheel depicts the full color spectrum and helps show how different colors relate to each other. 🧵7/20
Presentation applications feature their own versions of color wheels, but the overall concept is the same—to depict relationships between different hues. 🧵8/20
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
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 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
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
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
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
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
Colors are not neutral—they have emotional associations that you can deliberately employ in presentations to affect your audience’s mood. 🧵16/20
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
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
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
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
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
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 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
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
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
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
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
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)
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!)
In other design industries, the use of complementary colors is subtle but extremely effective (especially when creating color balance and accent colors!)
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...
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.
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)
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)