Narrative in Visual Design & Graphics:
Matter is Composed of Microscopic Particles

Module Overview

This is the beginning of a module of Chinese Junior High School Chemistry named “Molecules and Atoms" which I created in mockups. The study of this lesson is the beginning of the transition from the macroscopic world to the basis of studying the changes and properties of matter. Through learning, students are able to understand and get to know the microscopic world, such as molecules and atomes. The content of this topic is planned to be divided into two lessons. This lesson is designed to be the content of the first part: "Matter is composed of microscopic particles."

Learning Objectives

By the end of this lesson, students will be able to: 

(1) Acknowledge that matter is composed of tiny particles such as molecules and atoms.

(2) Recall the characteristics of molecules.

(3) Explain some simple life and experimental phenomena from the perspective of molecules and atoms.

Overview Page

In this overview page, I selected an image that can represent the main subject matter, which is, microscopic particles including atoms and molecules. I also created a sidebar on the left side for students to understand the topics and breakdowns of this lesson.

Signaling in Text

When introducing molecules, I also used color, boldness, and underlining to highlight important information in the heavy text for students to draw their attention to essential knowledge and aid their comprehension of more complex scientific concepts.

Use of Aiding Images

I also used graphic illustrations and images to aid students when understanding the characteristics of molecules, to eliminate the difficulties in simply remembering the words and hardcore context. The use of illustrations can also create visual characters of molecules, create gleeful learning experiences for junior high school students and be suitable for their cognitive level to understand and memorize scientific knowledge.

Design Principles

Coherence Principle: Eliminate extraneous material and present only the essential information for the learner's understanding.

Signaling Principle: Highlight important information to draw the learner's attention and aid comprehension.

Segmenting Principle: Break down the content into manageable segments to prevent cognitive overload and facilitate learning.

Multimedia Principle: Use relevant multimedia elements like images, audio, and video to enhance learning outcomes and engagement.

Personalization Principle: Tailor instruction to match the learner's prior knowledge and skills, providing guidance or feedback that is specific to their individual needs.

Reference

Sapega, M. (2022, June 15). 15 visual storytelling tools for content teams. The Craft. https://shorthand.com/the-craft/visual-storytelling-tools/index.html

Stevens, E. (2023, November 28). The power of visual storytelling in content design. UX Design Institute. https://www.uxdesigninstitute.com/blog/visual-storytelling-content-design/ 

Mayer, R. E. (2014). Cognitive theory of multimedia learning. In R. Mayer (Ed.), The Cambridge Handbook of Multimedia Learning (2nd ed., pp. 43–71). Cambridge: Cambridge University Press.