Visual Communication

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

4. Define: Visual Communication

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

6. History of Visual Communication

7. Rocks and Caves

8. Cave Paintings

9. Petroglyphs

10. Geoglyphs

11. Ideograms

12. Chinese

13. Sumerians

14. Ancient Egyptians

15. The Alphabet

16. The Phoenician

17. The Greeks

18. The Romans

19. The Art of the Book

20. Celtic Manuscripts

21. Ottonian manuscripts

22. Carolingian manuscripts

23. Romanesque manuscripts

24. Gothic manuscripts

25. The Printing Press

26. Movable type

27. Incunabula

28. The Master of Type

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

30. Leonardo da Vinci : engineering sketch

31. The Renaisance Book

32. Cyclopedia

33. The Mercator Atlas

34. Breaking the Grid

35. Lithographic stones

36. Photography

37. Posters

38. The Avantgarde

39. Constructivism

40. Futurism

41. Dadaism

42. Bauhaus

43. Destijl

44. The Modernists

45. Art Deco

46. Information Graphics

47. Swiss Style

48. The Computer

49. Deconstructivist

50. Web Design

51. Processing

52. Data visualisation

53. 3D

54. User interface design

55. Visual Communication Nodes

56. Visual Communication 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

57. Visual Communication Model

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

59. Advantages and Disadvantages

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

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

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

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