揭秘一场重大发布会的全方位视觉包装过程

Dec 20 . 2017 ~ Jan 19 . 2018

2018 Chanjet Channel Partner Conference

2018畅捷通渠道伙伴大会

Chanjet 畅捷通

这是我们第4次亮相。

「云」、「在线」、「数据化」、「人工智能」，最近火了。

2018年的第一个月，领头企业已经争先恐后在新产品、新服务、新模式上线时召开发布会。作为一个关注发布会的团队，也有幸参与并围绕此主题对发布会进行全方位的视觉包装。

2017年刚过，「战」、「云」已经逐渐亮起，今年用友集团畅捷通，以「战在云巅」为主题举办2018渠道伙伴大会。今天我们就走进幕后，拆解发布会的全方位视觉包装制作过程。

一、现场效果 | Grand Occasion

热闹、激昂

二、设计周期 | Design Cycle

整体视觉

1. 设计周期需要多久？

本次项目从收到任务到完成总共历时4周，划分为三个阶段：

创意 / 搜集期（1周）：探索发布会主KV设计风格。 设计 / 执行期（2周）：完成后续相关的延展物料设计。 调整 / 跟场期（1周）：现场协调与设计相关的突发问题。

2. 创意期的我们要做什么？

本次大会的主题是「战在云巅」，首先要做的是对大会主题进行解读。

「战」寓意「新战场」、「新战力」，同时「战」谐音「站」，寓意企业一直「站」在领导地位。 「云巅」象征着「云化」、「在线化」，暗含「人工智能」，整体寓意接下来是「云化」和「智能化」的「战场」，饱含整体趋势。

怎样将所得出的关键词视觉化表达，就成为了整个设计上的重点和难点。

三、视觉设定 | Visual Script

视觉化联系关键词

对此我们团队通过头脑风暴的形式，围绕着「战」、「云」两个关键字通过剖析和讨论，从视觉设定上来看，我们要结合的关键词主要有：

首选当然是毛笔字的设计，但直接使用毛笔字体是不允许的，经过一定程度的变形和设计（必要时候需要自己手写造字），主 KV 的字体也能被设计出来。

经过团队的收集与之相关的参考元素，最后我们针对六个不同方向展开设计探索。

创意设定01：智能 / 链接

「人工智能」、「数字化」有不同的解读方式，例如「机器人」、「脑」、「电路板」、「数字0/1」、「数据库」等都是可以被翻译成的设计语言，于是我们将这些关键词结合起来，配合用友畅捷通的暗红色调做了这样的版本：

我打赌你没有看清里面的纹路：

无独有偶，1月份的「云栖·创峰会」的设计和我们的飞机稿很像：

优点：字体设计有亮点，两侧装饰有科技感和智能化氛围，色调与企业吻合。

缺点：画面感觉过于正式和严肃，色调比较暗沉不够热烈，版式类型结合其他色调也比较难产生好的效果。

创意设定02：未来 / 虚幻

从2013年开始就陆续有发布会采用虚拟线条和粒子的设计，直到2017腾讯 TGPC 以及2017云栖大会无不如此，我们也感觉到这种设计还会被迭代升级。

因为未来是什么，我们谁也说不准。

优点：充满未来感，延续一贯对科技、智能的感觉，百度、阿里、腾讯三大企业都有用到虚幻背景，设计调性直接与 BAT 对标，有大公司风范。

缺点：太过于通用，感觉换一个主题的科技范同样能使用，对主题体现不足。

创意设定03：战意 / 硝烟

「战」很容易联想到「战争」、「战意」，战火纷飞中弥漫的是红色的飘絮、燃烧的建筑、迸飞的火花和弥漫的硝烟，非常能突出「新的一年新的战场」，寓意以后的企业战争更多转向到线上的「云战」。

优点：背景虚化突出主体文字，空间感强，硝烟类型引申到动态设计作为幻灯片封面、配合木炭燃烧的声音效果会很好。

缺点：色调单一，元素使用上不够丰富，过于偏向战争感觉，与科技、智能结合不强，元素也很难做延伸设计。

创意设定04：升腾 / 归来

「战」的另一个角度的解读，很容易让人联想到「Monkey King」、「孙悟空」、「大圣归来」，寓意「重回云战」，企业从产品销售转型到云端服务，战场改变之下，整个企业迎来的是升腾。

优点：气势磅礴，振奋人心，整个画面也更为喜庆，更偏向年会和销售方向。

缺点：对于本次发布会的主题切合度上不够吻合，缺乏科技感元素，适合单一用途，用作整体大会主 KV 会偏向某一部门，同时更难做延伸设计。

创意设定05：炫彩 / 可能

2017年末至2018年初，这种「彩虹跑」（Color Run）类的炫彩从青、蓝、红、黄（一般较少绿色）已经兴起，我们通常看到的设计是粉末状或者针尖性质的爆破为主。

优点：炫彩效果颜色丰富，具有层次感，有多变的寓意，同时爆破的效果也有振奋人心的感觉。

缺点：由于大部分设计素材偏静态，要延伸做动态图形需要建模和更高技术引入，设计多角度和动态设计会比较困难。

创意设定06：烟火 / 炸裂

物理上代表物体体积急剧膨大炸裂，使周围气压发生强烈变化，向四周发射，具有绚烂而炫耀的光芒。

烟火代表着放射，象征着激情和力量，本身就有吸引观众眼球的作用，融合科技、智能的设计元素，更让人感觉两者结合的通感。

优点：烟花的爆炸的效果，具有蓄势而发，向外发射动感，加上流光溢彩的烟花在画面中的随机排布也代表了无限可能和前程璀璨的一种美好寓意，同时带有速度线的效果，让整个画面增加了纵深感，是一种常见的设计手法。

缺点：在风水学的角度上，烟花的寓意容易被联想到「短暂」、「转瞬即逝」的含义。

四、延伸设计 | Extended design

延伸设计

承接的时候就包括主kv、胸卡、邀请函、PPT模板及董事长演讲幻灯片全套等一系列标准套装，此外延伸的设计还包括：签到处的背景板、导引牌、签名墙、活动宣传海报、朋友圈海报、长图、主持人手卡、手提袋……

可以说，按照延伸，我们基本是顺便做了一套 VI：

五、幻灯片设计 | Slide design

Compatible Keynote / PowerPoint

刚开始沟通的时候需求做一个浅色白底的幻灯片模板，才体会到浅色白底的科技风格幻灯片不容易，再次确认需求后双方确认制作暗色调。

六、复盘总结 | Multitray summary

经验精华

最后回顾整场发布会的过程，我们复盘得出几个需要注意的地方：

1. 创意期的「沟通＞制作」，尽量不断深究挖掘客户和自己彼此对发布会的设想和期望。

正如这次主KV制作，「战」、「云」两个关键字最终交集是「炫彩」和「可能」，这是不断深挖最后才能得出来的落脚点。这也说明了第一反应得出的结论一般不够深入，做创意不能太直白。

2. 尽量直接对接决策人，最少要做到确认决策人的数量和整个最终决策流程。

设计的最终决定人是谁，有多少个，中间有多少人在传达，是否可以让决策人在设计沟通群？如果可以的话，尽量能做到与决策者的直接对话（最少一次）。

如果双方比较熟悉，可以尽量采用「手稿沟通+领导直接决策」的形式，这样能避免制作到一定程度才发现方向不对。

3. 发布会的主 KV 设计要考虑可延展度，仅仅由普通背景拼凑而成的素材效果很容易不可延展。

可延展性是针对主 KV 需要考虑被采用到任何其他延展设计里的设计效果，例如由一张风景图或者具象化的手等设计，要提炼出辅助图形的设计将会比较困难。

4.  静态设计需要备好 RGB 和 CMYK 两个版本，动态设计需要考虑字体和背景。

静态设计中的 RGB 用于屏幕播放，CMYK 用于打印为展板和印刷，动态化的概念设计一旦被引入，一切仅仅由素材堆砌的效果都将面临「裸泳」。

5. 多项任务同时进行时，先设计能起决定性作用的内容，修改时确认需要定稿时间，不必随到随改。

主 KV 无疑是能起决定性作用的内容，而这基本是整个发布会的调性。（尽量不要做那种主 KV 没确定，就因为时间紧迫开始设计邮件头图和邀请函等延展，否则整体效果大受影响）。

此外，在接收到修改内容时也有技巧，不要有任何一些修改意见就立刻调整，「先让子弹飞一会儿」，先不说还可能有别的修改意见一起改，甚至还可能领导想了一下觉得不必要改了，用回原稿呢（还真有）。

6. 幻灯片设计中，先确认80%再开始设计，先确认风格再设计完稿。

道理大家都明白，但发布会开办时都是打仗状态，不排除确认了的内容被推翻的情况。而且给董事长级别的领导查阅时，也不可能只有2页风格页就让领导过一遍风格。

具体的做法是，根据沟通者对领导的了解尽量满足，同时挖掘领导的意图进行贴合设计。如果有多位演讲者，一开始先设定幻灯片模板，让演讲者能根据模板制作，减少日后不必要的反复修改。

另外，不要乱删演讲者的内容、逻辑、素材，他们可能是经过深思熟虑才这么做的。

欢迎关注作者微信公众号：「SlideSign」

「这可能是最全面的设计流程合集」

平面设计丨《高手的平面课堂！一个完整的设计流程是怎样的？》 Logo设计 | 《网易资深设计师：我用这7个流程做LOGO设计》 UI 设计丨《超赞干货！一个完整的UI设计流程是怎样的？》 品牌设计丨《用腾讯企鹅电竞的案例告诉你完整的品牌设计该怎么做》 交互设计丨《够专业！一个完整的交互设计流程是怎样的？》 图标设计丨《超实用！聊聊图标设计流程及小技巧》 产品设计 | 《58U享会：小米生态链那么多产品，设计流程应该是怎样的？》 UED 团队设计丨《接地气！国内知名UED团队的设计流程是怎样的？》

================明星栏目推荐================

优优教程网： UiiiUiii.com 是优设旗下优质中文教程网站，分享了大量PS、AE、AI、C4D等中文教程，为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章，按照我们的专栏一步步学习，一定可以迅速上手并制作出酷炫的视觉效果。

设计导航：国内人气最高的设计网址导航，设计师必备： http://hao.uisdc.com