• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 揭秘一场重大发布会的全方位视觉包装过程

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

作者:SlideSign 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含PPT,VI设计,海报设计,科技感背景,经验分享,视觉设计,设计流程等相关知识,SlideSign希望在学习及工作中可以帮助到您

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:烟火 / 炸裂

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

烟火代表着放射,象征着激情和力量,本身就有吸引观众眼球的作用,融合科技、智能的

您可能想查找下面的文章:

  • 如何制作一份优秀的答辩PPT?来看高手的方法!
  • 超全面!八种格调超高的PPT文字设计法!
  • 历时7天,168小时,超过100页的「复仇者联盟」PPT 免费下载!
  • 揭秘一场重大发布会的全方位视觉包装过程
  • 可自由编辑!一份30页的坚果Pro情怀PPT模板
  • 想进阶成PPT 高手?得先学会这些高级动画特性!
  • 做PPT 超过1000个小时后,总结的实用进阶指南
  • 想让PPT 做得又快又好,这四个PS技术必须学起来!
  • 高手私藏系列!怎样的PPT 配色会让人觉得舒服?
  • 高手私藏系列!有哪些能快速提高PPT排版水平的技巧?

相关文章

  • 2017-08-06CSS中浏览器对尺寸和宽高解释差异的解决方法
  • 2018-08-23想让字体更有吸引力?来学下字体设计的断舍离!
  • 2017-08-06编制网站首页的基本原则
  • 2018-08-23拿到低保真原型后,设计师应该做哪些事情?
  • 2017-08-06对div盒子模型使用心得总结
  • 2017-08-06人人必知10个网站易用性技巧
  • 2018-08-23实战案例!视觉设计练习学到的3个小技巧
  • 2018-08-23「这个控件叫什么」系列之输入框/文本框/Text fields
  • 2017-08-06html5中几个不容错过的api或者tips小结
  • 2018-08-23把玩近1000个App 后,我总结了这份超全面的「用户卸载原因指南」

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 想进阶成PPT 高手?得先学会这些高级动画特性!
    • 像做产品一样对Design System进行前期规划
    • 最新版iOS 11设计规范发布了,来下载官方源文件!
    • 10分钟看懂谷歌语音交互设计规范都讲了些什么
    • 网站前端性能优化之javascript和css篇
    • 基础知识学起来!如何科学提高UI界面的文本易读性?
    • 分享16款燃烧的火焰效果英文字体大宝库
    • psd切图转换为div+css格式
    • html、css基础注意点(前端必看篇)
    • 超实用!四招快速提升字体设计能力

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有