优设专访！灰昼：从非科班生到首席美术总监的15年设计路

编者按：非科班设计师能达到怎样的职业巅峰高度？今天的专访人物，有15年互动广告经验，设计、编程、3D、PS、Flash无一不精，曾任奥美/SQ副创意总监，服务于BMW、劳斯莱斯、JEEP、路虎、佳能等客户；拿过互动广告界的奥斯卡The FWA创意金奖。虽然现在很多设计大咖都曾是他的学生，不过本人超级低调，以至于这可能是他的第一次专访。来，有请@灰昼Noir 大大。

对了，最近两天破四亿票房的电影《寻龙诀》，他们的团队也参与了其中的数字化营销哟。

专访人物介绍：

灰昼，前奥美创意总监，毕业于烟台大学英美文学专业，从99年高中时期开始设计第一个网站起，到2015年的互动广告经验已有15年。

曾在多家国际4A广告公司任职：

• 奥美ONE／SQ 副创意总监
• INTERONE 首席美术指导
• A4A 资深美术指导

服务于BMW、劳斯莱斯、MINI、JEEP、进口大众、道奇、AUDI、路虎、讴歌、P&G、佳能等客户。

现为亚实验室首席美术总监，主要研究一些交互实验性的项目。

著有《别具光芒－FLASH互动网站编程》一书，人民邮电出版。

△ 灰昼大大的帅照

—————————————————————— 职业篇 ——————————————————————

1、给同学们聊聊你的第一个网站吧，是那时候就对设计感兴趣了吗？

答：其实玩出来的（笑），99年拥有一台电脑的时候，那时电子竞技在中国刚刚萌芽。当时我还是高中，一直对电子竞技很感兴趣。后来战队展要做个主页，我就参考星际争霸的官网做了个，那时候的素材都是从官网搬运然后进行组合修改。那个过程我觉得很奇妙，可以创造新的东西。从那时候起我才培养起做设计的兴趣。

对Flash接触较早的朋友都知道在2000后中国Flash的发展到了一个黄金时期，那是一次前所未有的闪客大潮。那个“兵荒马乱”的时代，英雄辈出，无数优秀的闪客和令人惊叹的作品都是从那时诞生出来的。所谓乱世出英雄，在Flash网站领域，大名鼎鼎的2advanced.com横空出世，每一次改版都成为人们争相讨论的对象。在此之前，我真的没想到网站还可以这么做。它对我的整个的设计观念产生了很大的影响，这也是我开始使用Flash建站的原因。2advanced Studio网站先后一共改了5版，每版都是Flash爱好者们争相谈论的话题。图1.2所示为现在保的第5版：

我有坚持做个人网站的习惯，到了从03年开始到2015年我已经做了大概7、8版个人网站了。基本上是每年一个。从创意到设计到执行，是非常有意思的过程，可以不断的挑战自己，学到新的东西。很可惜的是，第一个网站已经找不到了。

2、现在很多同学都想自学，给他们分享一下您的自学经历吧

答：其实设计没有捷径。我中学理科，大学学的是英语，设计和编程都是自学。当时的教程和素材资源极其匮乏，远远没有现在这么丰富。现在有些问题，可以到一些平台去交流，去询问，还可以百度。但当时网络的教学资源很少，国内找不到，我就去国外的一些教程网站学习。英语在这方便也给了我一定的帮助。其实自学，总结为三个词，我想大家都知道了，就是多看、多想、多练。有些初学的朋友总是将希望寄托于大神去分享自己的诀窍。其实没有诀窍，设计本身是没有捷径可走的。如果你觉得设计没有进步，就是看的太少，想的太少，和练的的太少，三者缺一不可。

编者注：灰昼老师说得轻松，但背后的故事非常不容易，看看@牛MO王涵 写的这段介绍就知道了：

这是一位我非常崇拜的前辈——在我09年学广告的时候。非常荣幸，有幸成为他组下的组员。也是因此，对他的敬畏之心也随之加深了。

他大学学的是外语学院学英语，到大四的时候英语刚勉强过4级，非常不顺利。偶然的机会玩上了Flash，那时候是07年，互联网刚刚流行FLASH网站。于是乎，他进了一家地产公司，干起了FLASH，自学动画、Actions cript。在北京工资低的可怜可以忽略不计，加班时间不是一般人能想象的，这样的环境，他做了一年。一年时间，他熟练了Flash，同时也知道做设计的同事使用PS绘图工具，他开始专研PS,利用自己的时间，边做FLASH，边做设计，他的老板如获至宝！

半年后，他的PS技术也成型了，做设计的艺术能力也越来越强。此时，他发现很多PS很辛苦的东西，在3D里很容易实现，于是，他有玩起了3Dmax……到这里，大家一定觉得他是个不专心的人，可这里的酸甜苦辣只有当事人自己知道。他离开公司了，受朋友邀请到一个广告公司做创意执行总监。

由于他美感、技术、动画帧掌握、3D执行都很到位，一个人顶替4个人的职位。他本身是低调的人，最终第三年辞去了总监职位，安心在一个知名广告公司做美术指导。也是在这个公司，我作为他的组员。具体的项目、案例我不方便一样列举，但是可以举一些简单的例子：站酷必定首推，浏览量必须超高，68联盟立刻专访，各大4A广告公司都来挖过人。后来我离职去了别的城市，他还在北京去了一个全球知名广告公司。在职时作为主设计作品上了FWA并获得了创意金奖（可以去百度一下The FWA）。这就是一位我尊敬的大哥、朋友、恩师，一位学英语出身却从不抱怨的人。

△ 为Jeep打造的作品

3、说说你设计生涯最苦闷的阶段吧，您是如何渡过的？

答：我在大学的时候，其实比较迷茫的。那时根本没想到网页设计还能成为工作。大三的时候出去找英语类的工作，找了几圈没有找到。其实，人生第一个迷茫期就是这段时间。因为还没有准备以什么姿态面对这个世界。而且，因为你是一片空白么，所以你在找工作的时候会特别难。

这时我想到去找找网页设计的工作，毕竟。。我高中的时候也有些相关经验嘛。

但是，没有商业作品怎么办？我想到的方法是做一个比较复杂的个人网站，收集了点之前的作品，总之各种练习作品放上去。

普通的静态页面已经我觉得不够“酷”。当时正好Flash网站特别火爆，我又自学了Flash。为了做Flash网站，我只能自学编程，那时候什么都看不懂。经常是看着看着就睡着了。我就抱着书一直看一直看，前几个月一直看不懂，但是我没有放弃。一遍一遍的反复的看。这样的情况持续了大概2个月吧，突然有一天。突然好像就明白了。是那种顿悟的感觉。以后初级编程就豁然开朗。

这其实给了我不小的信心，让我觉得原来并不是学不会，而是取决你下了多少功夫。所以，我的经验是，如果你迷茫，没有什么，关键是坚持，坚持，坚持。不要怕失败，失败也是一种收获。

△ 为宝马公司打造的作品

4、从设计师到创意总监，这一过程您的职能发生了哪些变化，要点亮哪些新技能呢？

答：主要的变化是从被别人带领到带领别人去完成一个项目。设计师只需要去做好自己的工作就行了，而创意总监需要把控的事情会很多。从高于原来视角的职位去观察原来的职位其实是挺有趣的，因为所有的一切，项目的开展、推进到最后的执行，每一步都需要把控和推动。带领团队是个很大的学问，比如如何激发团队成员的积极性和主观能动性，再比如尽量放手项目让团队的成员去做，而不应该事事都亲历亲为。这样才能让整个team获得成长而不仅仅是自己。事实上，好的总监总是能做到这一点。我在我的总监身上学到了很多。

△ 作品：进化的利刃

5、在国际顶尖4A公司奥美工作是怎样的体验？ 与本土和国内4A 公司相比有哪些区别？

答：我在奥美任副创意总监的期间，学到很多其他公司学不到的东西。

奥美是一个是世界上最伟大的广告公司。也是非常难进的广告公司，也同时也是最残酷的广告公司。

为什么说残酷呢？经常的一个项目，想20个创意是少的。往往这20个idea都要被总监毙掉。50到上百个idea往往只有一两个，有可能能执行。比起广告公司，其他的设计行业只能用安逸来形容。从整个项目开始，从前期的策略制定，到中期的创意发想，再到后期的设计执行（也就是所谓的设计稿阶段），再到最后的上线。无一不经过无数的被否定，无数的重新开始。你们所看到的设计稿，其实只是这一席系列过程的最终呈现的一小部分而已。之前的每一步无一不经过整个团队通宵达旦的加班。

但是，经历了这些之后，我反而更感谢奥美，她让我知道了，极致严苛的创意是怎么产生的。当我从奥美出来从事其他工作的时候我会觉得都非常轻松。

如果你能胜任上面的严苛的工作。你会发现奥美是个很注重细节的公司。刚进奥美的时候还会安排学长和拨活动经费供你吃吃喝喝，很快就可以容易新的环境。在职一周年你会发现座位上有着奥美的红气球等等。

奥美的公司文化非常开放、平等，尊重人才。同事大多数都是行业精英，很多工作开展起来非常顺利，但正因于此，也会经常各执己见的吵的不可开交。但是如果得出共识，大家就会努力推进。

奥美非常好的一点是它的知识体系，经常请来很多国内外大咖来分享心得。

帅哥美女很多。

假期很多，几乎要比普通公司多近一倍。

弹性工作制。

等等等等。

6、 在这行15年，您觉得互动广告行业发生了哪些变化，未来的趋势如何呢？

答： 互动广告行业随着互联网和电子科技的兴起而兴起。很多时候，是伴随着技术产生的。互动广告的表现不只是体现为一个网站、H5、或者一个banner，也可能是一种互动装置。比如前几年的获戛纳广告大奖的隐身的汽车，利用了一个车身外的显示屏来达到隐身的效果，旨在说明该车低碳环保。

前两年主要的互动广告都是电脑端，随着移动设备的发展，风靡朋友圈的H5页面其实就是互动广告在手机端的表现。未来随着裸眼3d、增强现实技术的发展，互动广告肯定会在虚拟现实中有着很酷的表现。

7、设计师会编程是种怎样的体验？

我来北京的第一份工作，几乎做的都是flash和编程之类的工作。大家都知道，编程是一件很枯燥的工作。我当时在思考一个课题，能不能在枯燥的和千篇一律的编程工作中找到一点乐趣？能不能让编程工作也成为一个创造性的工作？当时日本有很多程序员兼艺术家用程序来实现一些视觉和交互的东西，这个对我影响特别大，这也是我后来开始学习flash程序的原因。我在09年的时候做了一个试验项目，叫the Lab!Dyingart。这是一个个人项目，主旨在于促进利用多媒体技术在网站的探索和利用，其中包含了很多著名引擎如papervision3D，box2d等的介绍及具体实现。以及分享新技术的实现方式和个人在互动设计中的经验。

我录了几张GIF演示图。

附上体验地址：http://www.dyingart.cn/lab2009/

懂程序的最大好处是，我在做设计的时候知道什么是能做的什么是费时的，合理的预估执行的难度和最重效果。其实我们看到的很多动效交互都是AE演示版或者录屏版，执行时这些交互都需要程序写出来。这里不得不提到一个人——Keith Peters是我非常喜欢的一个程序员，他写了本书叫making things move ，这本书讲的一个经典案例是如何控制一个小球从A点移动到b点。大家可能会想，这又什么可写的。其实os操作系统之所以用户体验那么好除了简洁明了的操作方式外，还离不开一些小细节动效的处理，比如你打开一个图片，鼠标放到dock上等发生的动画都有一个出现的节奏，这些都是用程序来完成的。Keith Peters在这些本中写了如何用程序模拟这些节奏，比如控制小球从a点“先快后慢”或者“先慢后快”移动到b点。在具体项目的时候，我会和程序员同事一起探讨项目中元素的“节奏”，以便达到更好的体验效果。

8、给同学们聊聊您现在负责的项目吧

答：最近我们团队[亚实验室]正在负责寻龙诀的数字化营销的项目。这个项目持续将近1年的时间。虽然国外已有先例，但国内从来没有专门为一个电影打造一个专门的App，这都感谢于片方的前瞻和支持。这个项目采用了Unity3D引擎来制作，花费了很多心血。我们还做了很多好玩的H5。抽空会整理下分享给大家。

9、晒一下拿到FWA金奖的那个作品，顺便放一个您自己最喜欢的作品

答：这个项目是在奥美的团队共同完成的。其实已经下线了。放张截图吧。

个人最喜欢的作品。平行宇宙系列。

—————————————————————— 生活篇 ——————————————————————

1、和大家聊聊您的包里都装了什么吧

答：平时基本上会背个背包。相机和电脑基本上是随身携带的，以便可以随时记录灵感。我现在习惯于使用手机拍照，便于抓拍。但是依然会揣两个胶片相机放到口袋里，一个单反，一个傻瓜，适用于不同时候的需求。

2、大家也想看看你的工作台

答：

3、业余时间喜欢做点什么呢

答：业余爱好很多，摄影啊、收集vintage老物件啊等等。从我背包里面的东西可以看出来，应该是蛮热爱拍照的，称不上摄影，算是纪录吧。从小的时候起我就开始记录一些生活中的碎片，很多看起来无意义的事情长大后再看都挺有意思的。

感谢百忙之中完成这份专访，对优设有什么建议，尽情吐槽吧

答：优设是个非常棒的内容分享平台。我也会经常看优设分享的文章。希望以后能有更多设计师交流的空间：）

想关注灰昼的可以加他的个人公众号：被盗的世界，经常会分享一些个人经验心得给大家。

优设国内设计大牛/知名团队专访系列：

1. 《优设访谈！腾讯设计师米田的设计之道与成长之路》
2. 《优设访谈！著名设计师冯铁的设计思考与经验之谈》
3. 《优设访谈！腾讯高级交互设计师C7210的十年设计路》
4. 《优设访谈！国内知名设计团队专访之滴滴DISIGN》
5. 《优设访谈！阿里交互设计专家刘津的设计管理之路》
6. 《优设访谈！LBE安全大师产品总监晓生的职场进阶之路》
7. 《优设访谈！阿里资深设计师的自学设计之路》
8. 《优设访谈！国内知名设计团队专访之百度大UE》
9. 《优设访谈！百度设计大咖JJ YING的自学成才之路》

【优设网 原创文章 投稿邮箱：2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书：史上最全的设计师图书导航：http://hao.uisdc.com/book/。
设计微博：拥有粉丝量106万的人气微博@优秀网页设计 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：http://hao.uisdc.com