Visual Communication

Kuliah 3 Proses KomunikasiOleh Coky Fauzi Alfi

cokyfauzialfi.wordpress.com

Visual Communication

Topics

• Define: Visual Communication• History of Visual Communication• Visual Communication Nodes• Visual Communication Model• Advantages and Disadvantages

"The more you see, the more you know.“― Aldous Huxley

Define: Visual Communication

Visual communication is the communication of ideas through the visual display of information.

Primarily associated with two dimensional images, it includes: art, signs, photography, typography, drawing fundamentals, color and electronic resources.

Recent research in the field has focused on web design and graphically oriented usability.

History of Visual Communication

Rocks and Caves

Cave Paintings

Petroglyphs

Geoglyphs

Ideograms

Chinese

Sumerians

Ancient Egyptians

The Alphabet

The Phoenician

The Greeks

The Romans

The Art of the Book

Celtic Manuscripts

Ottonian manuscripts

Carolingian manuscripts

Romanesque manuscripts

Gothic manuscripts

The Printing Press

Movable type

Incunabula

The Master of Type

Renaisance Painting: Sandro Boticelli (1445 - 1510)

Leonardo da Vinci: engineering sketch

The Renaisance Book

Cyclopedia

The Mercator Atlas

Breaking the Grid

Lithographic stones

Photography

Posters

The Avantgarde

Constructivism

Futurism

Dadaism

Bauhaus

Destijl

The Modernists

Art Deco

Information Graphics

Swiss Style

The Computer

Deconstructivist

Web Design

Processing

Data visualisation

3D

User interface design

Visual Communication Nodes

VisualCommunication

Visual intelligence/ Cognition/ Perception

Visual literacy

Graphic design/Aesthetics

Visualization/Creativity

Visual culture/Visual rhetoric/Visual semiotics

Professional performance: Photography/Film/Video/Internet/

Mass media/Advertising/PR

Visual Communication Model

Film/TV/Images

Generated

Film/TV/Images

ReceivedDecoder

Decoder

Encoder

Encoder

Noise

Meaning

Meaning

Common Interest

Common Interest

Behavioral ChangesAnd Beyond the Message

Behavioral Changes

M1 M2

Advantages and Disadvantages

Advantages

• Transcends language barriers• Attention getting• Ability to pick up information while in a

passive state of listening• It seems to be trustable

Disadvantages

• Imprecise & difficult to convey complex ideas• Except for pictures/symbols, it can only

communicate for limited distances, and only in the present moment

• Often cannot transmit factual information • Is open to multiple interpretations -- easy to

misread • Can possibly distract from the original intent of

the message

What Makes Good Visual Communication?

• Clear• Readable• Says only one thing• Stays on the subject• Important• Interesting• Simple• Accurate

What’s Your Message?

© 2011cokyfauzialfi.wordpress.com