在过去的2018年里,全球数据新闻都在探索新的发展方向,作为一个注重设计和交互的团队,我们在今年更多地回归数据新闻的本质——即讲好新闻故事。我们尝试做了许多不同种类选题的作品,在这些作品里,我们希望通过数据可视化的手段去还原新闻现场、挖掘更多真相、用视觉去带动读者思考数据背后的意义。下面带你回顾2018年我们的创作全过程——
民生
《家庭*力暴** 从来不是“家务事”》

记者孙茜:一个把工程师逼疯的项目,时间非常紧张,有很多想法没有空实现,设计师、工程师和记者一起着手提意见、改图,参与性很强。在柱形图里加了火柴人和贴近生活的解读,让项目读起来轻松有趣很多,也起到了科普的作用。
设计师夏卒敏:刚开始,没有太注重文章的逻辑,跟记者和工程师理清思路后,做起来就很清晰啦。小人的使用增加了文章的易读性(具体到某件事情)。动效的使用,也会吸引读者的注意力。希望以后时间充足的情况下,多加一些动效设计。
《五环以外》

可视化开发佳昕:一个有温度的数据新闻项目,一次用数据新闻对北京五环外生活的文化研究。五环以外,real大,记者用有限的时间探索了尽量多的空间,寻访生活在那里的人和事,并且把时间拉远,让小人物与大环境相应相生,共同描绘出五环以外的世界。
设计师冷斌:记者开车围绕五环转了一周,用录像记录了北京五环外建筑的变化,来辅助解读文中有关居住密集度、居住地与工作地之间的距离以及公园、绿地、村庄的位置的变化。设计以地理信息直观显示数据。开篇用地铁人群流动GIF 直接带入主题。

记者Trish在采访途中
《你的城市有多大?》

记者佳昕:通勤时间排行榜、通勤距离排行榜、城市出行半径……这些rank看起来有点绕口、有点难理解,和每个人有关系但有不能切切实实地感觉得关系在哪……所以我们把它们可视化、情境化,进入“如果你从城市A搬到城市B,每天上班要提前/退后多久”&“你的日常生活区域会扩大/缩小多少”,触发读者反复点选,感受数据的差异,让排行榜不只是从第一名到第一百名这样僵硬死板。
可视化开发韦梦:做这个项目的前期准备工作历时很长,因为涉及到“建成区”、“功能区”、“行政区”这些概念,我们一起读了很多相关论文,感觉毕业以后都没有读过这么多reading了,最终在专家的帮助下确定用城市功能区来作为基准进行比较这个方案,在做这个项目的过程中学到了许多对于城市规划问题的思考方法。
《港深双城生活》

可视化开发韦梦:这个项目是我们跟财新“显影”团队一起合作的,主要由他们提供采访素材,我们来进行包装,在最初设计的时候就想怎么能突破常规的多媒体报道,加入一些让读者能够参与的交互内容。最后的呈现有两个层面的交互:第一是我们重新组合了采访素材,按话题组织而不是按采访对象组织,从每个采访种抽取相关的片段,这样可以让读者自行选择感兴趣的话题看不同采访对象所说的话;第二是我们在每个话题下添加了一个问答模块,让读者根据自己的经历去选择,算是一种UGC的尝试,最终收获了很多有意思的读者留言。
设计师高旭:这个项目是与财新“显影”团队一起合作,编辑希望体现深港双城生活人们的日常生活及要面对的利弊和压力,所以在封面设计上用了过马路行人穿梭的GIF。
一些遗憾,因为时间关系,最后有些效果没有呈现出来,1.封面中原有设计是有动效的,粗黑的毛笔字体由上向下,压向下面穿梭的人群,希望给出一种压力来了的感觉。2.封底原有设计是由黑到白的一个过渡动效,算是对双城生活人们的未来的一个期许。
和其他团队合作还是有很多益处的,每个团队都有每个团队的长处,财新“显影”团队有丰富的图片和视频资源,能使我们的项目内容更丰富。
《高铁站离你有多远?》

记者&可视化开发佳昕:用现实数据反问一些“刻板印象”,比如高铁站真的都很远吗?
给你一个真实的体验,get离你最近的高铁站,以及这个高铁站的偏远程度在全国范围内,rank多少?
停不下来的问题还有……为什么有的远有的近?为什么越大的城市反而越近便?高铁站带动新城区发展果真行得通?
So many questions! 数据为纲,交互为形,把我们的探索以最易懂的方式展现出来。
设计师夏卒敏:刚接手这个项目设计的时候,读了几遍文章,结果,好多问题搞不清楚,跟开发研究了好久才搞明白。最终通过平面设计和交互设计让复杂的问题简单化。
《去远方还是回家乡?选后者的越来越多》

http://datanews.caixin.com/2018-07-19/101306411.html
记者孙茜:一个穿插互动图的日常稿,想要做是因为自己刚刚回国并且想为留学生正名,回国初期大量被人问“为什么要回国?”、“是不是在美国不好混”,感觉社会对海归的偏见很大,留学生回国是一个趋势,“镀金”的说法该改一改了!
“腮红配*图色**”非常喜欢,指代精准、滑动流畅。
《想要“落沪” 你有戏吗?》

记者王喆:“北大清华本科毕业生可直接落户上海”的消息一出,舆论哗然,“落沪”到底有多少种方法呢?是容易还是困难呢?
梳理后发现,有几十种方法可以走到“落沪”这个目的地。然而政策复杂难读,所以选择小游戏的方法,通过回答问题层层筛选,帮读者找到最快的落户方式并给出需要时间,也给出尝试其他方法的机会。换游戏的方式来了解“落沪”政策,趣味性更强,也更通俗易懂了。
梳理政策并设置问题比想象中困难,很容易陷入自己已知而读者未知的陷阱……怎样设置问题的顺序及避免信息遗漏或重复,需要反复推敲。

非常复杂的流程图极大地考验了项目设计
经济
《美国“春晚”VS央视春晚:谁的广告更烧钱》

http://datanews.caixin.com/2018-02-02/101206397.html
记者丁苗:最有趣的是自己做广告!为了增加项目趣味性,我们自己拍了一段广告,插播在超级碗“比赛”中,读者可以自己点击*放播**,感觉是挺新颖的尝试。
设计师高旭:第一次做动图,很兴奋,开始想的挺好的,结果一做起来发现就不是那么回事儿了,原来好多不起眼的地方想实现就要画出来,所以构思里面的万人观众席省了、解说裁判省了、最后甚至连队友都省了,·········。不管怎么说,第一次做动图,以后就有经验了。
《全球幸福榜单:芬兰人最幸福 中国排第86名》

http://datanews.caixin.com/2018-03-21/101224349.html
记者丁苗:各个国家飞入的动效增加了项目的活泼俏皮,快速滑动的时候会留下操作痕迹,整个图像一把竖琴!个人认为是很艺术滴~
《中美贸易:相爱相杀30年》

http://datanews.caixin.com/2018-03-26/101226627.html
记者丁苗:厌倦了柱状图,讨厌把所有数字都标注在图上但它们又很重要时该怎么办呢?我们尝试了交互的泡泡图,进出口随意切换,鼠标放置其上会显示贸易金额,真是很好用呢~
《GE被剔出道指 新经济如何颠覆百年旧格局》

http://datanews.caixin.com/2018-06-27/101285081.html
记者丁苗:最令人头痛的是数据的整理,耗费了好多人力!最终工程师做出了炫酷的黑科技感,不枉他喝了好几杯咖啡和一宿熬夜!
《个税调整征求意见稿来了 算算你能少交多少税?》

http://datanews.caixin.com/2018-06-29/101288063.html
记者丁苗:很贴合民生的一个选题,谁不关心自己要交多少税呢?关键在于快准狠,提前布局,做好开发框架,这样每次税法更新的时候就可以快速推出啦!
可视化开发韦梦:马上要推出新加专项扣除和家庭合计的版本,希望可以帮大家省钱 :D
《关于经济工作 中央会议都说了啥?提法有何变化?》

http://datanews.caixin.com/2018-08-01/101310546.html
人文
《科学家不是怪蜀黍 他们只是更爱漂泊》

记者丁苗:为了增强可读性,专门联系了一个科学家蜀黍采访!他非常nice,耐心解答各种问题,还附赠我们他的照片,使得整个故事更加饱满生动。
《2113家博物馆,235万件*物文**,我们画出了“国家宝藏”的画像》

记者佳昕:对于一个神奇数据库的发现,来自我们可爱的实习前端工程师海燕。一个富有20万条*物文**数据的数据库就静静地"lie in"国家*物文**局低调的网站里。这件事也让我们开始反思,常常抱怨开放数据单薄的数据新闻工作者们是不是忽略了很多已经开放却未被重视的官方数据库。
可视化开发韦梦:这个项目开发的时候微信“跳一跳”特别火,然后我们借鉴了这个形式做了一组*物文**跳一跳的动效,收到了热烈的好评,看来萌系可视化是未来的一个趋势LOL
《你的十年一晃而过,他们的十年很漫长》

可视化开发佳昕:摄影记者们采访拍摄了汶川大地震的十位亲历者,他们的生活轨迹在十年前的那一刻开始被迫被改写,摄影记者们从影像角度记录了他们十年间生活的起落悲欢,我们利用地图和时间轴穿起他们十年的生活,利用交互的形式再现这十位亲历者的十年生活,寄以对逝者的怀念、对生者的希冀。
《北京奥运十年:场馆们的后奥运时代》

记者丁苗:很漂亮的插画,展示了奥运场馆十年的利用情况。多图的展示得益于图片部记者的配合,是一个跨部门合作的作品。
可视化开发韦梦:地图从2D鸟瞰角度到3D透视角度的转场动画蛮酷的,希望以后能制作更多这样的“大场面”效果。
设计师李靖华:刚来的时候的作品,其实有很多不懂的,最后还是挺顺利做完的,希望自己能提高对作品的参与度,自己更成熟,团队也配合的越来越好,我们更能尽力的做好自己的部分又能更好的合作。
健康
《熟悉又陌生的“白色瘟疫”,它从未走远》

非常走心的一个作品,充满了人文关怀和精雕细琢的设计。
《爱眼日特别策划:“眼镜大国”养成记》

记者丁苗:数据很难找,亲自到国图翻阅了厚厚一摞卫生统计年鉴。后期实地采访了小学生,得知他们课间不能随意外出活动真的很惊讶!设计方面,小人的动画很可爱,以及图片由模糊到清晰的显示是在提醒大家保护眼睛哦~
设计师李靖华:合作的结果很神奇,发散思维产生了更好的结果。
《专利药为什么这么贵?》

可视化开发韦梦:2018年大火的《我不是药神》,我们从另一个角度去解读,通过“千军万马过独木桥”的专利药研发阶段可视化来展示专利药开发的不易。我在自己朋友圈推荐这个项目的时候写:在项目制作的最后几天,我一度陷入害怕热点过去了的焦虑,这时候才突然意识到,对于我们这些吃瓜群众来说大概就是一两周的热度,但是对于制药公司和研发人员来说却是十几年的坚持,面对疾病这个人类共同的敌人,屡战屡败,屡败屡战。
设计师李靖华:回头看,当时过于重视形式,有点地方缺失了易读性,希望能在美和易读性上更好的处理。
《水平面下的阿尔茨海默病》

记者孙茜:数据比较多,前期花了很多时间收集然后取舍,整理数据的时候把逻辑捋的很清晰写的比较顺所以也不算浪费了很多时间(?)阿尔茨海默症患者走失的事件发生越来越频繁,开始的时候用真实案例代入感很强。非常喜欢这个每3秒增加一个小人的动效,非常有视觉冲击,现在看到还是会隐隐觉得害怕。

《艾滋病日特别策划:性教育缺位 中国防治形势不容乐观》

环境
《世界水日特别策划:水都不够用,何以写“物语”?》

可视化开发韦梦:很长一段时间以来我们一直希望在可视化的手段上有所突破,甚至有想过3D打印这种破次元壁的方式但由于预算所限。。。这个项目我们用了搭实景拍摄视频动画来做可视化展示,几位同事忙活了一整天搞定了视频的拍摄,然后剪辑又花了更多时间,但是这种玩泥巴一般的制作过程让团队非常欢乐!

拍摄花絮
《冰川消融威胁:洪水猛兽与水源短缺》

记者孙茜:和绿色和平合作的项目,用大量图片、动图和视频表现了中国冰川几十年来的变化,单从最后呈现的效果来讲,整个项目非常令人赏心悦目,特别是声音和动效搭配。给设计师和开发打call。
《非洲猪瘟疫情追踪》

http://datanews.caixin.com/2018-10-30/101321216.html
可视化开发韦梦:全年性价比最高项目没有之一,一次开发无限次推送,每次爆发新的疫情都可以更新数据推一波,不过为了大家的健康还是希望猪瘟疫情能快点结束。
突发报道
《东海撞船事故现场还原 环境影响几何?》

http://datanews.caixin.com/2018-01-23/101201483.html
记者丁苗:数据新闻作业线长导致做突发性新闻很难!这个作品的生产过程中尝试向传统采编部门“推销”数据新闻,同时兼顾时效性,我们的设计师也绘制出了很棒的现场还原图,最终呈现出不错的效果。

《还原杭州保姆纵火、救援全过程》

http://datanews.caixin.com/2018-01-29/101204309.html
可视化开发韦梦:非常佩服我们法治记者的调查能力,本案相关的几组人物错综复杂的时间线以及走位调查得明明白白,为这个还原新闻现场的作品打下扎实基础。
最后,低调炫耀一下我们今年得的大奖,希望我们的作品在2019年给你们带来更多惊喜。

↓↓↓点击 阅读原文 看更多财新数据新闻中心作品