{"id":25370,"date":"2021-09-15T16:41:28","date_gmt":"2021-09-15T20:41:28","guid":{"rendered":"https:\/\/studentwork.prattsi.org\/infovis\/?p=25370"},"modified":"2021-09-15T16:49:01","modified_gmt":"2021-09-15T20:49:01","slug":"history-of-visual-communication","status":"publish","type":"post","link":"https:\/\/studentwork.prattsi.org\/infovis\/labs\/timelines\/history-of-visual-communication\/","title":{"rendered":"History of Visual Communication"},"content":{"rendered":"\n
\"\"
Hieroglyphic relief: The Egyptians first used these sacred carvings<\/em> exclusively for inscriptions carved or painted on temple walls. <\/figcaption><\/figure>\n\n\n\n

Introduction<\/span><\/strong><\/h2>\n\n\n\n

The history of visual communication is a story that spans the entirety of human existence. Visual communication has been in use since prehistoric times. It shows how some trends influence and change the next ones. Visual communication came from written language, the arts and science, and various art mediums. <\/span><\/p>\n\n\n\n

From painting in caves for communicating from one generation to another to getting introduced to digital tools in a revolutionary way, the human species has seen some major changes. This timeline presents an overview of how visual communication has evolved over time, has become more divided with new titles and how that has shaped the way we communicate now. <\/span><\/p>\n\n\n\n

Materials<\/span><\/strong><\/h2>\n\n\n\n

The timeline was created using TimelineJS<\/a>, an open source tool by Knight Lab which is used to build visually rich and interactive timelines in an easy way. It allows the creation of simple timelines just by filling in a spreadsheet and pulling in media from different sources. <\/span><\/p>\n\n\n\n

\"\"
Screenshot of Google Sheet from which the timeline was generated
<\/figcaption><\/figure>\n\n\n\n

Methods<\/strong><\/h2>\n\n\n\n

To be a multi-disciplinary designer, it\u2019s important to know that design will shift along with the upcoming trends. The reason behind choosing this topic was that knowing the history can be helpful for guidance and for inspiration. <\/span><\/p>\n\n\n\n

After deciding on the topic, I gathered data and visual examples from various sources. My primary resources for this project were the articles, https:\/\/99designs.com\/blog\/design-history-movements\/history-graphic-design\/<\/a> and https:\/\/ujet.cx\/blog\/a-history-of-visual-communication\/<\/a>. I also used https:\/\/www.historyofvisualcommunication.com\/<\/a> as a guide. After collecting the data, I followed the process of inputting the data in the Google Sheet template.<\/span><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\n
View the timeline<\/a><\/div>\n<\/div>\n\n\n\n

Results<\/strong><\/h2>\n\n\n\n

Communication can be verbal, visual and even physical, but all have the same purpose. It\u2019s to convey a message. Through this timeline, I presented nine stages in the history of visual communication along with a brief description. It shows the progression of visual communication from the prehistoric era to the starting of digital world. Although this timeline doesn\u2019t show all of the changes, it aims to explore the major stages in the history of visual communication. <\/span><\/p>\n\n\n\n

Even though it’s unclear what humans were communicating during the prehistoric era, looking at the timeline, it can be said that humanity had a natural ability to use visual representation to communicate complex ideas. Whether it be the rock paintings or the earliest languages which were logographic, humans displayed a knack of communicating with visuals.<\/span><\/p>\n\n\n\n

\"\"
Cueva de las Manos in Perito Moreno, Argentina. Via <\/em>Wikipedia<\/a><\/em><\/figcaption><\/figure>\n\n\n\n

In the 1400s, the Gutenberg press paved the way for more commercial uses of design which then led to the creation of the first logo and print advertisements.<\/span><\/p>\n\n\n\n

\"\"
One of the earliest known print advertisements Via the <\/em>Brent Museum and Archive<\/a><\/figcaption><\/figure><\/div>\n\n\n\n

There were some key influential art movements that helped evolve visual design. These include Art Nouveau, Bauhaus, Art Deco, Swiss Design, Pop Art and Postmodernism.<\/span><\/p>\n\n\n\n

\"\"
Whaam!<\/a> by Roy Lichtenstein via Tate<\/a><\/figcaption><\/figure>\n\n\n\n

With Apple introducing the Macintosh computer in 1984 and Photoshop being introduced in 1990 as a graphics editing software, the world started its slow approach to the digital world.<\/span><\/p>\n\n\n\n

\"\"
Adobe Photoshop version 1 launched in 1990 via Version Museum<\/a><\/figcaption><\/figure><\/div>\n\n\n\n

Reflection<\/strong><\/h2>\n\n\n\n

I appreciate the ease of learning and using TimelineJS. The changes I made in the google sheet were easily presented through this visualization. Although it is a user friendly tool, I would like to see more features added to it to remove the constraints like limited layout options for the slides which affected the image and text display. <\/span><\/p>\n\n\n\n

Reflecting on the timeline, I feel like I kept wanting to add more information. Since I was focusing on the history of Visual Communication, I didn\u2019t add any current influential period in it\u2019s progression. Looking at the history of visual communication, I can see how people behind the visuals install ideas and influence the coming generations. In the future iterations, I would like to add more to the timeline to link the history with the present and talk more about the possible future of visual communication. But even with these areas for improvement, the timeline showcases the trends and the shifts in the way humans started communicating using visual language. <\/span><\/p>\n\n\n\n

References<\/strong><\/h2>\n\n\n\n

Ellis, M. (2018, May 24). A brief history of graphic design<\/em>. 99designs. https:\/\/99designs.com\/blog\/design-history-movements\/history-graphic-design\/<\/a><\/span><\/p>\n\n\n\n

Galvan, M. (2020, October 29). A brief history of graphic design – UX Collective<\/em>. Medium. https:\/\/uxdesign.cc\/a-brief-history-of-graphic-design-90eb5e1b5632<\/a> <\/span><\/p>\n\n\n\n

History of Visual Communication. (n.d.). Viscomhistory. Retrieved September 13, 2021, from https:\/\/www.historyofvisualcommunication.com\/<\/a> <\/span><\/p>\n\n\n\n

Team, U. (2021, August 13). A history of visual communication. UJET. https:\/\/ujet.cx\/blog\/a-history-of-visual-communication\/<\/a> <\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

Introduction The history of visual communication is a story that spans the entirety of human existence. Visual communication has been in use since prehistoric times. It shows how some trends influence and change the next ones. Visual communication came from written language, the arts and science, and various art mediums.  From painting in caves for…<\/p>\n","protected":false},"author":3901,"featured_media":25411,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[339],"tags":[],"coauthors":[1665],"class_list":["post-25370","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-timelines"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/studentwork.prattsi.org\/infovis\/wp-content\/uploads\/sites\/3\/2021\/09\/800px-Uncle_Sam_Supplying_the_World_with_Berry_Brothers_Hard_Oil_Finish.jpeg?fit=800%2C496&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paBdcV-6Bc","_links":{"self":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/25370","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/users\/3901"}],"replies":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/comments?post=25370"}],"version-history":[{"count":8,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/25370\/revisions"}],"predecessor-version":[{"id":25385,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/posts\/25370\/revisions\/25385"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media\/25411"}],"wp:attachment":[{"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/media?parent=25370"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/categories?post=25370"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/tags?post=25370"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/studentwork.prattsi.org\/infovis\/wp-json\/wp\/v2\/coauthors?post=25370"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}