In this short module, we take a look at two important consideration when creating multimedia materials: color and music.
Color is a very broad topic, in part because there are many reasons we use color in our lives. You can use it to influence emotion using color; for instance, changing the way you feel by the painting the walls a certain way (Barr, 2018). You can also use color to code important information: correctly perceiving whether a stoplight is red or green spells the difference between contributing to the orderly flow of traffic or contributing to a deadly collision.
Watch this video for an introduction to how use colors effectively in designing information material using color theory. The video covers color schemes and what it calls color combination "mistakes". However, keep in mind what counts as a good color combination is not based on some eternal, unchanging law. Preferences for color and color combinations are influenced by cultural and historical factors, not to mention personal tastes.
Video 11.1. A beginner's guide to color (GCFLearnFree.org, 2011)
You should keep in mind that it is impossible to predict exactly how colors will be displayed and be perceived by someone viewing a digital image. This is important to keep in mind if you are developing multimedia materials that require learners to match colors from the real world to colors on a electronic display like a computer monitor (for example, matching shades and tints of green as a way to differentiate between leaves of different plant species). Although 8-bit displays (which is standard for modern monitors) can represent 16 million colors (8 bits per channel x three channels of red, green, and blue), there are many more colors than those 16 million, and these colors that cannot be displayed on computer monitors. Certain shades of brown and violet in particular cannot be displayed on a screen. In addition, monitor-specific settings (such as brightness and gamma) will alter the perception of colors on a screen. In MMS 151 (Web Accessibility), you will learn that not all people perceive color the same way because of color-blindness.
If color is important for performing critical tasks, remember these guidelines:
Make sure that colors are perceived in the way you expect them to be perceived. To learn more about color perception and design, see, for example Ware (2004) or the writings of Edward Tufte.
Don't expect users to be able make very fine-grained distinctions between many colors. For example, Figure 11.3 is mostly useless because few users can accurately match the colors.
Figure 11.3. A chart that is hard to read. Chart taken from Greenewable (2009)
Another way to use color is to create or express mood. Using paletton.com, an online tool for creating color palette, generate a color palette that you feel accurately captures how you feel right this very moment. Play with all the options available and share your palette with the class when you are done.
Figure 11.2. A screenshot of palleton.com
As you will learn in Unit 4, music is a powerful medium. Think about how music can make a scene from a scary film even more nerve-wracking. Indeed, you can see how powerful music is when you observe how it can shape the way you interpret moving images, as you will see in Activities 11.3 and 11.4.
Your FIC will divide you into three groups (A, B, and C) on MyPortal. Do not attempt this activity before you know what group you are in, and follow only the instructions meant for your group. You can follow the instructions meant for the other groups only after you have completed this activity as intended. This activity works best when done on a laptop or desktop computer.
Play Video 11.2, embedded on this page, featuring animals on an open landscape. Make sure the sound is up.
Answer the following questions on a discussion forum that your FICS has set up: What was the takeaway message of the video?
Mute your computer.
Start playing Video 11.2, embedded on this page, featuring animals on an open landscape.
Soon as it loads and starts playing, pause it.
Mute the volume on the video player so that even when you unmute your computer, you should not be able to hear the soundtrack that accompanies the original video.
Unmute your computer
Play one of the two videos below, depending on whether you're in Group A or Group B. Basically, you're giving Video 11.2 a different soundtrack.
Start playing Video 11.2.
Answer the following question on a discussion forum that your FICS has set up: What was the takeaway message of the video?
Compare the answers between the different groups. What can you say about what music does to shape the way we read images?
Barr, S. (2018, September 12). The colours you paint your walls can impact your mood, and here’s the science to prove it. Retrieved January 18, 2019, from https://www.independent.co.uk/life-style/colours-mood-emotions-paint-walls-home-study-taubmans-florey-institute-a8534466.html
BBC. (2015). Cheetah reaches top speed of 55mph to catch its prey - The Hunt: Episode 5 preview - BBC One. Retrieved from https://www.youtube.com/watch?v=v7p6VZiRInQ
Francis de Combejean. (2014). Arvo Part Spiegel Im Spiegel. Retrieved from https://www.youtube.com/watch?v=nS0FPVOU5e0
GCFLearnFree.org. (2016). Beginning Graphic Design: Color. Retrieved from https://www.youtube.com/watch?v=_2LLXnUdUIc
Greenewable. (2009). Chart: Major Foreign Holders of Treasury Securities. Retrieved from https://greenewable.files.wordpress.com/2009/02/major-foreign-holders-of-treasury-securities-chart.jpg
Lounge Music. (2017). HAPPY Music - Good Morning Ukulele Music - The Best SUMMER Music. Retrieved from https://www.youtube.com/watch?v=NvZtkt9973A
Paletton. (n.d.). The Color Scheme Designer. Retrieved January 18, 2019, from http://paletton.com/
Tufte, E. (n.d.). The Work of Edward Tufte and Graphics Press. Retrieved October 14, 2008, from http://www.edwardtufte.com/tufte/index
Tufte, E. R. (1990). Envisioning Information. Graphics Press.
Tufte, E. R. (1997). Visual Explanations: Images and Quantities, Evidence and Narrative. Graphics Press.
Tufte, E. R. (2001). The Visual Display of Quantitative Information, 2nd edition (2nd ed.). Graphics Press.
Tufte, E. R. (2006). Beautiful Evidence. Graphics Press.
Ware, C. (2004). Information Visualization, Second Edition: Perception for Design (2nd ed.). San Francisco, USA: Morgan Kaufmann. Retrieved from http://proxy.lib.sfu.ca/login?url=http://www.netLibrary.com/urlapi.asp?action=summary&v=1&bookid=114168