Visual Communication Overview

1. Kuliah 3 Proses Komunikasi
Oleh Coky Fauzi Alfi
cokyfauzialfi.wordpress.com
Visual Communication

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

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

10. Define: Visual Communication

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

12. History of Visual Communication

13. Rocks and Caves

14. Cave Paintings

15. Petroglyphs

16. Geoglyphs

17. Ideograms

18. Chinese

19. Sumerians

20. Ancient Egyptians

21. The Alphabet

22. The Phoenician

23. The Greeks

24. The Romans

25. The Art of the Book

26. Celtic Manuscripts

27. Ottonian manuscripts

28. Carolingian manuscripts

29. Romanesque manuscripts

30. Gothic manuscripts

31. The Printing Press

32. Movable type

33. Incunabula

34. The Master of Type

35. Renaisance Painting: Sandro Boticelli
(1445 - 1510)

36. Leonardo da Vinci: engineering sketch

37. The Renaisance Book

38. Cyclopedia

39. The Mercator Atlas

44. Breaking the Grid

45. Lithographic stones

46. Photography

47. Posters

48. The Avantgarde

49. Constructivism

50. Futurism

51. Dadaism

52. Bauhaus

53. Destijl

54. The Modernists

55. Art Deco

56. Information Graphics

57. Swiss Style

58. The Computer

59. Deconstructivist

60. Web Design

61. Processing

62. Data visualisation

63. 3D

64. User interface design

65. Visual Communication Nodes

66. Visual intelligence/
Visual Graphic design/
Cognition/
literacy Aesthetics
Perception
Visual Visual culture/
Visualization/
Visual rhetoric/
Creativity Communication
Visual semiotics
Professional performance:
Photography/Film/Video/Internet/
Mass media/Advertising/PR

67. Visual Communication Model

68. Common Interest
Meaning
M1 M2
Encoder Decoder
Film/TV/ Film/TV/
Images Noise Images
Generated Received
Decoder Encoder
Behavioral Changes Meaning Behavioral Changes
And Beyond
the Message Common Interest

69. Advantages and Disadvantages

70. Advantages
• Transcends language barriers
• Attention getting
• Ability to pick up information while in a
passive state of listening
• It seems to be trustable

71. 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

72. What Makes Good Visual
Communication?
• Clear
• Readable
• Says only one thing
• Stays on the subject
• Important
• Interesting
• Simple
• Accurate

73. © 2011
cokyfauzialfi.wordpress.com
What’s Your Message?