| Research Paper | link to Publications, link to Awards, link to Exhibitions, link to Education, Employment | |||||
| |
||||||
|
|
Embodiment and Image Design: From Mental Maps to Graphic Diagrams |
|||||
| © Elzbieta
(Elka) Kazmierczak 2002 |
Invitational Presentation during the 10th International Congress of the German Association for Semiotic Studies, Body–Embodiment–Disembodiment, Kassel, Germany, 2002. Published on CD-ROM by Kassel University in 2003. | |||||
Keywords
|
Embodiment, cognitive mapping, visualization, diagrammatic modeling | |||||
| Abstract |
This paper presents image making in communication design as diagrammatic modeling of mental maps. It demonstrates that any image is a diagram. Diagrams are examined as a mode of thinking that influences designs according to the logic of sensory perception.Thus, visual syntax is considered as the primary dimension of pictorial construction, which operates by the manipulation and placement of graphic signs.The stress is on the groundedness of semiosis in embodied experiences of reality, as reflected in cognitive processes, which are placed outside of the cultural realm.Therefore, a triadic model of a sign is discussed as a mental process, determined by species-specific cognitive and perceptual code.
|
|||||
Mental
maps and schemas |
||||||
| Our connection with the environment is cognitive; therefore it is determined by the capacities of cognitive faculties, corporeality, and the interactive nature of the relation. During the evolutionary and developmental process of individuation we developed models for cognitive connection with the world. That is to say, mapping the sensory experience develops in accord to perceptual, intellectual, and operational schemas. They are “schematic structures that are constantly operating in our perception, bodily movement through space, and physical manipulation of objects” (Johnson 1987: 23). Those schemas, including image-schemas, are preconceptual plans or patterns of our expectations, anticipations, and conceptualizations of our interaction with environment. We can think of them as of dynamic models for organizing perception and experience, which allow us to make the world intelligible. This modeling entails relating things, events, and states.
|
||||||
| Fig.1a Cognitive Mapping: interaction among an individual, the actual world, and the cognitive world. |
||||||
© Elzbieta
(Elka) Kazmierczak |
|
|||||
Cognitive
theory enables us to view this modeling of mental schemas, as plans
for conceptualization of past experience, which determine rational
entailments described propositionally, and provide cognitive plans
for interaction with the environment. We can think of a cognitive
map as of a global “orienting schema” that consists of a number of other more
specific schemas, such as perceptual schemas of objects. ”Actions
are hierarchically embedded in more extensive plans and are motivated
by anticipated consequences at various levels of schematic organization” (Neisser
1976: 113). |
||||||
| Fig. 1b Example of cognitive mapping of the construction site: (1) view of the site, (2) the cognitive mapping of the activities, and (3) the individual activity. | ||||||
©
Unknown Illustrator 2002 (Modified by Elka Kazmierczak for the purposes of this presentation only.) |
|
|||||
“A schema consists of a small number of parts and relations, by virtue of which it can structure indefinitely many perceptions, images, and events” (Johnson 1983: 29). That is to say, there are basic units of information/meaning, which are constituted by relations. Those schemas operate diagrammatically. They are diagrammatic in a sense defined by C. S. Peirce. Namely, as structural relations (Peirce CP 4.418). They are internal or mental diagrams general and abstract enough to allow us making connections among the richness and the variety of particular and concrete things, events, and states in the world. They are mental maps of our thinking. In order to communicate and to expand those models in some ways, we have developed external diagrams, as modes of representation such as mental, acoustic, graphic, or mixed.
|
||||||
| Fig. 1c Cognitive mapping in meaning-making: a semiotic model of a sign. | ||||||
|
||||||
| Meaning-making strategies | ||||||
The
meaning-making strategies, or the ways we make sense of our experiences,
are largely unconscious processes of mapping sensory experience onto
the inner world of cognitive mapping. The metaphoric nature of that
process refers to the “understanding and experiencing one kind
of thing in terms of another” (Lakoff & Johnson 1980: 5).
It describes the parallel (metaphoric) nature of the modeling process
as such. For designers, the entailments of this mapping are intimately,
if only intuitively known. For example, metaphor of navigation through
the virtual space is taken from the experience of sailing and land exploration
as in Internet Navigator, or Internet Explorer). Going through the pages
of what actually are screen presentations derives from the experience
with printed books. High or low impact of a design on a client is marked
by experience of throwing objects. “Mood is an environmental state
(as in ‘I’m feeling under the weather’)” (Danesi
1993: 121). The challenge is to turn intuitive knowing into the analytical
and rational knowledge of visualization and meaning-making to produce
predictable results and thus, to ensure the effectiveness of design.
|
||||||
| Fig. 2a Scale of graphic schematization from experience to concepts | ||||||
© Elzbieta
(Elka) Kazmierczak 2002 (After J. Doblin and Peirce) |
|
|||||
The differentiation of the diagrammatic schematization can be organized into a scale from the most detailed realistic representation to the most synthetic abstract one (illustration 2a). For instance, a portrait of a person can be depicted as a photograph, as a painting, as a drawing, as a schematic, as a symbol, or finally, as an abstract mark (illustration 2b). The photographic portrait contains the most detailed depiction of the person’s appearance, while an abstract mark captures the essence of that person’s look or personality. Illustrations 2a and 2b show the progression of graphic schematization from experience to analytic abstractization of that experience.
|
||||||
| Fig. 2b Example of graphic schematization of a portrait: (1) photograph, (2) drawing, (3) schematic, (4) graph, (5) symbol, and (6) mark. | ||||||
© Jay
Doblin (no date) |
|
|||||
| Two planes of the design process | ||||||
Design develops diagrammatic representations of mental maps including perceptual schemas. In other words, the design process is the process of actualization of mental maps that takes place on two planes: on a mental plane (internal diagrams) of thought shaping and on the material plane (external diagrams) of its sensory counterpart. Design brings to existence mental diagrams of our conceptualizations of and about objects or events. These planes constitute the two modes of the diagrammatic modeling of thinking. They define the two aspects of the meaning-making process, which entails diagrammatic reasoning and its representation. We can think of a reasoning itself, which involves making conceptual relations by spatial means, as of “‘mapping’ in its hypothetical sense” (Spinks 1991: 446). Thus, the design is the mapping in its actual sense. In other words, it is a process of representing conceptual relations by spatial means in a graphic or other medium. Design relies on selection and schematization of sensory characteristics to enable receivers to conceive of something quite beyond what is actually seen. Thus, the design is a diagrammatic guide for the imaginal construction of a meaning: concept or entity. Design is mapping in the diagrammatic sense.
|
||||||
| Fig. 3 Woman in the Land of Dixie-book cover (front and back) | ||||||
|
||||||
| For
instance, in this design, a concept of social contrast, opposition, and
race is mapped onto a material plane of the design as a juxtaposition
of silhouettes.The relationship between two genders was reduced to a partial
representation of the faces.This synecdochical substitution of a part
for a whole conveys almost intimate closeness of the modeled relationship.
As such, it represents the dichotomy between the two opposite elements.
The designer has developed a schematic picture of the face, to provide
a diagrammatic model of the female-to-female relationship. This relationship
is reduced to the visual representation of significant parts of schematic
profiles. On the other hand, the differences in the placement of the profiles define the kind of relationship between them (illustration 3). On the front cover, the two profiles are in opposition, perhaps, even in confrontational opposition, while on the back cover they are placed right next to each other. The change of placement from polarized and adversarial to the same side of the composition is geared toward inducing the response in the viewer. The receiver is to infer that the significant change of the relationship between heroines has occurred during the course of the book. |
||||||
| Shortcuts to meaning: design and mental mapping | ||||||
Designs are shortcuts through and to meaning. They rely on mutual reinforcement of pictorial and textual components, which takes advantage of cognitive differentiation between processing of different types of sensory information. They show what is meant and thus, take advantage of the efficiency with which humans process visual information. Linguistic messages are processed more slowly as they require sole intellectual processing which takes longer. Graphic diagrams, represent the way humans think, therefore they are comprehended quickly. Designs do not represent objects as they are in and for themselves. They are schematics. Designers strategically bring into designs only those aspects of the object that are essential to the design objective. The design process is driven by dichotomy of chosen versus rejected characteristics of an object. Designs do not rely on lengthy descriptions or specifications, as do textual communications. Instead, they provide selections of sensory cues necessary for the immediate grasping of an adequate interpretation. Graphic diagrams provide a geographical overview of relationships among corresponding relevant concepts. They are sensory schemas for comprehension of conceptual relations. The
development of the graphic diagram requires strategic thinking and planning
that requires intellectual discipline and reductive reasoning. Viewing
design process as an extension or result of the diagrammatic reasoning
allows us to emphasize the importance of the rational foundations of
that process. |
||||||
| Fig. 4 Diagrammatization of a sentence: different spatial arrangements induce different “readings” of the sentence. | ||||||
| Student work |
|
|||||
In illustration 4, the viewer navigates through the arrangement being guided by its visual hierarchy. The viewer’s reading of the diagram is always non-linear, associative and abductive, which makes it different from the linguistic comprehension. It is the dynamic relation of mutual determination between the logic of visual cognition and the linguistic discourse that determines reading of diagrams.
|
||||||
| Reading diagrams | Pictorial elements, especially those with a high degree of generalization, require linguistic support to specify referents. In this sense, diagrams are conceived as open to different readings, but those readings are limited by the logical possibilities afforded by visual syntax. The linguistic elements specify referents. The pictorial/graphic elements specify relations. The same applies for pictorial elements with a low degree of generalization, and a low degree of schematization, such as realistic images or photographs. For instance, different titles specify different referents, and thus, different readings, of the same picture. Mona Lisa will “read” differently in an art history book, in a costume design book, or in a teenage girls magazine as an example of a poor make up.
|
|||||
| Fig. 5 Influence of a title on the “reading” of an image. | ||||||
© Elzbieta
(Elka) Kazmierczak 1999 |
|
|||||
| Diagrams, perception, and thinking | ||||||
There
are two aspects of graphic diagrams that are important to visualization
of conceptual structures. First, logic of visual syntax (formal relations)
guides the sequence of the reading of a diagram. Secondly, diagrams
are gestalts, and as such, fall under the laws of visual perception.
In other words, besides being objects for communication, diagrams are
objects for cognition. As spatial models, they create sensorial configurations,
which operate semiotically to communicate conceptual relations. Therefore
graphic diagrams operate through visual cognition.
|
||||||
| Fig. 6 In arrangements we look for simplest shapes. Thus, we interpret this arrangement as two partially overlapping squares, and not as an irregular figure. | ||||||
|
||||||
|
In this illustration, one square appears behind the other. Once we grasp a configuration, that comprehension encompasses and specifies the structural relations inside it. Thus, we perceive gestalts top-down or general to specific. Graphic diagrams are holistic and synoptic, like any other sensory arrangement, in a sense that they are perceived always as wholes or gestalts. A receiver looks for a familiar pattern to decide about the relations within it. Namely, the interpreter looks for the meaning of the design elements upon comprehending the whole first. Gestalt psychology explains why diagrams enable top-down comprehension of unfamiliar content and support remembering of complex relations (Holley & Dansereau 1984: 14). When applied as teaching or learning aids, diagrams are excellent tools facilitating meaningful learning and remembering of the unknown material. Graphic diagrams provide spatial models of conceptual structures and thus facilitate understanding and remembering of otherwise difficult to grasp concepts.
|
|||||
| Diagrammatic thinking | Graphic diagrams accomplish so much, because they materialize the spatial and temporal ways we think. That means, that at the heart of diagrammatic models are visual relations as ways of thinking. In graphic diagrams, “the spatial relations between their tokens share logical properties with relations between denoted objects” (Gurr 2002: 128). That is to say, there is a direct mapping between concep-tual relations and relations shown in graphic diagrams. As a result, in diagrams, “certain inferences are somehow more immediate, or even are automatic”, and “conclusions appear ‘for free’, as compared with textual systems where a logical inference must be made to produce the conclusion” (ibid.: 131). In the illustration 7, we see the most rudimental diagrammatic notations of basic conceptual rela-tions: connection, mutual causation, clustering, overlap, and inclusion. Once again, they show what they mean. They operate not by resemblance to appearances. They are visual representations of diagrammatic reasoning operating according to the rules of visual logic guided by perceptual schemas.
|
|||||
| Fig. 7 Diagrammatic notation of basic conceptual relations. | ||||||
|
||||||
connection |
causation |
clustering |
overlap |
inclusion
|
||
Thus, in spite of the theoretically unlimited possibilities of assigning meaning to abstract shapes, an arrow lends itself for the use in those situations in which the logic of the syntax of an arrow is applicable. In short, an arrow always implies a specific direction, motion, and thus, possibility for transition. It is important for a communication designer to be acutely aware of the semantic entailments of graphic shaping. Namely, she/he must keep in mind that the changes in the sensory organization of gestalts create different patterns for recognition. Different sensory configurations are recognized as different signs (diagrams), which may involve different interpretations, or inferences. For instance, change of a position of the same triangle, always changes its indexical function. Namely, it points to-ward a different direction every time it is turned.
|
||||||
| Fig. 8 Directionality of a triangle. | ||||||
|
||||||
| EXAMPLES | GRAPHIC DIAGRAMS | |||||
The graphic page itself is diagrammatic. The spatial coordinates of height and width define it. This plane maps our position in the world, which is mapped in relation to our orientation within four directions. Geographic directions – north south, east, west, or corporeal directions – forward, backward, right, or left are mapped onto the plane of a graphic page as up, down, right and left. In this context it is easier to see the diagrammatic nature of text layouts, which are diagrams as well.
|
||||||
| Fig. 9 Concept diagram “Meridian” | ||||||
© Peter
Storkerson 1993 |
|
|||||
The Meridian poster is a concept diagram for connecting fragments of infor-mation on a topic. It uses the code of symbolic representation by integrating text as if it were an image. The complexity of the architecture causes the viewer to consider syntactic relationships as guides to semantic associations of texts. The viewer is guided to make conclusions about conceptual relations using cues from visual syntax or composition. That is because sensory proximity and perceptual dynamics determine what we link together. Whatever we link sensorially, we can link conceptually. Height and width correspond to the surface of the earth. The visual syntax leads the viewer to combine texts, and in doing so, to build a semantic field or topic. The rules for reading texts are not explicitly stated. Instead, a complex logical layering of information according to proximity and directionality indicates them.
|
||||||
| Fig. 10 Indexical diagram of a street map. | ||||||
© Elzbieta
(Elka) Kazmierczak 2002 |
|
|||||
|
This map is an indexical diagram. This diagram is indexical by virtue of having a one-to-one mapping with referents: road crossings. The value of this diagram is not in its resemblance to the appearance of the urban landscape, but as a guide to the schematic patterns of connections among streets and routes that can be inferred.
|
|||||
| MORE EXAMPLES | COMBINING TWO VIEWPOINTS IN ONE DIAGRAM | |||||
| Fig. 11 Indexical diagram: two projections of the South Pole. | ||||||
© Elzbieta
(Elka) Kazmierczak 2002 |
|
|||||
It is a frequently used practice in diagrammatic modeling to bring together mutually excluding viewpoints, such as, for instance, in this also indexical diagram of polar projections (illustration 11). It mixes different projections, which show different points of view. These polar projections are developed for different purposes. Both are accurate, but from different frames of reference. Thus, what looks distant in one projection looks adjacent in another. It is a concise synopsis, which provides two different points of view simultaneously.
|
||||||
| Fig. 12 Illustrative diagram: medical visualization of the inside and its wall. | ||||||
© Hurd
Studios 2001 Modified by Elka Kazmierczak for the purposes of this paper. |
|
|||||
| This is not a portrait of anything we see in reality. Three dimensionality and color are used in a lifelike way to communicate diagrammatically. It is a concise synopsis, which provides two different points of view simultaneously: above, perspective of the intestine, and below, its cross-section (isometric). We see the bacteria that inhabit the intestine and the sliced wall of the intestine itself. | ||||||
| EXAMPLES | ILLUSTRATIONS ARE DIAGRAMS IN DISGUISE | |||||
Illustrations are diagrams in disguise. They may not look like diagrams, but they work diagrammatically. In Addicted we see an illustrative diagram. It uses the convention of realistic representation of mechanical projection of photography and assemblage. Here the receiver is confronted not with a portrait of a man, but with the diagrammatic representation of the personality shattered by the addiction. The pulling of the contradictory forces inside the head is visualized literally by the strings hooked to the head. There is also a blend of mutually excluding viewpoints. The image simultaneously shows the views of the outside and the inside of the head of an addict. Once again, illustrative diagrams do not arrive portraying anything we see in reality. They use a “lifelike” way to communicate diagrammatically.
|
||||||
| Fig. 13, 14 Illustrative diagrams: Addicted-cover illustration by Steve Mayse and Cyrk-poster by Hubert Hilscher. | ||||||
| © Steve
Mayse 1997 © Hubert Hilscher 1967 |
|
|||||
Another illustrative diagram, a cultural poster, shows a relation that challenges our sense of balance. In a synoptic overview, the design forms an up-side-down pyramid. We see the lion’s expression, we see its teeth, wee see its precarious perch. The instability is achieved not only with scale and proportion, but also with indication of movement by arched spikes. The linguistic component “cyrk” (circus) provides the referent for the lion, thus, giving the receiver the cues for the referential meaning of the poster.
|
||||||
| Fig. 15 Illustrative diagram: medical visualization of the bacteria eColi in the urinary tract. | ||||||
© Hurd
Studios 2001 Modified by Elka Kazmierczak for the purposes of this paper. |
![]() |
|||||
This medical illustration may not look like a diagram, but it works diagrammatically. This is not a portrait of a bacteria. It is a depiction of structural relations and schemas. This is a diagram in which certain aspects are emphasized to make clear the fitting of the eColi bacteria's receptors to the lining of the urinary tract (cued in red).
|
||||||
Summary
|
1.
Designs vary on the scale of degrees of diagrammatic schematization.
That schematization varies depending on the design purpose, the subject
matter, and medium.
|
|||||
| |
||||||
Bibliography |
Danesi,
Marcel. 1993. Messages and meanings: an introduction to semiotics.
Toronto: Canadian Scholars’ Press Inc. |
|||||
| Publications | ||||||
How
to contact |
elka at elkadesigns.com | |||||