{"id":1173,"date":"2017-05-05T15:11:00","date_gmt":"2017-05-05T15:11:00","guid":{"rendered":"http:\/\/commarts.pleather.us\/2017\/05\/05\/this-months-18-best-gifographics-inspiration\/"},"modified":"2017-05-05T15:11:00","modified_gmt":"2017-05-05T15:11:00","slug":"this-months-18-best-gifographics-inspiration","status":"publish","type":"post","link":"https:\/\/blog.valdosta.edu\/m2\/2017\/05\/05\/this-months-18-best-gifographics-inspiration\/","title":{"rendered":"This Month\u2019s 18 Best Gifographics Inspiration"},"content":{"rendered":"<p><span style=\"font-weight: 400\">If you\u2019re not familiar with them yet, gifographics, or infogifs, are the upgraded version of the infographic. Infographs have long been the visual content standard used by marketers and content creators alike, but the gifographic adds a little bit more to the classic graphic visual. <\/span><\/p>\n<p><span style=\"font-weight: 400\">Gifographics are perfect for mobile displays and produce a more interactive and engaging experience than the traditional infographic. Like the name suggests, gifographics are infographics with the moving parts of a GIF. Similar to infographs, they present viewers with a wide range of information in a minimal amount of space but with the inclusion of animated components. This addition leads to greater engagement with viewers, making it an extremely effective form of visual content. <\/span><\/p>\n<p><span style=\"font-weight: 400\">Take a look at these beautiful examples of gifographics we\u2019ve rounded up below to see why they\u2019ve become so popular:<\/span><\/p>\n<p><strong>1.\u00a0<a href=\"http:\/\/infographicjournal.com\/the-cost-of-being-the-ultimate-harry-potter-fan\/\" target=\"_blank\" rel=\"noopener noreferrer\">The Cost Of Being The Ultimate Harry Potter Fan<\/a>\u00a0by MoneySuperMarket<\/strong><\/p>\n<p>This is a perfect example of how gifographics can be more engaging.There is a great deal of information provided without being cluttered and the subtle animations of the various aspects on this infogif is enough to catch the eye without being overwhelming.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-146176\" src=\"https:\/\/s3.amazonaws.com\/visualnews-wp-media-prod\/wp-content\/uploads\/2017\/05\/04151354\/gifographics-1.gif\" alt=\"Gifographics: The Cost Of Being The Ultimate Harry Potter Fan\" width=\"975\" height=\"2808\" \/><\/p>\n<p><strong>2.\u00a0<a href=\"http:\/\/tabletopwhale.com\/img\/posts\/12-16-14.gif\" target=\"_blank\" rel=\"noopener noreferrer\">How To Build A Human<\/a>\u00a0by Eleanor Lutz<\/strong><\/p>\n<p><span style=\"font-weight: 400\">The continuous animation of the spiral is striking and helps to make the process more understandable. The GIF essentially speaks for itself and is a perfect visual representation of the information provided.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-146177\" src=\"https:\/\/s3.amazonaws.com\/visualnews-wp-media-prod\/wp-content\/uploads\/2017\/05\/04151410\/gifographics-2.gif\" alt=\"Gifographics: How To Build A Human\" width=\"1080\" height=\"1316\" \/><\/p>\n<p><strong>3.\u00a0<a href=\"http:\/\/marketeer.kapost.com\/winning-the-content-marketing-game-infogif\/\" target=\"_blank\" rel=\"noopener noreferrer\">How To Win The Content Marketing Game<\/a>\u00a0by kapost and Salesforce<\/strong><\/p>\n<p><span style=\"font-weight: 400\">This gifographic incorporates animated parts to produce an 8-bit \u201cgame\u201d feel, tying together the title and the visual design. This makes the infogif more compelling and playful while still being able to express the important information provided.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-146178\" src=\"https:\/\/s3.amazonaws.com\/visualnews-wp-media-prod\/wp-content\/uploads\/2017\/05\/04151435\/gifographics-3.gif\" alt=\"Gifographics: How To Win The Content Marketing Game\" width=\"800\" height=\"3892\" \/><\/p>\n<p><strong>4.\u00a0<a href=\"https:\/\/www.quicksprout.com\/2014\/02\/21\/how-google-works\/\" target=\"_blank\" rel=\"noopener noreferrer\">How Google Works<\/a>\u00a0by Quicksprout<\/strong><\/p>\n<p><span style=\"font-weight: 400\">The animated details perfectly bring to life the visual representations of the information on this gifographic to help readers understand all of the data. This type of GIF use is an excellent example of using images and animations to speak for the material.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-146180\" src=\"https:\/\/s3.amazonaws.com\/visualnews-wp-media-prod\/wp-content\/uploads\/2017\/05\/04151458\/gifographics-4.gif\" alt=\"Gifographics: How Google Works\" width=\"818\" height=\"7770\" \/><\/p>\n<p><strong>5.\u00a0<a href=\"https:\/\/www.columnfivemedia.com\/work-items\/virtual-reality-a-fresh-perspective-for-marketers\" target=\"_blank\" rel=\"noopener noreferrer\">Virtual Reality: A Fresh Perspective For Marketers<\/a>\u00a0by Column Five<\/strong><\/p>\n<p><span style=\"font-weight: 400\">This gifographic uses animation to call attention to important aspects of the content. The subtle GIF details make it refreshing and lively without detracting from the ample amount of information presented.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-146181\" src=\"https:\/\/s3.amazonaws.com\/visualnews-wp-media-prod\/wp-content\/uploads\/2017\/05\/04151610\/gifographics-5.gif\" alt=\"Gifographics: Virtual Reality: A Fresh Perspective For Marketers\" width=\"1000\" height=\"5990\" \/><\/p>\n<p><strong>6.\u00a0<a href=\"http:\/\/www.best-infographics.com\/perform-cpr-infographic\/\" target=\"_blank\" rel=\"noopener noreferrer\">How To Perform CPR<\/a>\u00a0by Carrington<\/strong><\/p>\n<p><span style=\"font-weight: 400\">This example uses a step-by-step GIF to explain a process in a small amount of space. Rather than creating a long visual like traditional infographs, the sections are condensed into one frame with each stage of the technique scrolled through on a loop.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-146185\" src=\"https:\/\/s3.amazonaws.com\/visualnews-wp-media-prod\/wp-content\/uploads\/2017\/05\/04151843\/gifographics-9.gif\" alt=\"Gifographics: How To Perform CPR\" width=\"1000\" height=\"1514\" \/><\/p>\n<p><strong>7.\u00a0<a href=\"http:\/\/www.business2community.com\/infographics\/throw-perfect-strike-marketing-communications-infographic-0821559#3t7954ywcbdd7aTZ.97\" target=\"_blank\" rel=\"noopener noreferrer\">How To Throw A Perfect Strike With Your Marketing Communications<\/a>\u00a0by Wyzowl<\/strong><\/p>\n<p><span style=\"font-weight: 400\">This is another excellent example of using animation to tie the visual to the title of the content. The images are playful and illustrate the advice in a way that a cursory readthrough of the infogif would be enough to understand the recommendations given.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-146183\" src=\"https:\/\/s3.amazonaws.com\/visualnews-wp-media-prod\/wp-content\/uploads\/2017\/05\/04151800\/gifographics-7.gif\" alt=\"Gifographics: How To Throw A Perfect Strike With Your Marketing Communications\" width=\"900\" height=\"4800\" \/><\/p>\n<p><strong>8.\u00a0<a href=\"http:\/\/tabletopwhale.com\/img\/posts\/10-24-14.gif\" target=\"_blank\" rel=\"noopener noreferrer\">Three Different Ways To Breathe<\/a>\u00a0by Eleanor Lutz<\/strong><\/p>\n<p><span style=\"font-weight: 400\">Another beautiful example by Eleanor Lutz, this gifographic utilizes animation to demonstrate the information presented. The GIFs in this particular example show how animation can be used to help explain a concept that can be otherwise difficult to describe with static images and data.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-146184\" src=\"https:\/\/s3.amazonaws.com\/visualnews-wp-media-prod\/wp-content\/uploads\/2017\/05\/04151826\/gifographics-8.gif\" alt=\"Gifographics: Three Different Ways To Breathe\" width=\"1080\" height=\"1089\" \/><\/p>\n<p><strong>9.\u00a0<a href=\"https:\/\/www.quicksprout.com\/2014\/01\/31\/how-social-signals-impact-search-engine-rankings\/\" target=\"_blank\" rel=\"noopener noreferrer\">How Social Signals Impact Search Engine Rankings<\/a>\u00a0by Quicksprout<\/strong><\/p>\n<p><span style=\"font-weight: 400\">The simple animations featured on this infogif prove that sometimes less is more. This example is not inundated with lots of moving parts, but the sections that are are enough to draw attention to the meaningful bits of information.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-146182\" src=\"https:\/\/s3.amazonaws.com\/visualnews-wp-media-prod\/wp-content\/uploads\/2017\/05\/04151730\/gifographics-6.gif\" alt=\"Gifographics: How Social Signals Impact Search Engine Rankings\" width=\"818\" height=\"4260\" \/><\/p>\n<p><strong>10.\u00a0<a href=\"http:\/\/contentmarketinginstitute.com\/wp-content\/uploads\/2015\/06\/Infographics-Vs-Gifographics-image-5.gif\" target=\"_blank\" rel=\"noopener noreferrer\">Infographics vs. Gifograhics<\/a>\u00a0by SEO Expert Page<\/strong><\/p>\n<p><span style=\"font-weight: 400\">If you\u2019re trying to decide what type of visual content would work best for you, this gifographic breaks down the pros and cons of infographics and gifographics. They cleverly leave the images pertaining to infographs static and animate the images referring to gifographs. This is a good example of how the two types of visual content can be merged.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-146186\" src=\"https:\/\/s3.amazonaws.com\/visualnews-wp-media-prod\/wp-content\/uploads\/2017\/05\/04151859\/gifographics-10.gif\" alt=\"Gifographics: Infographics vs. Gifographics\" width=\"600\" height=\"2000\" \/><\/p>\n<p><strong>11.\u00a0<a href=\"http:\/\/www.verticalmeasures.com\/content-marketing-2\/the-author-rank-building-machine\/\" target=\"_blank\" rel=\"noopener noreferrer\">The Author Rank Building Machine<\/a>\u00a0by Vertical Measures<\/strong><\/p>\n<p><span style=\"font-weight: 400\">This is another example of how a well animated infogif can enhance the information and style and design of a visual. As viewers move through this gifographic, the images and animations build upon each other further highlighting the theme of the visual.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-146187\" src=\"https:\/\/s3.amazonaws.com\/visualnews-wp-media-prod\/wp-content\/uploads\/2017\/05\/04151916\/gifographics-11.gif\" alt=\"Gifographics: The Author Rank Building Machine\" width=\"670\" height=\"2538\" \/><\/p>\n<p><strong>12.\u00a0<a href=\"https:\/\/www.columnfivemedia.com\/3-predictions-future-infographics\" target=\"_blank\" rel=\"noopener noreferrer\">The Future Of Infographics<\/a>\u00a0by Column Five<\/strong><\/p>\n<p><span style=\"font-weight: 400\">The moving parts in this particular gifographic demonstrates the information being presented in the visual. The static components explain the material while the animated elements provide the visual example of the material.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-146188\" src=\"https:\/\/s3.amazonaws.com\/visualnews-wp-media-prod\/wp-content\/uploads\/2017\/05\/04151932\/gifographics-12.gif\" alt=\"Gifographics: The Future Of Infographics\" width=\"800\" height=\"2473\" \/><\/p>\n<p><strong>13.\u00a0<a href=\"http:\/\/www.kantarmedia.com\/ie\/thinking-and-resources\/blog\/the-science-of-successful-content\" target=\"_blank\" rel=\"noopener noreferrer\">The Science Of Successful Content<\/a>\u00a0by Kantar<\/strong><\/p>\n<p><strong><span style=\"font-weight: 400\">This particular infogif utilizes the animated elements to make the visual more engaging and interesting. The GIFs are subtle but stimulating enough to make the visual content and accompanying information stand out. <\/span><\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-146189\" src=\"https:\/\/s3.amazonaws.com\/visualnews-wp-media-prod\/wp-content\/uploads\/2017\/05\/04151948\/gifographics-13.gif\" alt=\"Gifographics: The Science Of Successful Content\" width=\"630\" height=\"1300\" \/><\/p>\n<p><strong>14.\u00a0<a href=\"http:\/\/gifographics.co\/animation-techniques-better-interaction\/\" target=\"_blank\" rel=\"noopener noreferrer\">Innovative Animations<\/a>\u00a0by Wyzowl<\/strong><\/p>\n<p><span style=\"font-weight: 400\">If you\u2019re looking to get better interaction with your audience, animation is the way to go. This infogif breaks down various animation methods into easy to understand sections with animated images to illustrate the different methods being described. The use of GIFs in this example perfectly spotlight how animation can work to enhance visual content.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-146190\" src=\"https:\/\/s3.amazonaws.com\/visualnews-wp-media-prod\/wp-content\/uploads\/2017\/05\/04152026\/gifographics-14.gif\" alt=\"Gifographics: Innovative Animations\" width=\"800\" height=\"5222\" \/><\/p>\n<p><strong>15.\u00a0<a href=\"http:\/\/gifographics.co\/influencer-marketing-insights\/\" target=\"_blank\" rel=\"noopener noreferrer\">7 Influencer Marketing Insights You Need To Know Today<\/a>\u00a0by gifographics.co<\/strong><\/p>\n<p><span style=\"font-weight: 400\">The GIFs in this example make the visual content more visually stimulating and wacky in a way that captivates viewers. The use of the same colors in every animation ties everything together to produce a theme and prevent the visual from being too cluttered and overwhelming.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-146191\" src=\"https:\/\/s3.amazonaws.com\/visualnews-wp-media-prod\/wp-content\/uploads\/2017\/05\/04152056\/gifographics-15.gif\" alt=\"Gifographics: 7 Influencer Markewting Insights You Need To Know Today\" width=\"900\" height=\"2425\" \/><\/p>\n<p><strong>16.\u00a0<a href=\"http:\/\/www.evolvesinc.com\/the-growth-hacking-model-at-facebook-twitter-and-quora\/\" target=\"_blank\" rel=\"noopener noreferrer\">The Growth Hacking Model<\/a>\u00a0by Evolve!<\/strong><\/p>\n<p><span style=\"font-weight: 400\">The very subtle animated aspects of this infogif is a prime example of how even simple animations can make a difference to visual content. There are no complicated moving parts in this example but the slight changes in the images are enough to lead the viewers on a journey through the information.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-146192\" src=\"https:\/\/s3.amazonaws.com\/visualnews-wp-media-prod\/wp-content\/uploads\/2017\/05\/04152121\/gifographics-16.gif\" alt=\"Gifographics:  The Growth Hacking Model\" width=\"600\" height=\"1280\" \/><\/p>\n<p><strong>17.\u00a0<a href=\"https:\/\/www.saveonenergy.com\/how-wind-turbines-work\/\" target=\"_blank\" rel=\"noopener noreferrer\">How Wind Turbines Work<\/a>\u00a0by Save On Energy<\/strong><\/p>\n<p><span style=\"font-weight: 400\">This example makes use of animation to illustrate how a wind turbine works and the benefits of wind farming. The GIFs provide the perfect visual representation and explanation of that various components of a wind turbine to make the information easier to understand.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-146193\" src=\"https:\/\/s3.amazonaws.com\/visualnews-wp-media-prod\/wp-content\/uploads\/2017\/05\/04152153\/gifographics-17.gif\" alt=\"Gifographics: How Wind Turbines Work\" width=\"800\" height=\"3138\" \/><\/p>\n<p><strong>18.\u00a0<a href=\"http:\/\/www.columnfivemedia.com\" target=\"_blank\" rel=\"noopener noreferrer\">Are You Slacking Off?<\/a>\u00a0by Column Five<\/strong><\/p>\n<p><span style=\"font-weight: 400\">Each of the moving components of this example provide visual representations of the data being presented. With a lot of facts being administered in a small amount of space, the animations help to break up the numbers and create a more interesting atmosphere.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-146194\" src=\"https:\/\/s3.amazonaws.com\/visualnews-wp-media-prod\/wp-content\/uploads\/2017\/05\/04152234\/gifographics-18.gif\" alt=\"Gifographics: Are You Slacking Off?\" width=\"1000\" height=\"5520\" \/><\/p>\n<p>Source: Visual News<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you\u2019re not familiar with them yet, gifographics, or infogifs, are the upgraded version of the infographic. Infographs have long been&#8230;<\/p>\n","protected":false},"author":245,"featured_media":1174,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_oasis_is_in_workflow":0,"_oasis_original":0,"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,"_vp_format_video_url":"","_vp_image_focal_point":[],"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[1],"tags":[45],"class_list":["post-1173","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-careering"],"acf":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/blog.valdosta.edu\/m2\/wp-content\/uploads\/sites\/107\/2017\/05\/gifographics-1.gif","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/paqOTj-iV","_links":{"self":[{"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/posts\/1173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/users\/245"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/comments?post=1173"}],"version-history":[{"count":0,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/posts\/1173\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/media\/1174"}],"wp:attachment":[{"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/media?parent=1173"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/categories?post=1173"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.valdosta.edu\/m2\/wp-json\/wp\/v2\/tags?post=1173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}