Is using black as a background in an elearning course a good or bad idea? I'm developing a How-to course on using a printed resource for sales employees. I started using black as backgound for a Wordle image I created because the words and colors really pop with a black background. Thoughts?
Hi Marty. Personally, I love black! I think it can be very striking if used with high-contrast colors and bold images.
But I think it's also important to consider what sort of content you need to convey. If your course has lots of text or is super long, a ton of black might start to feel too heavy. You might also want to do some poking around among your target learners, to make sure there's nothing about their learning environments or their hardware that would make it difficult for them to view your content if you use a lot of black backgrounds.
It might also be helpful to mock up a few sample slides and put them out here for the community to take a look at - that's a great way to get feedback on how to make a design impactful. Would love to see what you're working on!
Looks cool Marty, black definitely helps the words stand out. I would let the rest of your content dictate the background colour you use. If its heavily text based then a black background might be too much.
I agree with Blair. You could check out this great post by David on mindmapping - that might help give you some additional ideas about creating an effective visual design for your content slides.
You could continue that element throughout your course with something like that.
Another thought, if the words you included in that image are main ideas in your course, you could have that graphic fade out leaving behind the words that make up your objectives
If you need to switch up the slide background design, you could have the full black background at the beginning of each section and then have the supporting slides contain a black frame/border while incorporating those bright colors throughout the course.
I really like David's suggestion of each color representing a type of information.
Oh and there is a template in the community downloads called Spectrum that has a black background with bright colors. There is also an article by Jeanette called Dressing Up an E-Learning Course with Variations of Black that includes links to all kinds of black themed sites
I get lots of pushback from my clients on black backgrounds with contrasting text, stating that it's difficult to read, and it drives me crazy. I usually try to point them to CNN, ESPN, etc. and show them that producers use black backgrounds with contrasting text because it is EASIER to read. Media moguls wouldn't use something on-screen that is difficult to read.
Yes Peter, I see black all the time on sets like ESPN and CNN. I've used black a few times but in general I do try to change it up. In terms of my designs, the only pushback I get is usally from my manager. He doesn't understand graphic design for the most part.
I feel your pain. I hold a degree in Graphic/Web design and one in Instructional Design. Some of the managers I have worked with in the past didn't understand graphic design and therefore missed out on using me to my full potential. In many cases they were getting a two for one on me. : ) I like the use of black with the bold text. I also like the idea that David shared. Makes me wonder if he is a graphic designer also.
Well I'm not a trained graphic artist myself but I have studied the subject and have a basic understanding. Like you, I don't feel I'm used to my fullest potential either because my manager isn't an instructional designer or graphic artist.
Black as a background is cool, but I tend to put a lot of light background boxes on them to display content, especially text. It can be easier on the eyes to break it up every once in a while and it draws strong contrast to points that need to have impact.
Black is a good solution on a computer screen but when you design always try and think where and how the slides will be displayed. If you throwing the image using a LCD projector I would strongly suggest you test it out to verify that the colors still pop. I have found that what looks good on the computer LCD doesn't hold the same quality on a projector screen and in those cases I have found a white background is actually a better solution.
Where is the quantified professional research re: dark background vs. light background? Do the graphic artists have it? The ophthalmologist? The human factors people?
Few things in nature are self-illuminating, mostly white, or both.
So my intuitive guess is that, for a self-illuminated surface (e.g. LCD), light text on a dark background more respects the way our eyes work than dark on light.
I too dig black and right after this I'm reading Jeanette's blog post on it.
A few ideas from Duarte's Slideology on dark backgrounds:
Dark:
--formal (and I'd say classy, arty, with potential for drama)
--fewer opportunities for shadows
--great for large venues (i.e presentation venues)
Maybe you could do a black and white theme? That way you can the drama of black and the levity of white? That's what I'll do if my client gives me a little room to visually boogie.
By the way, I based my website on black, red, and gray colors. Might give you some ideas. www.brighamcommunications.com
I like to use dark backgrounds situationally but tend to avoid pure black and pure white for backgrounds. Extremes on the spectrum don't leave any room for highlights or shadows and can produce contrast ratios that are fatiguing over time. Going just short of pure black and just short of pure white leaves room for a little extra detail and tempers harsh contrast.
When used by itself with high contrast colors, the black on the right (lightened black) looks totally black. It only looks lighter here because it's sitting next to a darker color.
Notice how both of the two on the right still leave room for a shading or shadow. Over longer periods of time and when straining to see smaller details, the black on the right won't make eyes (most eyes, some eye conditions work with super contrast) as tired as the one on the left.
I am in the baby boomer generation, so my eyesight is not as good as it used to be. I find black irritating. It is fine with bright colors and words but when it is used with screen shots it can render the information illegible. For myself and ease of viewing, I prefer lighter backgrounds.
24 Replies
Hi Marty. Personally, I love black!
I think it can be very striking if used with high-contrast colors and bold images.
But I think it's also important to consider what sort of content you need to convey. If your course has lots of text or is super long, a ton of black might start to feel too heavy. You might also want to do some poking around among your target learners, to make sure there's nothing about their learning environments or their hardware that would make it difficult for them to view your content if you use a lot of black backgrounds.
It might also be helpful to mock up a few sample slides and put them out here for the community to take a look at - that's a great way to get feedback on how to make a design impactful. Would love to see what you're working on!
Here is the opening slide.
Looks cool Marty, black definitely helps the words stand out. I would let the rest of your content dictate the background colour you use. If its heavily text based then a black background might be too much.
I like. Will there be audio on the intro too?
I agree with Blair. You could check out this great post by David on mindmapping - that might help give you some additional ideas about creating an effective visual design for your content slides.
Yes there will be audio and animation. I used Wordle for the graphic.
Why not use the key colors in your opening slide to give you a range of different background colors to work with? So you could have:
Black
Red with a thin bar of black
Yellow with a thin bar of black etc
Each color could indicate a topic or a type of information.
or reverse the whole thing and have black screens, but with a small amount of the key color to indicate topics or information types.
Good suggestion David.
I also love black as a background.
A couple things, have you ever seen David's screenr where he uses wordle to fill silhouettes? https://player.vimeo.com/video/148895875
You could continue that element throughout your course with something like that.
Another thought, if the words you included in that image are main ideas in your course, you could have that graphic fade out leaving behind the words that make up your objectives
If you need to switch up the slide background design, you could have the full black background at the beginning of each section and then have the supporting slides contain a black frame/border while incorporating those bright colors throughout the course.
I really like David's suggestion of each color representing a type of information.
Oh and there is a template in the community downloads called Spectrum that has a black background with bright colors. There is also an article by Jeanette called Dressing Up an E-Learning Course with Variations of Black that includes links to all kinds of black themed sites
I get lots of pushback from my clients on black backgrounds with contrasting text, stating that it's difficult to read, and it drives me crazy. I usually try to point them to CNN, ESPN, etc. and show them that producers use black backgrounds with contrasting text because it is EASIER to read. Media moguls wouldn't use something on-screen that is difficult to read.
Thanks Natalie!
Yes Peter, I see black all the time on sets like ESPN and CNN. I've used black a few times but in general I do try to change it up. In terms of my designs, the only pushback I get is usally from my manager. He doesn't understand graphic design for the most part.
Marty,
I feel your pain. I hold a degree in Graphic/Web design and one in Instructional Design. Some of the managers I have worked with in the past didn't understand graphic design and therefore missed out on using me to my full potential. In many cases they were getting a two for one on me. : ) I like the use of black with the bold text. I also like the idea that David shared. Makes me wonder if he is a graphic designer also.
Well I'm not a trained graphic artist myself but I have studied the subject and have a basic understanding. Like you, I don't feel I'm used to my fullest potential either because my manager isn't an instructional designer or graphic artist.
I've found that using a really dark grey instead of black is often sufficient and reduces that heaviness feeling Jeanette was referring to.
You could also try a background with a subtle radial gradient going from a dark grey in the center to black on the edges.
Another useful tip for black is to use a subtle centre gradient, rather than straight black, it gives the screen depth.
Black as a background is cool, but I tend to put a lot of light background boxes on them to display content, especially text. It can be easier on the eyes to break it up every once in a while and it draws strong contrast to points that need to have impact.
Black is a good solution on a computer screen but when you design always try and think where and how the slides will be displayed. If you throwing the image using a LCD projector I would strongly suggest you test it out to verify that the colors still pop. I have found that what looks good on the computer LCD doesn't hold the same quality on a projector screen and in those cases I have found a white background is actually a better solution.
@Lisa,
I believe you.
Where is the quantified professional research re: dark background vs. light background? Do the graphic artists have it? The ophthalmologist? The human factors people?
Few things in nature are self-illuminating, mostly white, or both.
So my intuitive guess is that, for a self-illuminated surface (e.g. LCD), light text on a dark background more respects the way our eyes work than dark on light.
Best regards,
Hi, Marty:
I too dig black and right after this I'm reading Jeanette's blog post on it.
A few ideas from Duarte's Slideology on dark backgrounds:
Dark:
--formal (and I'd say classy, arty, with potential for drama)
--fewer opportunities for shadows
--great for large venues (i.e presentation venues)
Maybe you could do a black and white theme? That way you can the drama of black and the levity of white? That's what I'll do if my client gives me a little room to visually boogie.
By the way, I based my website on black, red, and gray colors. Might give you some ideas. www.brighamcommunications.com
Love this Marty. The colours really pop. I would use black all the time if I could.
I like to use dark backgrounds situationally but tend to avoid pure black and pure white for backgrounds. Extremes on the spectrum don't leave any room for highlights or shadows and can produce contrast ratios that are fatiguing over time. Going just short of pure black and just short of pure white leaves room for a little extra detail and tempers harsh contrast.
When used by itself with high contrast colors, the black on the right (lightened black) looks totally black. It only looks lighter here because it's sitting next to a darker color.
Notice how both of the two on the right still leave room for a shading or shadow. Over longer periods of time and when straining to see smaller details, the black on the right won't make eyes (most eyes, some eye conditions work with super contrast) as tired as the one on the left.
More detail on the pure black view. Good article that explains why it's not natural and why extremes should be avoided:
http://ianstormtaylor.com/design-tip-never-use-black/
Everyone: Thanks for the tips!
I am in the baby boomer generation, so my eyesight is not as good as it used to be. I find black irritating. It is fine with bright colors and words but when it is used with screen shots it can render the information illegible. For myself and ease of viewing, I prefer lighter backgrounds.
This discussion is closed. You can start a new discussion or contact Articulate Support.