Kuliah 3 Proses Komunikasi                        Oleh Coky Fauzi Alfi               cokyfauzialfi.wordpress.comVisual Com...
Topics•   Define: Visual Communication•   History of Visual Communication•   Visual Communication Nodes•   Visual Communic...
"The more you see, the more you know.“                      ― Aldous Huxley
Define: Visual Communication
Visual communication is the communication ofideas through the visual display of information.Primarily associated with two ...
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
Visual intelligence/                        Visual         Graphic design/Cognition/                       literacy       ...
Visual Communication Model
Common Interest                        Meaning      M1                                     M2    Encoder                  ...
Advantages and Disadvantages
Advantages• Transcends language barriers• Attention getting• Ability to pick up information while in a  passive state of l...
Disadvantages• Imprecise & difficult to convey complex ideas• Except for pictures/symbols, it can only  communicate for li...
What Makes Good Visual             Communication?•   Clear•   Readable•   Says only one thing•   Stays on the subject•   I...
© 2011cokyfauzialfi.wordpress.comWhat’s Your Message?
Visual Communication
Visual Communication
Visual Communication
Visual Communication
Visual Communication
Visual Communication
Visual Communication
Visual Communication
Visual Communication
Visual Communication
Upcoming SlideShare
Loading in...5
×

Visual Communication

5,462

Published on

Visual Communication Overview

Published in: Education, Technology, Design
0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
5,462
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
319
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide

Visual Communication

  1. 1. Kuliah 3 Proses Komunikasi Oleh Coky Fauzi Alfi cokyfauzialfi.wordpress.comVisual Communication
  2. 2. Topics• Define: Visual Communication• History of Visual Communication• Visual Communication Nodes• Visual Communication Model• Advantages and Disadvantages
  3. 3. "The more you see, the more you know.“ ― Aldous Huxley
  4. 4. Define: Visual Communication
  5. 5. Visual communication is the communication ofideas through the visual display of information.Primarily associated with two dimensionalimages, it includes:art, signs, photography, typography, drawingfundamentals, color and electronic resources.Recent research in the field has focused on webdesign and graphically oriented usability.
  6. 6. History of Visual Communication
  7. 7. Rocks and Caves
  8. 8. Cave Paintings
  9. 9. Petroglyphs
  10. 10. Geoglyphs
  11. 11. Ideograms
  12. 12. Chinese
  13. 13. Sumerians
  14. 14. Ancient Egyptians
  15. 15. The Alphabet
  16. 16. The Phoenician
  17. 17. The Greeks
  18. 18. The Romans
  19. 19. The Art of the Book
  20. 20. Celtic Manuscripts
  21. 21. Ottonian manuscripts
  22. 22. Carolingian manuscripts
  23. 23. Romanesque manuscripts
  24. 24. Gothic manuscripts
  25. 25. The Printing Press
  26. 26. Movable type
  27. 27. Incunabula
  28. 28. The Master of Type
  29. 29. Renaisance Painting: Sandro Boticelli(1445 - 1510)
  30. 30. Leonardo da Vinci: engineering sketch
  31. 31. The Renaisance Book
  32. 32. Cyclopedia
  33. 33. The Mercator Atlas
  34. 34. Breaking the Grid
  35. 35. Lithographic stones
  36. 36. Photography
  37. 37. Posters
  38. 38. The Avantgarde
  39. 39. Constructivism
  40. 40. Futurism
  41. 41. Dadaism
  42. 42. Bauhaus
  43. 43. Destijl
  44. 44. The Modernists
  45. 45. Art Deco
  46. 46. Information Graphics
  47. 47. Swiss Style
  48. 48. The Computer
  49. 49. Deconstructivist
  50. 50. Web Design
  51. 51. Processing
  52. 52. Data visualisation
  53. 53. 3D
  54. 54. User interface design
  55. 55. Visual Communication Nodes
  56. 56. Visual intelligence/ Visual Graphic design/Cognition/ literacy AestheticsPerception Visual Visual culture/Visualization/ Visual rhetoric/Creativity Communication Visual semiotics Professional performance: Photography/Film/Video/Internet/ Mass media/Advertising/PR
  57. 57. Visual Communication Model
  58. 58. Common Interest Meaning M1 M2 Encoder Decoder Film/TV/ Film/TV/ Images Noise Images Generated Received Decoder EncoderBehavioral Changes Meaning Behavioral Changes And Beyond the Message Common Interest
  59. 59. Advantages and Disadvantages
  60. 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. 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. 62. What Makes Good Visual Communication?• Clear• Readable• Says only one thing• Stays on the subject• Important• Interesting• Simple• Accurate
  63. 63. © 2011cokyfauzialfi.wordpress.comWhat’s Your Message?
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×