The Advertising World In 2012:如何在较小的空间表现差值较大的数据?可以将一维的数据用面积或者体积来表现;图中关于世界各国广告的花费,作者将费用换成面积并结合地理位置表现,很好的避免了空间不够的尴尬。 4、比喻 近似类比,赋予联想
Underskin:将人体内部的血液循环系统比作地铁路线图,线路中的站点就是人体的主要器官。血液的不停流动,物质之间的交换,这和地铁中循环运转的列车,站点之间的转换确实有某些类似之处。 引申类比,营造情景
Social Media Demographics:这是一份关于社交媒体网站的用户分析报告,将各个网站比喻成星球,活跃用户数越多,则体积越大;并用环绕的行星表示用户性别、年龄等的比例构成。通过设计营造出星系的场景感,极具故事性而且更加吸引人。 5、关联 与相关事物组合展现数据
The Fragmented World Of Digital Music:一组音乐相关的数据,通过将数据和音箱喇叭的图形组合,使读者能自然而强烈的感知到作者要传达的主题是音乐相关的。平面设计中也有相关理论,这是设计中经常用到的手法。 运用图形和色彩呈现主题
All Criminal:介绍犯罪大全的图示,巧妙地与囚服相结合,让读者一眼就能明白主题与犯罪相关;通过囚服条纹地色相变化来区别犯罪的种类和程度,并且对比明显,让人印象深刻。 6、流动 用环形图表示流程
Projects In TongJi:这是我在2010年到2012年间项目和实习经历的流程图。最开始考虑用直线的时间轴去表现,但是在横向空间中会显得很局促,而采用曲线的 话,方向感没有那么单一强烈,后来用了环形图来表示;考虑一般视线流动的特点,顺时针方向更加符合读者浏览的习惯,尤其是与时间相关的流程。 使用箭头,创造流动感
Increase In Exports From Africa:箭头的使用不但能表现出方向性,并且能让静止的图片产生动感。图中通过箭头的方向表示非洲出口的目标国,并且通过箭头的大小对比来表现不同的出口增长率。 7、创建时空 结合时间和地点
世界的历史:从地球的插图上,根据不同的区域分别抽取延长线,以此展开年表。令读者对位置产生直观印象,同时理解各区域之间的联系和历史事件的大致时间顺序。 8、构建场景 结合实物场景,生动展现数据
农场信息图表:一组土地资源储备的构成比例图,通过结合极具写实感的图片,构建了一个生动的土地和农场的真实场景,极具想像空间。 利用插图建立场景
The History Of Advertising On Twitter:关于Twitter广告历史的信息图,按照时间轴的顺序排列数据,有意思的是通过插画,营造了一个蓝天白云的场景,不论是关联性上还是色彩的运用都非常贴合Twitter的品牌特征。 信息图的扩展应用 The Bigburn 网页中加入信息图,不论是呈现数据还是表达观点都有纯文字所不能替代的功效。
Kick My Habits HTML5席卷而来,让信息图“动”起来成了不可阻挡的趋势,交互和动画会更容易带来沉浸式的体验。
Greyp Bikes 这是GREYP电动车的官网,为了介绍电动车内部构造,加入了一个简单的交互,拖动鼠标就可以选择性查看。
GarageBand 苹果官方出的音乐制作 APP,里面大量的可视化处理令创作音乐成了几乎每个人都可以轻松上手的事情。图例是进入Smart Drum后的操作界面。加入声音的反馈,信息不仅可视,更是“可听”。
Planetary Planetary 会分析 iTunes 的音乐库,并且以 3D 星系的方式将其视觉化。在这幅 3D 星系图里,艺术家做为恒星构成宇宙中的星座,专辑是围绕恒星的行星,专辑歌曲是围绕行星的卫星。当开始播放歌曲时,以歌曲命名的卫星就开始发射一条蓝色的 光线,顺着卫星轨道开始运行,当环绕轨道一周后,歌曲也便结束,下一颗卫星开始接力。
腾讯星云 当信息图和动画或视频相结合,可以展现更加复杂和多维的数据信息。 总结:本文重点介绍了很多信息图设计的技巧,但是信息图制作中,设计只是其中一环,清晰明了地传达主题才是核心,掌握这些设计要点和手法技巧都是为了实现这个目的。 (责任编辑:laiquliu) |