企鹅电竞·至竞盛典|小方鹅与你筑梦同行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点赞 评论 收藏 分享 手机扫一扫分享分享 举报 评论图片表情视频评价全部评论推荐 奖品设计 | 企鹅电竞奖杯与礼品设计三分设0VasDolly企鹅电竞多渠道打包组件VasDolly 是腾讯开源的一个极速多渠道打包组件,同时支持基于 V1 和 V2 签名进行渠道打包VasDolly企鹅电竞多渠道打包组件VasDolly 是腾讯开源的一个极速多渠道打包组件,同时支持基于V1和V2签名进行渠道打包。组件本身会自动检测Apk使用的签名类别,并选择合适的多渠道打包方式,对使用者来说完全透明。目前已用于企鹅电被嫌弃的企鹅电竞的一生新熵0项目案例|企鹅电竞品牌字体设计之路三分设0电竞人才缺口50万!首届电竞本科生毕业,出道即巅峰!程序员书单0AKShare-电竞数据-选手排行榜数据科学实战0AKShare-电竞数据-俱乐部排名数据科学实战0麦田云电竞酒店解决方案通过PMS系统实时监控房间电脑设备,确保电脑安全,防止丢失、替换、损坏。竞品分析竞的是思维产品刘0点赞 评论 收藏 分享 手机扫一扫分享分享 举报