网站地图    收藏   

主页 > 设计 > 网页设计 >

7个步骤教你制作出让人疯传的信息图_交互设计教

来源:自学PHP网    时间:2015-01-08 09:51 作者: 阅读:

[导读] ...

   随着社交媒体的兴起,全民进入读图时代。有三种图,在社交媒体中最受欢迎:1.搞笑内涵Gif图,不用太多文字,一句”你懂的”就有四两拨千斤的效果。2.”亮点总在最后”长图,巧妙的伏笔和意外结局让看过的人无法抗拒、纷纷疯狂转发。3.有营养的信息图,简单图片和数字图表组合传达丰富信息,大脑最享受的轻量化阅读体验。想要做出好的Gif图和长图,要靠机遇和天分,一鸣惊人的创意往往可遇不可求,但是要做出一张被广泛分享传播、吸引公众眼球的信息图,却有迹可循。

  下面这篇文章教你如何制作一张有价值的信息图。

  信息图的重要性何在?

  在人类存在的200,000年时间里,大多数时间(97%以上)我们都依靠阅读各种图像来感知环境、获取信息。而文字直到5500年前才出现,因此,从自然适应和生物进化的角度来说,我们的大脑对图像更敏感。从传播学的角度,这意味着以图片为载体的视觉叙事更加引人注意,更容易获得人们的好感。随着社交媒体的爆发,人们每天接触的信息量正在成倍增长,营销者要吸引到目标客户的注意力,比以前要困难得多。信息图通过图片,将文字信息和数据信息重新包装,衬上一些点缀图案,形成像画卷一般赏心悦目的内容,给读者提供一种最享受的轻量化阅读体验。这样既取悦了客户,也达到了传播企业品牌,对于社会化营销者来说,是非常好的工具。

je-visually-infographic

  有趣的信息图很容易引起人们的注意,增加粉丝数量,在社交媒体中是一种非常灵活、流行的传播工具。有时候,信息图也可以作为博客或者网站的链接诱饵,在SEO方面可以起到很大的作用。如果你想在社交媒体中获得更多的关注、使你的品牌赢得更多消费者的好感,那么你有必要学习一下如何做出一张有价值、有传播力的信息图,而不是简单地将一些文字和图片结合在一起。这里有几张做得比较好的信息图,值得一看:Pritikin,Coupon Chief 和 漫威公司。

  下面是制作信息图的七个步骤

  1:明确主题,设计线索故事

  对于社会化营销人来说,制作信息图不是意味着随随便便把一些图片、数字和表格复制粘贴在一块。你必须要意识到自己正在使用一种强有力的工具来接触你的目标客户,因此在制图前一定要明确你的目标受众,设立好与之相关的主题。

  信息图的用处很多,往往需要强调的重点、该专注的目标很容易被忽略。你的信息图要传达什么核心观点?你是否想把信息图做成一个搜索引擎检索的信息源?信息图的目的是为了给企业网站增加访问量?还是增加邮件订阅数量?还是为了给企业的社交媒体增加粉丝数量、提高博客知名度?这些效果看起来都很诱人,很多人想一张图就达到所有目的,但是这是不可能的,每一种目标的侧重点都不一样。你必须摒弃那些无关的内容,只选取那些对你的最重要目标实现有帮助的内容。

  明确目标后,针对目标设计一个故事线索,让读图者容易看明白信息图的逻辑。很多人制作信息图时容易犯近视病,认为信息图最重要的只是数据和表格。但数据和表格只是作为整体的一部分,并不是信息图的全部,连接数据表格的线索也同样重要。

  故事线索设计好后,最好写一个提纲,记录下你关于图片、故事、目标、数据表格的一些想法,帮助你进一步细化构思,具体制作信息图时可以比对参考,方便对信息图的结构进行二次修改。

  举个例子,假如你要给一个医疗保健公司制作信息图,目的是为了推广医疗公司的康复服务,那你的故事可以围绕人们一天里面可能受到的意外伤害发生的频次、以及伤害带来的巨大影响而展开,提醒人们注意日常生活中常见的意外伤害,介绍一些意外伤害的紧急处理方法,推动人们在社交媒体上传播这张信息图。

7个步骤教你制作出让人疯传的信息图 三联

  2:收集数据,填充信息内容

  数据作为信息图的基础内容,要可靠可信才能准确表达表达出你的观点,并且说服你的读者。当你已经确定好目标和主题,而苦于没有相关数据时,这里有几个网站可以帮助你。例如,谷歌的公共数据库 Public Data、搜索趋势排行Google Trends可以帮你了解公众的兴趣热点。一些公共的人口普查数据(比如美国的Census.gov) 也可以提供了很多有用的基础数据。如果你想到一些更加详细、有价值的数据,IBM的 Many Eyes数据库是不错的选择。在筛选具体的数据时,要专注于设定的目标,让数据为目标服务,选取那些对你的传播目标最有帮助的数据。有价值的数据可以吸引到更多读者的关注,引起更广泛的传播。

  3:基础构图,快速成型

  对于大多数人,纸笔依然是首选的素描和构图工具,可以快速成型,方便修改。如果你更喜欢电子化工具,推荐使用在线绘图工具Google Slides, Gliffy 或者 Creatly,Gliffy 和Creatly有免费版本,Creatly还集成有素材库,里面收集了很多优秀的信息图,是不错的选择。信息图的风格样式不用追求华丽、花哨,最有效的信息图一般是朴素简单的老式风格,可以同时兼顾阅读体验和突出数据的功能。

  制图一定要突出最重要的信息——你想让你的读者一眼就能看清楚的信息,接着通过数据亮点引导读者去了解更多信息,了解你要表达的整个故事内容。鲜明的元素组织层次可以让读者快速明白信息图的逻辑,记住你要传达的信息。

  在优化你的线框设计图时,尽可能使图片简洁明了。美国知名数字营销专家 Avinash Kaushik 曾说过”最好的信息图应该是你花10秒去掌握精髓,然后花30分钟来欣赏其中令人愉快的细节布局” (他的最畅销营销书籍 Web Analytics 2.0 和Web Analytics: An Hour a Day 值得一看)只有简洁明了的设计才能让读者一眼看懂你的故事。

  也不要忘记了信息图底部的品牌LOGO和宣传口号,某些情况下,底部的品牌LOGO和宣传口号是唯一可以使你的读者意识到你的品牌存在的元素,因此也要精心设计。你还可以附上企业微信二维码,网站链接等。在简单的素描和构图完成后,再慢慢来改进你的具体细节和元素排版。

  4:寻找设计的灵感,美化信息图

  如果你还没有理想的设计方案,建议浏览去一些优秀的信息图,观察别人的设计方案,寻找灵感。Pinterest 上有很多充满灵感、富有启发性的图片,专业的信息图网站Daily Infographic 和Visual.ly提供也有很多优秀作品,可以免费浏览。

  在Daily Infographic,你可以发现找到很多有用的信息图。这些信息图来自各种网站和新闻媒体,多是一些非常能引人注意的作品,通过观察分析,你可以了解大众对信息图的喜好,从而将这些技巧运用到你的设计中。如果你看到一些分享量很大的图片,建议保存下来、写一些心得见解。

  Visual.ly是一个免费的信息图图书馆,里面收集了非常多信息图,经常浏览可以激发灵感。Visual.ly还带有信息图编辑功能(付费),如果你有好的想法,可以使用里面提供的一些创意文字、有趣部件来使你的创意更加出彩。

  在配色上,如果你需要帮助,Pictaculous可以提供非常好的建议。它是一个免费在线取色工具,通过分析上传的图片颜色,有针对性地形成一系列的配色方案,非常简单有效。需要注意一点:尽量避免使用白色作为信息图的背景。白色背景在网站上使用较多,如果信息图同样使用白色,就无法突出信息图的内容了。

  当然,你也可以借鉴这些配色神器:《取色指南!7款靠谱工具帮你选取完美配色》

  5:制作信息图

  如果你具备专业的美工知识,通过熟练使用各种设计作图软件,制作信息图当然是小菜一碟。如果你不具备这方面的专业知识,那可以使用一些简单实用的信息图制作工具,比如Venngage、Infogr.am、Piktochart,它们可以提供自定义的模板、相关图片部件和小工具来帮助你完成信息图。

  在这些在线工具上编辑和制作信息图都是免费的,有些会在下载信息图终稿时收取一定费用(非常少)。Venngage and Infogr.am,每个月20美元的会员费,你就能使用所有功能,相当实惠。Piktochart提供有免费版本,Easy WebContent Presenter处于测试阶段,也是完全免费的。如果有时候你觉得在线工具提供的功能不够强大,你也可以借助PowerPoint一类的工具来制作一些表格或者部件,然后再粘贴到草稿图上。

  为了适应平板电脑和手机的显示,让你的信息图在智能手机和平板电脑、PC上的显示效果都如画卷一般完美。你可以使用 PlaceIt,它可以帮你重新调整信息图的尺寸比例和元素的布局。

  做到这里,一般人都会觉得一切都很完美了!其实不然,读者和搜索引擎都希望在保证信息图质量的同时,信息图的文件体积更小、载入更快,这样可以减少等待过程的焦虑感,提供更好的阅读体验。雅虎的免费工具Smush.it就可以做到这一点,它可以最优化压缩你的图片文件大小,而丝毫不会影响图片的质量和视觉效果。(神奇的工具)

  6:使你的信息图更社会化

  在做出一张完美的信息图后,是不是就可以发布了呢?等等!

  你能确定你的图片在网站或者社交媒体上看起来也是那么完美吗?一般来说,当你把信息图分享到Facebook或者Twitter时,这些站点并不是总能够完美显示你的图片。比如,Twitter的新闻摘要会把你的图片调整到大约500像素宽,然后按照一定算法来选择其中250个像素高度的部分来显示。看看下面的阴影部分,相信你和你的读者都不会喜欢这种显示。

  为了避免这个问题,建议你选择信息图的最吸引人部分,截图并创建一个新的图片(500像素X250像素),将这张精心挑选的预览图分享到Twitter,在推文中附上你的网站链接和一些基本解说 。在你的网站里面显示完整的图片,这样的做法不仅解决了分享的图片解决随机裁剪的问题,还能给你的网站增加更多的点击率和阅读量。不同的网站对图片的处理有不同的要求,可以参照推特的解决方案。另外,你也可以专门为社交网络上发布的信息图重新调整比例,让读者获得最完美的阅读体验。

  7:推广你的信息图

  为了最大程度推广你的信息图,增加分享量,可以考虑@一下你认为对你信息图感兴趣的社交媒体账户或者博客。对于一些社交媒体账号或者博客来说,转发这些免费内容意味着他们不用花很多时间去写一篇关于类似话题的文章,就可以增加自己的人气和知名度,一举两得。而你也达到了目的——让尽可能多的人阅读你的信息图,关注你的品牌。

  在推广你的信息图时,从转发你的信息图的账号角度出发,给它们一些对口的内容,使它们在做”是否转发”的决策时尽可能简单。好的信息图推广做得好,可得到很多知名账号的关注和转发。推文中关于信息图的一些文字解说是非常重要的,尽量选取一些贴合内容的关键词和标签,让搜索引擎更容易发现你的信息图。

  最后,为了使你的信息图保持持久活跃,可以将它们发布到Visual.ly, Infographic love, Infographics Archive、Pinterest这些专门收集信息图的站点,优秀的作品总是能时不时被人们拿出来分享。

  编者说:

  互联网时代,人们的信息源非常多,各种社交媒体和网站上充斥着家人朋友的状态更新、新闻、营销广告,信息泛滥,没有多少内容会受到特别关注。但是在绝大多数的文字内容的前提下,一张出彩的信息图可以将文字”化腐朽为神奇”,让你的品牌脱颖而出,受到公众的关注。

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论