<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>http://bloomwiki.org/index.php?action=history&amp;feed=atom&amp;title=Multimodal_Communication</id>
	<title>Multimodal Communication - Revision history</title>
	<link rel="self" type="application/atom+xml" href="http://bloomwiki.org/index.php?action=history&amp;feed=atom&amp;title=Multimodal_Communication"/>
	<link rel="alternate" type="text/html" href="http://bloomwiki.org/index.php?title=Multimodal_Communication&amp;action=history"/>
	<updated>2026-05-06T16:19:36Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.43.0</generator>
	<entry>
		<id>http://bloomwiki.org/index.php?title=Multimodal_Communication&amp;diff=4427&amp;oldid=prev</id>
		<title>Wordpad: BloomWiki: Multimodal Communication</title>
		<link rel="alternate" type="text/html" href="http://bloomwiki.org/index.php?title=Multimodal_Communication&amp;diff=4427&amp;oldid=prev"/>
		<updated>2026-04-25T01:54:21Z</updated>

		<summary type="html">&lt;p&gt;BloomWiki: Multimodal Communication&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 01:54, 25 April 2026&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l1&quot;&gt;Line 1:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 1:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;div style=&quot;background-color: #4B0082; color: #FFFFFF; padding: 20px; border-radius: 8px; margin-bottom: 15px;&quot;&amp;gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{BloomIntro}}&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{{BloomIntro}}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Multimodal Communication is the study of &amp;quot;How we communicate with more than just words&amp;quot;—the investigation of how &amp;quot;Images,&amp;quot; &amp;quot;Sounds,&amp;quot; &amp;quot;Gestures,&amp;quot; &amp;quot;Fonts,&amp;quot; and &amp;quot;Space&amp;quot; all work together to create meaning. In the 21st century, we rarely use &amp;quot;Pure Text&amp;quot;; we use &amp;quot;Memes,&amp;quot; &amp;quot;Videos,&amp;quot; and &amp;quot;Infographics&amp;quot; that combine multiple &amp;quot;Modes&amp;quot; of information. From the &amp;quot;Power&amp;quot; of a red font in a warning sign to the &amp;quot;Rhythm&amp;quot; of a movie trailer and the &amp;quot;Layout&amp;quot; of a website, multimodality is the &amp;quot;Architecture of Attention.&amp;quot; By studying how these modes &amp;quot;Interactively&amp;quot; build meaning, we learn to be better &amp;quot;Visual Storytellers&amp;quot; and more critical &amp;quot;Consumers&amp;quot; of a world that is designed to &amp;quot;Overwhelm&amp;quot; our senses.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Multimodal Communication is the study of &amp;quot;How we communicate with more than just words&amp;quot;—the investigation of how &amp;quot;Images,&amp;quot; &amp;quot;Sounds,&amp;quot; &amp;quot;Gestures,&amp;quot; &amp;quot;Fonts,&amp;quot; and &amp;quot;Space&amp;quot; all work together to create meaning. In the 21st century, we rarely use &amp;quot;Pure Text&amp;quot;; we use &amp;quot;Memes,&amp;quot; &amp;quot;Videos,&amp;quot; and &amp;quot;Infographics&amp;quot; that combine multiple &amp;quot;Modes&amp;quot; of information. From the &amp;quot;Power&amp;quot; of a red font in a warning sign to the &amp;quot;Rhythm&amp;quot; of a movie trailer and the &amp;quot;Layout&amp;quot; of a website, multimodality is the &amp;quot;Architecture of Attention.&amp;quot; By studying how these modes &amp;quot;Interactively&amp;quot; build meaning, we learn to be better &amp;quot;Visual Storytellers&amp;quot; and more critical &amp;quot;Consumers&amp;quot; of a world that is designed to &amp;quot;Overwhelm&amp;quot; our senses.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Remembering ==&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;__TOC__&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;div style&lt;/ins&gt;=&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&quot;background-color: #000080; color: #FFFFFF; padding: 20px; border-radius: 8px; margin-bottom: 15px;&quot;&amp;gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;=&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;= &amp;lt;span style=&quot;color: #FFFFFF;&quot;&amp;gt;&lt;/ins&gt;Remembering&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;/span&amp;gt; &lt;/ins&gt;==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* &amp;#039;&amp;#039;&amp;#039;Mode&amp;#039;&amp;#039;&amp;#039; — A &amp;quot;Channel&amp;quot; of communication (e.g., Image, Writing, Speech, Music, Gesture).&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* &amp;#039;&amp;#039;&amp;#039;Mode&amp;#039;&amp;#039;&amp;#039; — A &amp;quot;Channel&amp;quot; of communication (e.g., Image, Writing, Speech, Music, Gesture).&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* &amp;#039;&amp;#039;&amp;#039;Multimodality&amp;#039;&amp;#039;&amp;#039; — The use of &amp;quot;Several Modes&amp;quot; at once to create a single message (e.g., a &amp;quot;Movie&amp;quot; is a multimodal text).&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* &amp;#039;&amp;#039;&amp;#039;Multimodality&amp;#039;&amp;#039;&amp;#039; — The use of &amp;quot;Several Modes&amp;quot; at once to create a single message (e.g., a &amp;quot;Movie&amp;quot; is a multimodal text).&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l15&quot;&gt;Line 15:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 20:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* &amp;#039;&amp;#039;&amp;#039;Intermodal Redundancy&amp;#039;&amp;#039;&amp;#039; — When the &amp;quot;Text&amp;quot; and the &amp;quot;Image&amp;quot; say the same thing (to make sure you don&amp;#039;t miss it).&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* &amp;#039;&amp;#039;&amp;#039;Intermodal Redundancy&amp;#039;&amp;#039;&amp;#039; — When the &amp;quot;Text&amp;quot; and the &amp;quot;Image&amp;quot; say the same thing (to make sure you don&amp;#039;t miss it).&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* &amp;#039;&amp;#039;&amp;#039;Synaesthesia&amp;#039;&amp;#039;&amp;#039; — When one mode &amp;quot;Triggers&amp;quot; another (e.g., an &amp;quot;Image&amp;quot; of a lemon making you &amp;quot;Taste&amp;quot; sourness).&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;* &amp;#039;&amp;#039;&amp;#039;Synaesthesia&amp;#039;&amp;#039;&amp;#039; — When one mode &amp;quot;Triggers&amp;quot; another (e.g., an &amp;quot;Image&amp;quot; of a lemon making you &amp;quot;Taste&amp;quot; sourness).&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Understanding ==&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;div style&lt;/ins&gt;=&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&quot;background-color: #006400; color: #FFFFFF; padding: 20px; border-radius: 8px; margin-bottom: 15px;&quot;&amp;gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;=&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;= &amp;lt;span style=&quot;color: #FFFFFF;&quot;&amp;gt;&lt;/ins&gt;Understanding&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;/span&amp;gt; &lt;/ins&gt;==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Multimodal communication is understood through &amp;#039;&amp;#039;&amp;#039;Interaction&amp;#039;&amp;#039;&amp;#039; and &amp;#039;&amp;#039;&amp;#039;The Ensemble&amp;#039;&amp;#039;&amp;#039;.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Multimodal communication is understood through &amp;#039;&amp;#039;&amp;#039;Interaction&amp;#039;&amp;#039;&amp;#039; and &amp;#039;&amp;#039;&amp;#039;The Ensemble&amp;#039;&amp;#039;&amp;#039;.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l40&quot;&gt;Line 40:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 47:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#039;&amp;#039;&amp;#039;The &amp;#039;Gunther Kress&amp;#039; Quote&amp;#039;&amp;#039;&amp;#039;&amp;#039;: &amp;quot;Communication is always multimodal.&amp;quot; Even a &amp;quot;Plain Text&amp;quot; book is multimodal—the &amp;quot;Paper quality,&amp;quot; the &amp;quot;Font choice,&amp;quot; and the &amp;quot;Cover art&amp;quot; all &amp;quot;Speak&amp;quot; to the reader before they read the first word.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#039;&amp;#039;&amp;#039;The &amp;#039;Gunther Kress&amp;#039; Quote&amp;#039;&amp;#039;&amp;#039;&amp;#039;: &amp;quot;Communication is always multimodal.&amp;quot; Even a &amp;quot;Plain Text&amp;quot; book is multimodal—the &amp;quot;Paper quality,&amp;quot; the &amp;quot;Font choice,&amp;quot; and the &amp;quot;Cover art&amp;quot; all &amp;quot;Speak&amp;quot; to the reader before they read the first word.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Applying ==&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;div style&lt;/ins&gt;=&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&quot;background-color: #8B0000; color: #FFFFFF; padding: 20px; border-radius: 8px; margin-bottom: 15px;&quot;&amp;gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;=&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;= &amp;lt;span style=&quot;color: #FFFFFF;&quot;&amp;gt;&lt;/ins&gt;Applying&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;/span&amp;gt; &lt;/ins&gt;==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#039;&amp;#039;&amp;#039;Modeling &amp;#039;The Salience Meter&amp;#039; (Predicting what a user will look at first):&amp;#039;&amp;#039;&amp;#039;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#039;&amp;#039;&amp;#039;Modeling &amp;#039;The Salience Meter&amp;#039; (Predicting what a user will look at first):&amp;#039;&amp;#039;&amp;#039;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;syntaxhighlight lang=&amp;quot;python&amp;quot;&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;syntaxhighlight lang=&amp;quot;python&amp;quot;&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l73&quot;&gt;Line 73:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 82:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;: &amp;#039;&amp;#039;&amp;#039;Sign Language&amp;#039;&amp;#039;&amp;#039; → A &amp;quot;Sophisticated Multimodal System&amp;quot; that uses &amp;quot;Hands&amp;quot; (Gesture), &amp;quot;Face&amp;quot; (Expression), and &amp;quot;Body&amp;quot; (Space) all at once to communicate at the same speed as speech.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;: &amp;#039;&amp;#039;&amp;#039;Sign Language&amp;#039;&amp;#039;&amp;#039; → A &amp;quot;Sophisticated Multimodal System&amp;quot; that uses &amp;quot;Hands&amp;quot; (Gesture), &amp;quot;Face&amp;quot; (Expression), and &amp;quot;Body&amp;quot; (Space) all at once to communicate at the same speed as speech.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;: &amp;#039;&amp;#039;&amp;#039;The &amp;#039;Scary&amp;#039; Font&amp;#039;&amp;#039;&amp;#039; → Why the font &amp;quot;Papyrus&amp;quot; or &amp;quot;Comic Sans&amp;quot; is hated by designers. It&amp;#039;s a &amp;quot;Modal Mismatch&amp;quot;—it looks &amp;quot;Childish&amp;quot; or &amp;quot;Fake,&amp;quot; which &amp;quot;Breaks the trust&amp;quot; of the message.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;: &amp;#039;&amp;#039;&amp;#039;The &amp;#039;Scary&amp;#039; Font&amp;#039;&amp;#039;&amp;#039; → Why the font &amp;quot;Papyrus&amp;quot; or &amp;quot;Comic Sans&amp;quot; is hated by designers. It&amp;#039;s a &amp;quot;Modal Mismatch&amp;quot;—it looks &amp;quot;Childish&amp;quot; or &amp;quot;Fake,&amp;quot; which &amp;quot;Breaks the trust&amp;quot; of the message.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Analyzing ==&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;div style&lt;/ins&gt;=&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&quot;background-color: #8B4500; color: #FFFFFF; padding: 20px; border-radius: 8px; margin-bottom: 15px;&quot;&amp;gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;=&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;= &amp;lt;span style=&quot;color: #FFFFFF;&quot;&amp;gt;&lt;/ins&gt;Analyzing&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;/span&amp;gt; &lt;/ins&gt;==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{| class=&amp;quot;wikitable&amp;quot;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{| class=&amp;quot;wikitable&amp;quot;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|+ Word vs. Image&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|+ Word vs. Image&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l89&quot;&gt;Line 89:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 100:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#039;&amp;#039;&amp;#039;The Concept of &amp;quot;Semiotic Resource&amp;quot;&amp;#039;&amp;#039;&amp;#039;: Analyzing what is &amp;quot;Available&amp;quot; to us. A &amp;quot;Semiotic Resource&amp;quot; is anything you can use to make meaning. In the 1800s, &amp;quot;Color&amp;quot; was an expensive resource. Today, &amp;quot;3D Animation&amp;quot; and &amp;quot;Haptic Feedback&amp;quot; (Vibration) are new resources that are &amp;quot;Changing&amp;quot; how we communicate &amp;quot;Urgency&amp;quot; or &amp;quot;Connection.&amp;quot;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#039;&amp;#039;&amp;#039;The Concept of &amp;quot;Semiotic Resource&amp;quot;&amp;#039;&amp;#039;&amp;#039;: Analyzing what is &amp;quot;Available&amp;quot; to us. A &amp;quot;Semiotic Resource&amp;quot; is anything you can use to make meaning. In the 1800s, &amp;quot;Color&amp;quot; was an expensive resource. Today, &amp;quot;3D Animation&amp;quot; and &amp;quot;Haptic Feedback&amp;quot; (Vibration) are new resources that are &amp;quot;Changing&amp;quot; how we communicate &amp;quot;Urgency&amp;quot; or &amp;quot;Connection.&amp;quot;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Evaluating ==&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;div style&lt;/ins&gt;=&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&quot;background-color: #483D8B; color: #FFFFFF; padding: 20px; border-radius: 8px; margin-bottom: 15px;&quot;&amp;gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;=&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;= &amp;lt;span style=&quot;color: #FFFFFF;&quot;&amp;gt;&lt;/ins&gt;Evaluating&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;/span&amp;gt; &lt;/ins&gt;==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Evaluating multimodal communication:&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Evaluating multimodal communication:&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# &amp;#039;&amp;#039;&amp;#039;The &amp;quot;Visual Literacy&amp;quot; Gap&amp;#039;&amp;#039;&amp;#039;: We teach children to &amp;quot;Read and Write&amp;quot; (Text), but do we teach them how to &amp;quot;Read and Create&amp;quot; (Images/Videos)? (Are we &amp;quot;Visually Illiterate&amp;quot; in a visual world?).&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# &amp;#039;&amp;#039;&amp;#039;The &amp;quot;Visual Literacy&amp;quot; Gap&amp;#039;&amp;#039;&amp;#039;: We teach children to &amp;quot;Read and Write&amp;quot; (Text), but do we teach them how to &amp;quot;Read and Create&amp;quot; (Images/Videos)? (Are we &amp;quot;Visually Illiterate&amp;quot; in a visual world?).&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l96&quot;&gt;Line 96:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 109:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# &amp;#039;&amp;#039;&amp;#039;Accessibility&amp;#039;&amp;#039;&amp;#039;: How do we &amp;quot;Translate&amp;quot; a multimodal message for someone who is &amp;quot;Blind&amp;quot; or &amp;quot;Deaf&amp;quot;? (The &amp;quot;Alt-Text&amp;quot; problem).&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# &amp;#039;&amp;#039;&amp;#039;Accessibility&amp;#039;&amp;#039;&amp;#039;: How do we &amp;quot;Translate&amp;quot; a multimodal message for someone who is &amp;quot;Blind&amp;quot; or &amp;quot;Deaf&amp;quot;? (The &amp;quot;Alt-Text&amp;quot; problem).&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# &amp;#039;&amp;#039;&amp;#039;Truth&amp;#039;&amp;#039;&amp;#039;: Is it &amp;quot;Easier to Lie&amp;quot; with an image than with a word? (e.g., &amp;quot;Deepfakes&amp;quot; and &amp;quot;Misleading Graphs&amp;quot;).&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# &amp;#039;&amp;#039;&amp;#039;Truth&amp;#039;&amp;#039;&amp;#039;: Is it &amp;quot;Easier to Lie&amp;quot; with an image than with a word? (e.g., &amp;quot;Deepfakes&amp;quot; and &amp;quot;Misleading Graphs&amp;quot;).&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;== Creating ==&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;div style&lt;/ins&gt;=&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&quot;background-color: #2F4F4F; color: #FFFFFF; padding: 20px; border-radius: 8px; margin-bottom: 15px;&quot;&amp;gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;=&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;= &amp;lt;span style=&quot;color: #FFFFFF;&quot;&amp;gt;&lt;/ins&gt;Creating&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;/span&amp;gt; &lt;/ins&gt;==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Future Frontiers:&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Future Frontiers:&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# &amp;#039;&amp;#039;&amp;#039;Haptic Communication&amp;#039;&amp;#039;&amp;#039;: Sending &amp;quot;Meaning&amp;quot; through &amp;quot;Touch&amp;quot;—a vest that &amp;quot;Vibrates&amp;quot; in different patterns to communicate &amp;quot;Love,&amp;quot; &amp;quot;Stress,&amp;quot; or &amp;quot;Direction.&amp;quot;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# &amp;#039;&amp;#039;&amp;#039;Haptic Communication&amp;#039;&amp;#039;&amp;#039;: Sending &amp;quot;Meaning&amp;quot; through &amp;quot;Touch&amp;quot;—a vest that &amp;quot;Vibrates&amp;quot; in different patterns to communicate &amp;quot;Love,&amp;quot; &amp;quot;Stress,&amp;quot; or &amp;quot;Direction.&amp;quot;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l108&quot;&gt;Line 108:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 123:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Category:Media Studies]]&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Category:Media Studies]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Category:Semiotics and Communication]]&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Category:Semiotics and Communication]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;/div&amp;gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key mediawiki:diff:1.41:old-1737:rev-4427:php=table --&gt;
&lt;/table&gt;</summary>
		<author><name>Wordpad</name></author>
	</entry>
	<entry>
		<id>http://bloomwiki.org/index.php?title=Multimodal_Communication&amp;diff=1737&amp;oldid=prev</id>
		<title>Wordpad: BloomWiki: Multimodal Communication</title>
		<link rel="alternate" type="text/html" href="http://bloomwiki.org/index.php?title=Multimodal_Communication&amp;diff=1737&amp;oldid=prev"/>
		<updated>2026-04-23T15:25:58Z</updated>

		<summary type="html">&lt;p&gt;BloomWiki: Multimodal Communication&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;{{BloomIntro}}&lt;br /&gt;
Multimodal Communication is the study of &amp;quot;How we communicate with more than just words&amp;quot;—the investigation of how &amp;quot;Images,&amp;quot; &amp;quot;Sounds,&amp;quot; &amp;quot;Gestures,&amp;quot; &amp;quot;Fonts,&amp;quot; and &amp;quot;Space&amp;quot; all work together to create meaning. In the 21st century, we rarely use &amp;quot;Pure Text&amp;quot;; we use &amp;quot;Memes,&amp;quot; &amp;quot;Videos,&amp;quot; and &amp;quot;Infographics&amp;quot; that combine multiple &amp;quot;Modes&amp;quot; of information. From the &amp;quot;Power&amp;quot; of a red font in a warning sign to the &amp;quot;Rhythm&amp;quot; of a movie trailer and the &amp;quot;Layout&amp;quot; of a website, multimodality is the &amp;quot;Architecture of Attention.&amp;quot; By studying how these modes &amp;quot;Interactively&amp;quot; build meaning, we learn to be better &amp;quot;Visual Storytellers&amp;quot; and more critical &amp;quot;Consumers&amp;quot; of a world that is designed to &amp;quot;Overwhelm&amp;quot; our senses.&lt;br /&gt;
&lt;br /&gt;
== Remembering ==&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Mode&amp;#039;&amp;#039;&amp;#039; — A &amp;quot;Channel&amp;quot; of communication (e.g., Image, Writing, Speech, Music, Gesture).&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Multimodality&amp;#039;&amp;#039;&amp;#039; — The use of &amp;quot;Several Modes&amp;quot; at once to create a single message (e.g., a &amp;quot;Movie&amp;quot; is a multimodal text).&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Affordance&amp;#039;&amp;#039;&amp;#039; — The &amp;quot;Strength&amp;quot; or &amp;quot;Limit&amp;quot; of a mode (e.g., an &amp;quot;Image&amp;quot; is good at showing &amp;quot;Space,&amp;quot; while &amp;quot;Text&amp;quot; is good at showing &amp;quot;Time&amp;quot;).&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Composition&amp;#039;&amp;#039;&amp;#039; — The &amp;quot;Arrangement&amp;quot; of elements in a multimodal text (e.g., what is at the &amp;quot;Top&amp;quot; vs. what is at the &amp;quot;Bottom&amp;quot;).&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Kress and van Leeuwen&amp;#039;&amp;#039;&amp;#039; — The founders of &amp;quot;Social Semiotics&amp;quot; and the study of visual design as a &amp;quot;Grammar.&amp;quot;&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Salience&amp;#039;&amp;#039;&amp;#039; — The part of a message that &amp;quot;Grabs your eye&amp;quot; first (usually through Size, Color, or Contrast).&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Layout Layers&amp;#039;&amp;#039;&amp;#039;:&lt;br /&gt;
** &amp;#039;&amp;#039;&amp;#039;Given/New&amp;#039;&amp;#039;&amp;#039; — Information on the &amp;quot;Left&amp;quot; is usually &amp;quot;Given&amp;quot; (known), while information on the &amp;quot;Right&amp;quot; is &amp;quot;New.&amp;quot;&lt;br /&gt;
** &amp;#039;&amp;#039;&amp;#039;Ideal/Real&amp;#039;&amp;#039;&amp;#039; — Information at the &amp;quot;Top&amp;quot; is &amp;quot;Ideal&amp;quot; (the dream/promise), while information at the &amp;quot;Bottom&amp;quot; is &amp;quot;Real&amp;quot; (the facts/price).&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Transduction&amp;#039;&amp;#039;&amp;#039; — &amp;quot;Moving&amp;quot; a message from one mode to another (e.g., turning a &amp;quot;Book&amp;quot; into a &amp;quot;Movie&amp;quot;).&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Intermodal Redundancy&amp;#039;&amp;#039;&amp;#039; — When the &amp;quot;Text&amp;quot; and the &amp;quot;Image&amp;quot; say the same thing (to make sure you don&amp;#039;t miss it).&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Synaesthesia&amp;#039;&amp;#039;&amp;#039; — When one mode &amp;quot;Triggers&amp;quot; another (e.g., an &amp;quot;Image&amp;quot; of a lemon making you &amp;quot;Taste&amp;quot; sourness).&lt;br /&gt;
&lt;br /&gt;
== Understanding ==&lt;br /&gt;
Multimodal communication is understood through &amp;#039;&amp;#039;&amp;#039;Interaction&amp;#039;&amp;#039;&amp;#039; and &amp;#039;&amp;#039;&amp;#039;The Ensemble&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;1. The &amp;quot;Orchestra&amp;quot; of Meaning (Ensemble)&amp;#039;&amp;#039;&amp;#039;:&lt;br /&gt;
A message is like a &amp;quot;Musical Band.&amp;quot;&lt;br /&gt;
* The **Text** is the lead singer (telling the story).&lt;br /&gt;
* The **Images** are the drums (setting the mood and rhythm).&lt;br /&gt;
* The **Colors** are the bass (providing the emotional foundation).&lt;br /&gt;
* If you &amp;quot;Change the font&amp;quot; of a love letter to &amp;quot;Comic Sans,&amp;quot; you change the &amp;quot;Whole Message,&amp;quot; even if the words stay the same.&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;2. Affordances (The Tool for the Job)&amp;#039;&amp;#039;&amp;#039;:&lt;br /&gt;
You can&amp;#039;t &amp;quot;Describe a smell&amp;quot; with a &amp;quot;Drawing.&amp;quot;&lt;br /&gt;
* Every mode has a &amp;quot;Superpower.&amp;quot;&lt;br /&gt;
* **Speech** is great for &amp;quot;Emotion&amp;quot; and &amp;quot;Urgency.&amp;quot;&lt;br /&gt;
* **Diagrams** are great for &amp;quot;Logic&amp;quot; and &amp;quot;Structure.&amp;quot;&lt;br /&gt;
* A &amp;quot;Meme&amp;quot; is powerful because it uses an **Image** to trigger a &amp;quot;Memory&amp;quot; and **Text** to &amp;quot;Subvert&amp;quot; it, creating &amp;quot;Humor&amp;quot; that text alone could never achieve.&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;3. Reading the &amp;quot;Invisible&amp;quot; (Social Semiotics)&amp;#039;&amp;#039;&amp;#039;:&lt;br /&gt;
The &amp;quot;Space&amp;quot; between things has meaning.&lt;br /&gt;
* In a &amp;quot;Formal&amp;quot; document, there is a lot of &amp;quot;White Space&amp;quot; (to show &amp;quot;Quality&amp;quot; and &amp;quot;Calm&amp;quot;).&lt;br /&gt;
* In a &amp;quot;Sale&amp;quot; poster, every inch is &amp;quot;Crammed&amp;quot; with red text (to show &amp;quot;Urgency&amp;quot; and &amp;quot;Chaos&amp;quot;).&lt;br /&gt;
* We &amp;quot;Read&amp;quot; these layouts instinctively without even knowing it.&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;The &amp;#039;Gunther Kress&amp;#039; Quote&amp;#039;&amp;#039;&amp;#039;&amp;#039;: &amp;quot;Communication is always multimodal.&amp;quot; Even a &amp;quot;Plain Text&amp;quot; book is multimodal—the &amp;quot;Paper quality,&amp;quot; the &amp;quot;Font choice,&amp;quot; and the &amp;quot;Cover art&amp;quot; all &amp;quot;Speak&amp;quot; to the reader before they read the first word.&lt;br /&gt;
&lt;br /&gt;
== Applying ==&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Modeling &amp;#039;The Salience Meter&amp;#039; (Predicting what a user will look at first):&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;python&amp;quot;&amp;gt;&lt;br /&gt;
def calculate_salience(element_size, element_color, position):&lt;br /&gt;
    &amp;quot;&amp;quot;&amp;quot;&lt;br /&gt;
    Shows how &amp;#039;Design&amp;#039; controls &amp;#039;Attention&amp;#039;.&lt;br /&gt;
    &amp;quot;&amp;quot;&amp;quot;&lt;br /&gt;
    score = element_size * 0.5&lt;br /&gt;
    &lt;br /&gt;
    # Red is high salience; Blue is low&lt;br /&gt;
    if element_color == &amp;quot;Red&amp;quot;: score += 40&lt;br /&gt;
    elif element_color == &amp;quot;Blue&amp;quot;: score += 10&lt;br /&gt;
    &lt;br /&gt;
    # Top-Center is the &amp;#039;Ideal&amp;#039; spot&lt;br /&gt;
    if position == &amp;quot;Top-Center&amp;quot;: score += 20&lt;br /&gt;
    &lt;br /&gt;
    if score &amp;gt; 70:&lt;br /&gt;
        return f&amp;quot;Score: {score} | VERDICT: HIGH SALIENCE. User looks here FIRST.&amp;quot;&lt;br /&gt;
    else:&lt;br /&gt;
        return f&amp;quot;Score: {score} | VERDICT: BACKGROUND. User might miss this.&amp;quot;&lt;br /&gt;
&lt;br /&gt;
# Case: A giant red &amp;#039;BUY NOW&amp;#039; button at the top&lt;br /&gt;
print(calculate_salience(50, &amp;quot;Red&amp;quot;, &amp;quot;Top-Center&amp;quot;))&lt;br /&gt;
# Case: Small blue &amp;#039;terms and conditions&amp;#039; at the bottom&lt;br /&gt;
print(calculate_salience(10, &amp;quot;Blue&amp;quot;, &amp;quot;Bottom-Left&amp;quot;))&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
; Multimodal Landmarks&lt;br /&gt;
: &amp;#039;&amp;#039;&amp;#039;The &amp;#039;Nixon-Kennedy&amp;#039; Debate (1960)&amp;#039;&amp;#039;&amp;#039; → The most famous multimodal failure. People who &amp;quot;Heard&amp;quot; the debate on the **Radio** thought Nixon won (Logic/Speech). People who &amp;quot;Watched&amp;quot; it on **TV** thought Kennedy won (Visuals/Image), because Nixon looked &amp;quot;Sick and Sweaty&amp;quot; and Kennedy looked &amp;quot;Cool and Handsome.&amp;quot;&lt;br /&gt;
: &amp;#039;&amp;#039;&amp;#039;Infographics&amp;#039;&amp;#039;&amp;#039; → The &amp;quot;Merging&amp;quot; of **Data** (Logic) and **Design** (Beauty) to make complex ideas understandable in a single glance.&lt;br /&gt;
: &amp;#039;&amp;#039;&amp;#039;Sign Language&amp;#039;&amp;#039;&amp;#039; → A &amp;quot;Sophisticated Multimodal System&amp;quot; that uses &amp;quot;Hands&amp;quot; (Gesture), &amp;quot;Face&amp;quot; (Expression), and &amp;quot;Body&amp;quot; (Space) all at once to communicate at the same speed as speech.&lt;br /&gt;
: &amp;#039;&amp;#039;&amp;#039;The &amp;#039;Scary&amp;#039; Font&amp;#039;&amp;#039;&amp;#039; → Why the font &amp;quot;Papyrus&amp;quot; or &amp;quot;Comic Sans&amp;quot; is hated by designers. It&amp;#039;s a &amp;quot;Modal Mismatch&amp;quot;—it looks &amp;quot;Childish&amp;quot; or &amp;quot;Fake,&amp;quot; which &amp;quot;Breaks the trust&amp;quot; of the message.&lt;br /&gt;
&lt;br /&gt;
== Analyzing ==&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
|+ Word vs. Image&lt;br /&gt;
! Feature !! Writing (Text) !! Image (Visual)&lt;br /&gt;
|-&lt;br /&gt;
| Dimension || One-dimensional (A line) || Two-dimensional (A plane)&lt;br /&gt;
|-&lt;br /&gt;
| Sequence || Successive (One word after another) || Simultaneous (Everything at once)&lt;br /&gt;
|-&lt;br /&gt;
| Logic || Temporal (First this, then that) || Spatial (This is next to that)&lt;br /&gt;
|-&lt;br /&gt;
| Strength || Narrative / Analysis || Description / Emotion&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;The Concept of &amp;quot;Semiotic Resource&amp;quot;&amp;#039;&amp;#039;&amp;#039;: Analyzing what is &amp;quot;Available&amp;quot; to us. A &amp;quot;Semiotic Resource&amp;quot; is anything you can use to make meaning. In the 1800s, &amp;quot;Color&amp;quot; was an expensive resource. Today, &amp;quot;3D Animation&amp;quot; and &amp;quot;Haptic Feedback&amp;quot; (Vibration) are new resources that are &amp;quot;Changing&amp;quot; how we communicate &amp;quot;Urgency&amp;quot; or &amp;quot;Connection.&amp;quot;&lt;br /&gt;
&lt;br /&gt;
== Evaluating ==&lt;br /&gt;
Evaluating multimodal communication:&lt;br /&gt;
# &amp;#039;&amp;#039;&amp;#039;The &amp;quot;Visual Literacy&amp;quot; Gap&amp;#039;&amp;#039;&amp;#039;: We teach children to &amp;quot;Read and Write&amp;quot; (Text), but do we teach them how to &amp;quot;Read and Create&amp;quot; (Images/Videos)? (Are we &amp;quot;Visually Illiterate&amp;quot; in a visual world?).&lt;br /&gt;
# &amp;#039;&amp;#039;&amp;#039;Attention Economy&amp;#039;&amp;#039;&amp;#039;: Is multimodality being used to &amp;quot;Addict&amp;quot; us to our screens through &amp;quot;Constant Sensory Stimulation&amp;quot;?&lt;br /&gt;
# &amp;#039;&amp;#039;&amp;#039;Accessibility&amp;#039;&amp;#039;&amp;#039;: How do we &amp;quot;Translate&amp;quot; a multimodal message for someone who is &amp;quot;Blind&amp;quot; or &amp;quot;Deaf&amp;quot;? (The &amp;quot;Alt-Text&amp;quot; problem).&lt;br /&gt;
# &amp;#039;&amp;#039;&amp;#039;Truth&amp;#039;&amp;#039;&amp;#039;: Is it &amp;quot;Easier to Lie&amp;quot; with an image than with a word? (e.g., &amp;quot;Deepfakes&amp;quot; and &amp;quot;Misleading Graphs&amp;quot;).&lt;br /&gt;
&lt;br /&gt;
== Creating ==&lt;br /&gt;
Future Frontiers:&lt;br /&gt;
# &amp;#039;&amp;#039;&amp;#039;Haptic Communication&amp;#039;&amp;#039;&amp;#039;: Sending &amp;quot;Meaning&amp;quot; through &amp;quot;Touch&amp;quot;—a vest that &amp;quot;Vibrates&amp;quot; in different patterns to communicate &amp;quot;Love,&amp;quot; &amp;quot;Stress,&amp;quot; or &amp;quot;Direction.&amp;quot;&lt;br /&gt;
# &amp;#039;&amp;#039;&amp;#039;AR Layering&amp;#039;&amp;#039;&amp;#039;: A world where &amp;quot;Digital Modes&amp;quot; (Icons/Text) are &amp;quot;Layered&amp;quot; over the &amp;quot;Physical World&amp;quot; (The Street), creating a &amp;quot;Hyper-Multimodal&amp;quot; reality.&lt;br /&gt;
# &amp;#039;&amp;#039;&amp;#039;AI Multimodal Generators&amp;#039;&amp;#039;&amp;#039;: AIs that can take a &amp;quot;Vague Idea&amp;quot; and instantly generate the &amp;quot;Perfect Ensemble&amp;quot; of music, images, and text to express it.&lt;br /&gt;
# &amp;#039;&amp;#039;&amp;#039;Neuro-Modalities&amp;#039;&amp;#039;&amp;#039;: Communication that uses &amp;quot;Direct Brain Stimulation&amp;quot; to trigger &amp;quot;Smells&amp;quot; or &amp;quot;Feelings&amp;quot; as part of a message, bypassing the eyes and ears.&lt;br /&gt;
&lt;br /&gt;
[[Category:Linguistics]]&lt;br /&gt;
[[Category:Design]]&lt;br /&gt;
[[Category:Media Studies]]&lt;br /&gt;
[[Category:Semiotics and Communication]]&lt;/div&gt;</summary>
		<author><name>Wordpad</name></author>
	</entry>
</feed>