查看原文
其他

怎么去设计一套会议视觉,(从构思到设计到落地到H5广告的执行全过程)

苏杭sh H5广告资讯站 2019-04-26

讲了那么多理论,今天打算和大家分享一个自己经手过的案例~

这是我初入互联网公司时独自经手的一个关于会议的案例,这个案例内容的设计算不上有多么精彩夺目,也算不上有多大的体量。但是,俗话说麻雀虽小五脏具全,对于大部分常规会议性的设计来说,它有着较高的参考性~

我会从构思开始谈起,直到最后H5广告的落地,让更多不熟悉会议设计的同学能够快速上手,了解创作过程!






概念分析阶段

我并没有做过设计沙龙的全套设计,对它的定性和基调只能说有一个隐隐约约的感觉。

似乎,会议设计是需要一个大的概念来引导整个活动,于是,我找到了一些参考:


我逐渐发现,不管什么性质的会议,它们的概念和主题都会有一种感觉的传达,并且这种感受来源于主题的特征。有的随性、有的刚硬、有的亲和...那么,作为途牛设计师分享会,对于这个体量较小的分享沙龙来说,在主题和立意上是不是可以有更大的可能性?给人一种由主题延伸出的感受哪?


1.我从正面开始思考途牛设计团队本身的特点,于是我找到了这些特征:

年轻、有干尽、在发展、在成长...(实际途牛设计团队是这么一个感觉...)


2.然后,我尝试从侧面思考,我为什么要去参加这个分享会?我找到了这几个驱动力:

会有滋养、 可以打开自己的眼界、 能够学到新的东西(我对参加者出发点的猜测)


从途牛自身平台出发,结合自己的一些思考,我感觉这样的一个分享会有着一种在路上,在前进的感受~团队特别的年轻,公司也十分年轻,但是大家的斗争和学习的热情却十分的高涨,那么把一种在路上并且不断努力,不断前进的感觉融入主题是不是更为适合这次的分享会哪?于是,我构思出了两个文案方向:



最后在内部交流后,我们把主题定为了无尽途,并且去掉了前面的修饰词,伙伴们一致认为,这样能够更好的表达含义,并且简单直接~ 主题和概念确定后,我们就可以开始设计了!




主画面设计

虽然主题我们确定了。 但是,如何运用画面表现,用什么样子的元素,脑子里还是一穷二白的!在这个前提下,我筛选出了几个需要体现的点:科技、互联网、设计感、会议性。

围绕这四个点,我做了大量的画面尝试,这是一个不断完善并且不断自我否定的阶段,你需要找到一个合适的画面感觉,但是这个从0到1的过程是需要不断的尝试和实验的。所以,我也建议各位在画面发散阶段尽量多出一些草图,并且快速的去尝试实践画面的大效果,一旦感觉找对了,再进行画面深入,切莫急于深入画面,浪费精力和时间。

实际,说的轻松做起来还是有难度的~不过,大胆去实践一定有收获!



在一段时间的思考和尝试中,我们最终选择了用像素字体搭配文字底纹的方式来表现主题,一方面在于我们想用最为单纯的方式来展现无尽途这个主题。一方面在于,对于营造互联网和科技感的表现,过于复杂的形势反而会拉低整个活动画面的设计感,相对于,一个追求设计感的互联网沙龙来说,用一种极简的方式来展现,本身也是对现代设计的一种权势,是一个较为妥善的方法。

标题选了了像素化字体,主画面运用了一个彰显热情并且饱和度偏低的红色底加上大量带有互联网特征元素的底纹运用,这是这一阶段我对:科技、互联网、设计感、会议性包括会议主题的一种理解,不见得是正确答案,但是是一个我自己的思考过程,供大家借鉴~






线下物料阶段


后面的阶段就要轻松一些了,有了确定的主题和画面,线下物料的设计就会把精力集中在画面表现上,去做一些形势的尝试和内容的排版。在保证之前主题和调性的前提下可以去发挥自己的想法,不管是什么规模的会议,基本上也都是这个设计过程,在确定主画面后进行各种延展。


因为活动的规模必定有限,需要的物料总量不大,我在这次会议活动,一共延展出了这些线下物料,一起放上来供大家参考。








线上推广设计


本次活动的线上推广阶段主要有三个内容,内部网站banner图,微信推送广告图和H5广告。

内网banner图的设计以呈现内容为主,做了文字简化,也基本上是对画面的一个延展。



而在设计微信推送广告的时候,由于是第一次做这种以互联网传播的主画面设计,特别是在字体大小的把握上,让我这个转行互联网的新兵犯了不少错误,总有之前做线下物料先入为主的情况,总把字体做的比较小,看上去特别累。在这里,我也为那些刚刚转行互联网的平面设计师们提个醒~

刚开始做的时候,要注意你的字号,由于印刷字体和网络字体采用了不同的编号系统,一时你会转不过来弯儿,切莫把字做的太小,影响识别。 建议:一方面要和手机同步及时看到效果图。一方面可以参考下微信或者其它app内部的字体运用规范,看看人家都是用的多大字来呈现内容的。


无尽途H5广告

原则上,这种规模的公司活动是没有前段资源配额的。但是,我们还是想要做一个H5的广告推广,对我来说任务也相当艰巨,我需要用一个第三方模版软件作出一个和整个会议相符的H5广告,在现有简单模版的情况下尽量作出新意作出感觉。

实际执行难的在之前的基础上来说,已经简单很多了,主元素和主画面基本做到延展就够了,画面的像素化元素和科技感的要求也已经是定调,我要考虑的就是整个H5广告的脚本,和表现形势了。

考虑到第三方软件的局限,我先是把屏数定在8以内,并且把比重放在了分享沙龙嘉宾的客观展现上,不求这个H5有多么标新立异,只求这个H5能够比较到位的传达信息,在形势展现上,我在整个过程采用了像素渐变的叠加动画,在元素和字体上也基本遵循了这个思路,虽然仅仅是一些简单的减淡和消失命令,但是还是玩出了点小花样,这个例子我想也可以为用模版设计H5的同学提供一些参考把~

即使是使用模版,还是可以发挥出很多不同的感觉,有时,不会逊色于定制化H5的效果!




可惜得是,没有编辑音乐,而且当时是5月份,和现在已经有一定距离了,H5这个行业的发展真是极为迅猛的!这会市面上的H5 水准已经和5月份那会的水准不在一个量级了。




来个总结吧!


这并不是一个多么高大上的活动,但是这却是第一次由我全程参与,从策划、文案、设计、

线上、线下、现场接待以及总结全程参与的一个案例。因此,不管是什么样的规模和套路,确保起初方向的正确和充足的思考是最为重要的,而设计更多的是对好思路或者说创意的执行...


从百人规模的小沙龙的设计来看,我们的思考仍有许多不足之处。

例如,对会议过程中互动环节的考虑不够全面,对参会人员的协调和引导工作还不够完善,下面,我来放一些当时的实景照片,算是对整个活动的完善吧!



看到这些图片,我还会被瞬间拉回去,感觉特别留恋!

设计的道路无尽途!为了做出更多好的设计,大家一起加油吧!





本期的短评就到此结束了

下期我们会分享新的内容!


(本文为本站原创内容,如需转载,请在后台与小编,联系获得授权方可转载,谢谢!)



    您可能也对以下帖子感兴趣

    文章有问题?点此查看未经处理的缓存