Top Banner
Kuliah 3 Proses Komunikasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.com Visual Communication
73
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Visual Communication

Kuliah 3 Proses KomunikasiOleh Coky Fauzi Alfi

cokyfauzialfi.wordpress.com

Visual Communication

Page 2: Visual Communication

Topics

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

Page 3: Visual Communication

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

Page 4: Visual Communication
Page 5: Visual Communication
Page 6: Visual Communication
Page 7: Visual Communication
Page 8: Visual Communication
Page 9: Visual Communication
Page 10: Visual Communication

Define: Visual Communication

Page 11: 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.

Page 12: Visual Communication

History of Visual Communication

Page 13: Visual Communication

Rocks and Caves

Page 14: Visual Communication

Cave Paintings

Page 15: Visual Communication

Petroglyphs

Page 16: Visual Communication

Geoglyphs

Page 17: Visual Communication

Ideograms

Page 18: Visual Communication

Chinese

Page 19: Visual Communication

Sumerians

Page 20: Visual Communication

Ancient Egyptians

Page 21: Visual Communication

The Alphabet

Page 22: Visual Communication

The Phoenician

Page 23: Visual Communication

The Greeks

Page 24: Visual Communication

The Romans

Page 25: Visual Communication

The Art of the Book

Page 26: Visual Communication

Celtic Manuscripts

Page 27: Visual Communication

Ottonian manuscripts

Page 28: Visual Communication

Carolingian manuscripts

Page 29: Visual Communication

Romanesque manuscripts

Page 30: Visual Communication

Gothic manuscripts

Page 31: Visual Communication

The Printing Press

Page 32: Visual Communication

Movable type

Page 33: Visual Communication

Incunabula

Page 34: Visual Communication

The Master of Type

Page 35: Visual Communication

Renaisance Painting: Sandro Boticelli (1445 - 1510)

Page 36: Visual Communication

Leonardo da Vinci: engineering sketch

Page 37: Visual Communication

The Renaisance Book

Page 38: Visual Communication

Cyclopedia

Page 39: Visual Communication

The Mercator Atlas

Page 40: Visual Communication
Page 41: Visual Communication
Page 42: Visual Communication
Page 43: Visual Communication
Page 44: Visual Communication

Breaking the Grid

Page 45: Visual Communication

Lithographic stones

Page 46: Visual Communication

Photography

Page 47: Visual Communication

Posters

Page 48: Visual Communication

The Avantgarde

Page 49: Visual Communication

Constructivism

Page 50: Visual Communication

Futurism

Page 51: Visual Communication

Dadaism

Page 52: Visual Communication

Bauhaus

Page 53: Visual Communication

Destijl

Page 54: Visual Communication

The Modernists

Page 55: Visual Communication

Art Deco

Page 56: Visual Communication

Information Graphics

Page 57: Visual Communication

Swiss Style

Page 58: Visual Communication

The Computer

Page 59: Visual Communication

Deconstructivist

Page 60: Visual Communication

Web Design

Page 61: Visual Communication

Processing

Page 62: Visual Communication

Data visualisation

Page 63: Visual Communication

3D

Page 64: Visual Communication

User interface design

Page 65: Visual Communication

Visual Communication Nodes

Page 66: Visual Communication

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

Page 67: Visual Communication

Visual Communication Model

Page 68: Visual Communication

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

Page 69: Visual Communication

Advantages and Disadvantages

Page 70: Visual Communication

Advantages

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

passive state of listening• It seems to be trustable

Page 71: Visual Communication

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

Page 72: Visual Communication

What Makes Good Visual Communication?

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

Page 73: Visual Communication

What’s Your Message?

© 2011cokyfauzialfi.wordpress.com