讲者:Catalogtree 图录树
题目:Catalogtree 图录树作品分享
翻译:汪芸
主持:李德庚
串场:赵萌
时间:2009年1月10日
地点:深圳市华侨城洲际大酒店大宴会厅
Catalogtree/图录树:
大家早上好,
首先非常感谢你们组织邀请我们到这里来做这样的演示,
我们是一个跨学科的工作室,
主要从事把数据视觉化的工作,
今天早上跟大家展示一些我们的作品,
大家会看到为什么我们有这样的热情和激情,
不光是商业的作品眼光,
还包括我们自发的一些作品。
首先在这里给大家展示一个小电影,
我们是应美国一本杂志的邀请做这样的一个电影,
因为他们刊登了一篇文章是关于我们的作品的,
他们也要求给他提供一个关于我们的工作室短片,
我不希望简单地对工作室做一个记录,
于是我们把数码相机拴在50个热气球上,
让气球像风筝一样的飘,
在这个过程当中这些气球有的时候撞墙,
最后相机就停在一个水坑里头,
短片停下来是因为我们需要更换电池,
我非常喜欢这样的效果,
因为它充满了惊喜,
然后在这种设计过程当中我们也需要和期待这样的意外和惊喜,
我们不希望完全控制这样的视觉成品。
接下来给大家展示的是一个很有名的导演库布里克早期的,
大概是60年代拍摄的一个电影现场,当时他需要邀请非常多的演员,
可能有的人不能被称作是演员,
因为他们的任务是装扮死尸的形象,
库布里克本人非常专注于控制每一个细节,
这里的群众演员每人有一个数字,
他可以坐在高椅子上控制每一个细节,
这就是所谓的戏剧化的自由。
直至最后在影片开拍之前有人把这些带着数字的牌拿走,
就可以开始正式的拍摄。
那么相对于刚才在导演控制之下的行为,
在这里给大家展示的图片是人们自己的自由的组合,
它们是完全没有意识的,
这样的一种无意识的组织,
对我们来说是非常的激动人心,
是关于沙滩的一张图片,
我们还是可以看到里面有一定的秩序可以遵循,
比如说人们可以通行的小道,
遮阳伞组成了几何的形式,
这样的设计不是根据数据控制的,
而是由于人们的行为方式决定。
在这里的这个图片是德国的格林斯顿的一个教堂,
拍摄的是人们排队进入教堂,
不知道大家是否注意到了曲线,
我们观察了很长时间,
最后我们认为排在队伍最后的人特别想知道距离入口还有多长的时间,
如果是直线的话他们肯定看不到,
所以就形成这样的曲线,
我们非常喜欢这样的图形,
因为这是由于人们的日常行为组成的装饰图案。
下面给大家展示的是我们在几年以前做的项目,
对我们来说是一个挑战,至今看起来非常有意思。
在这张图片之前是一个高速公路,
连接荷兰的两个城市,
两个都是非常小的城市,
荷兰所有的高速公路有监控系统,
在这张图上,
大家可以看到这个杆有一个监视器,
所有的车经过会被记录下来,
这在荷兰所有的城市,
这种设备的运用是非常的频繁的。
在这个图片上大家可以看到,
对于这些高速公路上的数据进行收集和分类的人,
这两个人所做的事情是把这些数据进行收集,
大家可以看见他们的工作的地方是在一个非常乏味的小的工作空间,
左右两个人用的电脑是不一样的系统,
左边这个人的电脑可能70年代已经停止生产了,
右边这个是新的电脑,
左边的主要是计算车经过的数量,
右边主要是计算车的速度,
他们两个虽然在一个办公室,
但是很少有交流,
每次我们打电话过去的时候可能只有一个人会接电话,
另外一个人可能在度假,
所以每一次收集到的只有部分的信息,
就是车的数量,
要么就是车速。
不过他们对我们的项目非常有兴趣,
并且提供了他们多年以来搜集和分类的数据。
根据所有的这些收集来的数据我们做了一个系列的海报,
用来反映高速公路不同的方面,
大家可以看到的是数字、数字、数字,
这些数字有的是关于经过的车的数量,
有的是经过的速度,有的是经过的时间,
他们和我们在一起的时候,他们会说,
在这里可以看到交通堵塞,这里可以看到交通事故,
单单对我们来说从数据里面看不出来这些东西,
因为它们太抽象了,
所以我们想,
如何把它们视觉化。
大家可以看到,
这个海报主要是反映堵车的情况,
因为有太多太多的车,
用手绘来完成不大现实,
但是同时我们又想完全地表现这些数据的细节,
因此我们专门写了一个软件,
把这个图拉到数据库里面,
大家可以看到一个小点代表一辆车,
这个小点之间的距离就代表车距离。
我们一直认为所有视觉输出的成品必须反映真实的内容,
所以我们不想对最后出来的视觉形象加以控制,
同时我们又希望以一种优美的形式去表现它们,
这张海报体现的是高速公路堵车的情况,
所有的这些短的线表现的是时间,
每一辆车经过的时间。
在草图里面一共有一万辆车经过的时间的记录,
我们可以从密度上判断路况的好或者是坏,
是不是堵车,
同时我还想表现速度,
所以我用了绿颜色,
它标志了大概是一个平均速度。
由于这是一个系列的海报,
有好多的作品参展,
我们节选了一些,
因为它们每一个都表现了高速公路的不同的一面,
我们觉得这个过程非常的有趣,
有一些海报主要是展示信息,
有一些海报是单纯的插画,
他不能诉说更多的东西,
作为设计师我们另外做了一张很漂亮的关于车的海报,
这里大家看到的是一个计算用的机器,
这两个人给我们提供了很多他们计算车经过的频率和车速计算的工具,
这个是用于60年代,打卡式的。
在这张图片给大家展示的是关于交通事故的问题,
所有的每一条粉色的线就是一场交通事故,
这是五年以来发生的交通事故的记录,
当然都不是严重的交通事故。
最后一张海报是一个说明书,
是关于你自己怎么制作去计算车的工具和机器,
这个主要是为了好玩,
因为我们自己本身不是特别的了解,
只是找到了这样的程序和数据。
由于刚才的项目在(ID)杂志上有报道,
我们就获得了另外一份工作,在纽约时报上。
我们就可以做信息的平面设计,它的尺寸特别小,可能就名片那么大。
很多年我们在从事这样的工作,
因为这个,我们还在纽约时报上得到了其他设计的机会。
在这里给大家看到的是我们设计的其中一个关于信息的平面设计,
如果你想在上面卖东西的话,
开始价格不要太高,
人们就会竞标,
价格就会向上走。
这个数据是今年做的,
关于人们结婚以后饮食习惯的改变,
就是往往女士影响男士的饮食习惯,
往往男人的饮食习惯非常的差。
这个对我们来说是一个非常有意思的项目,
布鲁克林大学有一个教授,
他在纽约记录这些外交官停车违规的情况,
他对每一个不同国籍外交官进行了记录,
我们把这个数据应用到了我们的项目里。
关于这个项目我想补充几句,
对外交官来说他们可以随便找一个地停车,
他们可以收到一个单子,
但是他们是不用付钱的,
所以项目的一个目的是我们看哪一个国家的停车习惯最差,
我们还为一些财富杂志做了一些设计。
大家都知道,
财富杂志每年会给大家提供很多的表格,
其中最有名的一个排行榜是全球最成功的五百强或者是公司的总裁,
我们为他们的封面做一个设计,
我当时一开始的概念是财富杂志一般不常用的是把这个完整的表格体现在杂志的封面上。
大家可以看到这个图片上的每一个点代表了一个公司,
黄色是代表公司总体资产,
绿色是他们的盈利,
红色是他们损失的钱,
觉得很奇怪,
哪怕是有红色,
有一些公司还是可以上榜,
就是美国的公司,
财富杂志的观看者是大的公司总裁,
这样的一份杂志真的会对业界产生影响,
杂志跟我们沟通,
我们不能够用当下的数据,
因为这是一个秘密,
一开始的时候他们给我们提供了几年以前的数据,
然后我们自己写了一个程序,
三天以前我们收到了新的表格,
几个小时之内我们把数据重新替换,
就是出版前的几个小时。
在这里我涉及到我们的一个问题,
杂志也给我们交待,
不要把排行的顺序放在封面上,
因为涉及到读者看了封面以后就不需要购买杂志了,
因为它直接把里面要讨论的内容展示在了封面上,
我们也确实做了一定的调整,
所有的公司和公司的规模不是以直接的方式表现出来的,
你也不能够看出排行榜的顺序,
很不幸的是没有被录用,
因为财富杂志很习惯把500的阿拉伯数字放在封面上,
他们的这样的传统有几十年了,
因为公司内部的一个高管不同意我们用这样的方式,
我们最后挺失望,
没有上财富的封面。
不过幸运的是几个月以后,
我们又收到了他们的要求,
给他们重新做一个设计。
不过不是美国版,
是财富的全球版,
我们继续沿用了之前的技巧,
不过做了一些小小的调整,
红颜色代表的是盈利状况,
透明的大圈代表公司整体规模和资金,
这次我们吸取了前面的教训,
公司可能更强调的是字体带来的视觉震撼。
所以我们把这个五百放在封面上,
确实也出版了。
在这给大家介绍的是我们为荷兰一个建筑事务所做的设计,
这个山是由于侵蚀而形成的,
不断受到水流和雨水的冲击,
坚固的部分留下来了,
弱的散的部分被水冲走了,
这个建筑事务所作直接沿用山的称谓作为他们的名称,
因为他们希望经过时间的流逝他们的建筑是会被选择的,
这个是一个傲慢的行为。
我们为他们做的只是一个很小的标志,
他们的要求就是必须通过他们自己的镭射打印机可以打印出来,
因为他们没有钱做特别漂亮的信签,
我们设计了一个程序,
让Logo是会不断变化的,
迎合了前面的山体是不断的变化的,
所以每次打开文件都会自动显示不一样的图形。
这个标志在镭射的打印机里面打印的话,
这个程序的驱动,
每次出来是一个新的形式,
所以他们得到的不是一个标志设计,
而是120个不一样的标志,
所以说他们每次打印发票的话,
信签上出现的都是不一样的标志。
我们非常享受这样设计的过程,
因为我们不能完全控制最后的成品,
这里有这么多标志的可能性,
有一样东西还是会有重复和相似的地方,
就是他们的名片,
我们一共为他们设计了120个这样的标志,
意味着他们的三个设计师必须分120个,
他们每人40个,
他们就有了个性化的名片,
确实给他们的办公室带来了麻烦,
每个设计师希望找到强悍有力的标志,
不希望拿到显示脆弱的标志。
这个是关于我们在去年花了一年时间做的一个免费的项目,
主要是记录外交官停车的行为和习惯,
当时我们就联系了研究员希望得到所有的数据,
因为我们在纽约时报上有一个视觉化的可能性,
我们没有期待我们收到他们回音,
这个是一个敏感的话题,
没想到我们几个月以后收到了所有的数据,
当时几乎打不开文件,
因为文件太大了,
记录了10万多次违规的情况和违规的时间、数据、频率等等。
我们的兴趣并不是选哪个国家是违规严重的,
在我们看到这些外交官就像是一群候鸟在纽约选择这条街或者是那条街停车,
很多时候他们停车的位置是错误的,
由于这个数据库非常详尽,
我们可以了解他们每天停车的位置和时间等等,
有一些国家违规的次数700次,
每天是两例,
我们想把这个海报视觉化,
看起来更加的容易。
这是我们做的第一张海报,
我当时的初衷是把所有的内容包括进去,
但是不能实现,
因为内容太多了,
这是每天每个小时的违规记录,
大家看到颜色深的地方是违规频率比较高。
因为在我们制作过程中,
我我们期待当中,
我们可以发现频率的变化,
就是违规,
比如说白天和晚上有区别,
有的时候频率比较高的时候,
就是吃中饭的时间,
这在我们的预料当中,
大家仔细地从上到下阅读这张图表的时候,
可以看到有空缺,
这是2001年9.11事件发生的时候。
第二张海报反映的是不同的外交官,
他们是不同的国籍,
他们在违规停车有相同的交集,
线比较粗的地方表示不同的国家的外交官时间和地点重合的情况。
如果你们对黄颜色的外框有兴趣的话可以去展览的现场,
在那里可以看到更多的细节。
这个是另外的一个细节,
我想可能有四张,
我们拜托纽约的一个朋友,
拍我们做外交官系列里面发现的一些在纽约比较奇怪的地方,
100个最暴力的停车点,
他也确实是拍了100张照片发给了我们,
因为我们要在杂志上做信息的数据用,
这100个是暴力发生频率最高的地方,
图片的尺寸越大,
是暴力事件发生越频繁的地方,
图片的尺寸和暴力的数量是成正比的。
最后我们给大家展示的这张图片就像一张地图一样,
记录了曼哈顿停车违规的情况,
这里大家可以找到每一条街道,
如果大家仔细的看,
在中央公园违规的情况比较少,
这里是不允许停车的,
还有一例违规,
外交官绕到了大都市博物馆的后面,
有这样的一例违规。
我们可以看到这个蓝色频率越高的地方是违规的频率越高,
可以看到这个图的左边上面这块是非常昂贵的比较奢侈的地方出现违规的频率也比较高,
上右边这块其实是一个比较乏味的地方,
但是由于那里有一个高尔夫球场,
很多人把车停在那里,
频率最最高的地方是联合国附近。
这是我们讲座的最后部分,
非常感谢你们,
如果有任何问题的话欢迎你们可以自由地提出来。
提问:
搞这些统计的海报以及这些类型,
它到底有多大的意义?
因为我个人感觉到的设计都是对于一些产品的设计,
对于一些使用的比较多的是一些商业化的,
对于这些尤其是在中国几乎很少听过,
所以问一下。
回答:
在这里我要解释的是很多类似的我根大家展示的项目是免费的,
这只是对于新技术的意义的测试,
所以说,
我们也会写新的程序,
所有的项目对我们来说是一个大的实验室,
我们之后在做商业的项目的时候可能会沿用这里所说的程序,
不知道是否回答了您的问题?
而且我们认为因为我们大部分的工作有的时候是为杂志工作,
他们会去展示这样的数据和细节,
希望读者在尽量短的时间里获取这些信息,
之前可能不会有这样的压力,
但是现在我们发现,
现在要提供的信息量非常大,
可能用传统的方式和软件很难实现,
我们觉得这样的实践是非常有必要的,
让我们获得可以体验,
如何把巨大的数据库视觉化的方式。
提问:
我是深圳大学艺术设计学院的,
我们已经在两年前开设这样的课程,
叫图表设计,
翻译过来应该是 graphic design ,
我觉得这个跟你们有一些特别可以沟通和交流的地方,
我现在关注的其实是一个蛮实在的问题,
就是我们学生做这样的项目,
其实项目是我给提供的,
有的时候是自拟,有的时候是我设定,
有一些复杂的特别是庞大的数据的时候,
他们在做表达的时候就会非常的困难,
要么就是跟这个数据离的很远根本没有涉及到本质的东西,
我在听你们讲座的时候我特别感兴趣的是你们提到的是我们设计了一个处理数据的软件,
把这些数据带进去,
然后生成一个视觉化的图形,
我特别感兴趣,
请问这个是什么?
就是实操的问题。
谢谢!
回答:
对于我们来说,
大多数的程序是我们自己用手头解决的,
就像刚才讲座里面看到的一些图片,
可能是软件的名字就是MXP,GITT,Processing之后我可以把笔记交给您。
有的时候数据特别巨大的时候确实很麻烦,
有的时候还是用Ilustration,
会制作程序会编程是非常重要的,
您要是有特别细节的关于技术的问题,
讲座结束我们可以慢慢商量。
提问:
我在备课的时候我的学生间接收到了很多你们网上的资料和案例,
非常感谢。
提问:
我想问一下在还没有足够多人了解你们的时候,
你们是通过什么渠道让更多的人知道你们而且和你们合作的?
这是我想问的一个问题,
你们从事的这个领域应该不是一个很普遍的工作,
可能还会有很多人不知道,
谢谢!
回答:
说到设计的话,
我有这样的一个信仰,
就是说要把我所有的注意力放在怎样更好的把信息传达给我们的受众,
我始终认为作品的质量是最好的卖点,
所以好好工作吧。
翻译:
还有人有问题吗?
他们想休息下,
就只有一个问题了。
其他的问题可以转到下午。
提问:
非常感谢两位,
刚才的讲座体现了太多的意外和惊喜,
带给我强烈震撼的是开头的时候展示的气球、电影和进入教堂的人的队形,
你讲到了很多的意外和惊喜,
不要有太多的控制,
我想知道在你们实际工作的过程中,
如何用这种理念来指导的?
这种能力是否可以训练?
回答:
我觉得这是一个很难回答的问题,
信息的平面设计它是跟形状有关、跟位置有关,
但是很重要的一点是它是靠具体的数据说事的,
在这你不能太多发挥艺术家的天分,
而要强调的是这里有非常多的规则,
我想指出的是内容本身会给你带来意外,
我们工作的重点第一就是要去看和分析这些数据,
然后自然就会出现许多的方向,
比如说这些数据的时间、比例、具体的数字等等,
然后是考虑如何表现他们的技能,
包括在网站上、平面的形式让他们表现的更加有活力,
内容本身会给你惊喜,
而不是我们去界定这些内容,
我希望我已经尽全力回答你的问题了。
赵萌:
很抱歉,
由于时间的关系我们的提问就到这里了,
如果大家有问题的话,
下午的4点钟有一个论坛,
大家可以再接着提问。
非常感谢由图录树带给我们精彩的演讲,
接下来是中场的休息10分钟,
10分钟以后由香港的黄炳培先生带给我们精彩的演讲,
谢谢大家!
完
[最后修改由 sense, 于 2009-04-21 14:34:32]
评论Feed: http://www.sensebrand.com/blog/feed.asp?q=comment&id=345
这篇日志没有评论.






