企鹅电竞·至竞盛典|小方鹅与你筑梦同行

ID设计站

共 2794字,需浏览 6分钟

 ·

2021-07-07 05:05




 项目背景 

2020年末,由于新冠肺炎持续蔓延,原定于年底举办的至竞盛典颁奖典礼延期举行,肩负着主播们沉甸甸的荣耀,在今年疫情稍有好转时我们决定补办至竞盛典颁奖典礼,告慰辛勤付出的优秀主播和广大粉丝们。本次颁奖典礼,我们以“筑梦同行”为口号,既是回顾过往的总结,更是展望未来,希望主播们与企鹅电竞一道继续奋发筑梦。

 情绪版收集 

至竞盛典颁奖典礼本身是盛典比赛结果的沉淀和荣誉的授予,要体现尊贵感和荣耀感,而口号的辅助则是重要精神信号的传递,表达出平台对未来的期望。尊贵和荣耀,黑金搭配确实是最为经典且永不过时最适合不过了,然后我们再结合主题,将梦与前进的概念融入,进行提炼分析。


 第一阶段:寻梦 

画面构
在进行了情绪版的收集和整理之后,开始画面的构思。根据口号“筑梦同行”,结合品牌可以让小方鹅扮演筑梦者,再结合业务,让游戏元素伴随小方鹅,可以营造出故事化的场景,小方鹅在梦境中逐光前行。

为了让小方鹅更形象的扮演筑梦者,我们将纸飞机的概念融入到画面中,纸飞机是人们对梦想最原始的寄托,而且能很好的表达前进的动线,呼应主题,让小方鹅坐在纸飞机上,也是梦想承载的表达。

由于盛典颁奖典礼与至竞盛典比赛有所不同,颁奖典礼更强调高级美感,于是我们舍弃在盛典比赛时一贯使用的对抗竞赛氛围,用更加抽象的视觉语言表达荣耀感和筑梦主题,进行了一系列的手绘草图的设计。

在经过反复商讨对比后,我们认为,方案一更贴切主题,有前进的动线,纸飞机作为梦想的承载物很贴切,小方鹅坐在纸飞机上目朝远方,体现对未来的憧憬。
于是对方案一进行了进一步的优化,我们将梦境通道的速度线抽象化为装饰线条表达,增加动线的旋转曲率,让动线显得更广阔,同时增加美感。


标题设计
有了画面草图,我们要进行标题的设计,为了体现颁奖典礼荣耀尊贵的品质感,我们将标题设计得尽量简洁,极高的可读性、稳重、优美是我们重点考虑的设计因素。

如何将“企鹅电竞 至竞盛典 颁奖典礼 筑梦同行” 这四个互相独立又相互关联的词语设计成可读一体化的标题呢?我们进行了大量文字排版的参考发现,高端颁奖典礼的文字更倾向于使用左对齐排版,根据现代人的阅读习惯,左对齐信息更易阅读,美观度和稳重感也可以很好的体现出来。

然后我们进行信息的分类组合,标题信息“企鹅电竞 至竞盛典 颁奖典礼”,企鹅电竞是平台名称单独列在最上层,至竞盛典颁奖典礼是活动内容,放到第二行,第三行添加英文修饰,最终形成标题组合,口号则单独成为模块进行设计,最后再一起排列在画面中。

排版确定,进行字体的设计。企鹅电竞的规范宣传字体是较为硬朗的,符合游戏平台特征,如何让硬朗的字体也显得高级和更有阅读性呢?我们选择了让字体变得更加细长,减少因为硬朗带来的顿感,同时再添加2px的倒角,让字体看上去既有平台的基因特征,又有高级美感。最后选用粗细适中,兼具曲直线条可读性较高的英文体作为英文的装饰字体,组合成最终的标题。

口号是整个活动的精神特征,需要铿锵有力的笔画让人坚定信念,而往往手写体可以更好的表达情绪。因此口号字体的设计我们使用手绘板人工进行初稿打底,然后使用钢笔工具进行进一步描绘修补,让字体显得更干练更有力。

标题与口号的组合保持空间等分比例并靠左进行排列,形成最终的字体组合。


颜色选择
我们选择了黑金风为主基调,自然是以黑色和金色为主色,然后再加以代表游戏色的深蓝和深紫作为环境色辅助。为了体现筑梦主题的温度,我们将普通金色的色温调暖,升级成玫瑰金代替传统金色作为主色调给人以活力的体现。



 第二阶段:逐梦 

打磨画面
装饰线条来表达梦境隧道,体现金属荣耀的感觉,最直观的手法就是3D+金属质感的材质,这样也更符合游戏平台的用户审美特征,表达活动的分量感。

有了上面的这些资产,就可以开始建模塑造画面了,在建模的过程中要注意整个模型的粗细比例,草稿作为大致的参考方向,还得依靠想象力来完成更多的细节填充,让画面看上去层次更加丰富。

接下来进行上色前的规划,这么多线条装饰性的平铺在画面中的时候,如果色彩没有任何变化,通道的动线展示会存在问题,会显得没有层次,因此我们将画面规划成两个色区,让颜色有规律的随机分布在这两个色区中营造空间感和纵深感。

然后进行上色渲染,以及后期调试

在画面调整完成之后,我们要根据不同的使用场景进行比例的切割,再根据比例将标题字按黄金比例分割点放入到KV中,形成完整的画面

完整KV及在网页中的应用


动画呈现
有了静态定稿之后需要制作动画,在这次的动画中选择尽量克制,使用少量的动态元素点缀画面,让画面呈现优雅高级的姿态,只使用扫光和轻微浮动点缀,增加KV画面精致程度。

‍‍

 第三阶段:倚梦 

传播设计
倒计时闪屏对于活动的顺利推广是具有重要的作用的,我们在KV和网页制作完成之后,额外制作了动态倒计时闪屏,画面将数字进行抽象化处理,将KV中的抽象金丝装饰线条组合成数字印象的曲线进行制作,提升用户的新鲜感,让闪屏成系列感。
再进行建模和渲染制作最终的系列倒计时闪屏

然后还进行了动画的制作,这样在朋友圈和微博传播更加吸睛


 第四阶段:筑梦 

盛典现场
6月23日,盛典成功在上海举行,邀请了企鹅电竞所有在至竞盛典中获奖的主播共度荣耀时刻。为了成功举办这场线下典礼,我们进行了精心的现场制作,包括舞台的设计、物料设计、开场视频制作等。
开场视频制作,让小方鹅扮演筑梦者,在自己的梦境中穿云而过,在梦幻的城市中筑梦前行寻找到前进的方向,最后飞向远方。

舞台设计围绕KV的线条进行了流线型的设计,将区域划分为“登台区” “奖杯区” “主舞台区”,在签到处还专门设计了拍照区供主播们合影留恋,将小方鹅作为装饰框,凸显企鹅电竞品牌特征。


 总结 

本次设计耗时将近1个月时间,从KV的前期思考到设计到网页的设计打磨以及线下的印刷,一改以前堆元素的设计手法,采用抽象装饰性的设计,让颁奖典礼的整体呈现抽象美感。更多的时间花在思考概念,配色以及画面线条比例,对比复杂模型的搭建,体现设计价值的是思考的深度,更重要的是对品质和细节的把控。









更多延展阅读


动效不知如何落地?看完这个就明白了
ID设计站 I 中文LOGO发布
推荐关注 腾讯设计师的公众号
五点总结 I 做个更好的设计师
分享几个互联网的常见设计专业
3D图标教程来啦
写给年轻设计师的一些建议
2020UI设计趋势-细节分析
浅谈卡片式设计
Tab Bar 图标动画设计
图标设计冷知识—类型及延展思考





浏览 58
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

分享
举报