玩乐未来|2021宠粉节设计总结

共 2821字,需浏览 6分钟

 ·

2021-11-30 00:59


点击"三分"关注,回复"社群"加入我们


欢迎来到专业设计师学习交流社区

三分设|连接知识,帮助全球 1 亿设计师成长

作者:腾讯 GLDesign

编辑:章欣怡

共 2297 字 37 图  预计阅读 6 分钟


-



1. 项目背景 


宠粉节是企鹅电竞一年一度的大型主播竞赛活动,旨在通过打榜玩法为粉丝打造更加精品的直播互动内容,为平台营收提供新的增长点。去年的宠粉节我们制定了新的Logo品牌和暑期的颜色调性深入人心获得了广泛的好评,所以今年设计的难点将在如何延续品牌和创新概念,以新颖的想法让活动散发出不一样的活力。



2. 情绪版收集 


我们基于企鹅电竞新的品牌概念小方鹅,结合当今的流行趋势,寻找一个能够让宠粉节变得更加有趣的关键元素,我们认为,能够代表电子游戏发展的经典,唤醒用户对游戏最纯真有趣记忆的符号,是像素风。因为基于像素,我们创造了许多经典的游戏,这些游戏将是时代的印记,涂抹不掉的经典,也是有趣的最直接最轻松的表达,所以我们这次选择基于像素来搭建本届宠粉节的画面,并收集了情绪版和元素。





3. 画面构思 


今年宠粉节的口号是 “玩乐未来”,根据口号来分析,我们将玩乐定义为画面中的有趣元素;未来则通过画面的城市景观来呈现。




今年的宠粉节赛制和去年一样是两场大型的赛事,分别是分区赛和全站赛,在前期构图时就要考虑到两场比赛的时间及梯度层次,分区赛最先开赛相当于预选赛,全站赛则是总决赛的概念,因此构图时我们将城市画面分为两个部分演绎,分区赛是以较为分散的城市构图,将有趣的元素分布在画面的四周,背景隐约出现“游戏手柄”,让画面富有想象空间,而全站赛则构筑一个集中的手柄形状的未来游戏之城,将元素集中在手柄中,更加聚焦和宏伟。




4. 标题设计 


年我们延续去年的 Logo 设计并进行像素风的制作,将图形和字体进行像素化设计



口号的字体设计上,玩乐未来四个字的笔画相对简单且观察发现倾斜笔画通过直角像素化的设计也可以轻松识别,于是将玩乐未来也进行了相应的像素设计,并在排版上增加方块装饰,看上去更加像素和有趣。




5. 颜色选择 


宠粉节的主色调,根据我们前期构思的场景以及对宠粉节品牌颜色的传承,我们将颜色进行调整,我们将天空蓝色作为主色调,加入洁白的白色和缤纷的淡紫色,减少对其他颜色的应用让宠粉节的快乐更加纯粹,层次更加丰富。




6. 打磨画面


什么是像素化的新颖表达?我们认为,将像素化通过三维表现出来,将那些经典有趣的像素游戏元素 3D 化,是增加画面记忆点的独特方式,所以我们选择使用 3D 的表现手法来将画面制作出来。



在城市场景中怎样体现宠粉节的节日性呢?将小方鹅抽象化,变成小方块,在城市中央聚集,来表达 “聚会” 的节日氛围。



有了上面的画面构思和标题设计,我们开始建模,首先是有趣元素的建模,我们提取了像素游戏中经典的元素,如小恐龙、小怪物、糖豆人等,唤醒用户对经典像素游戏的记忆。




将这些有趣的元素融入到场景中进行场景的建模。



然后进行颜色材质的调整,这里我们将场景中的物体分为 “生命体” 与 “非生命体” 来分类,小方块是生命体的呈现,建筑等其他小元素是非生命体,小方块聚集在城市中央集会狂欢,宠粉节 Logo 也是小方块组成,生命体我们用磨砂玻璃 + 彩色发光体的材质让他们在画面中更加聚焦,装饰体用实体材质,组成动静结合的画面节奏。



将这些材质与模型有机结合调整进行画面的渲染得到初稿



然后进行进一步调整,得到完整静态定稿




7. 动画呈现


有了 KV 的静态定稿之后我们开始制作动画,像素游戏的特点是机械感,稍微的卡顿感,所以我们在这次的动画中将中部的方块动画降低帧数,唤醒人们对像素游戏动态特征的记忆,并最终制作了动画成品。




8. 宠粉线下周边设计


今年的宠粉节不光在品牌的延续和视觉调性上做了升级尝试以外,同时增加了线下的周边产品及活动礼品打造。为此专门设计了强调宠粉节品牌的荣誉奖杯,用来激励获得荣誉奖项的主播;以及一些定制 T 恤和毛绒公仔产品作为粉丝向用户的活动奖励。 


1)荣誉奖牌

设计背景

宠粉节在整个活动规模和项目推广度上是仅次于年度盛典的级别,我们希望跟盛典奖杯的荣耀感拉开一定差距,但是又不希望奖杯过于小巧显得分量不够,于是通过情绪版的收集参考我们找到了一种更轻量化的奖杯展现形式:放大版的奖牌 可摆放的底座;整体调性会偏向艺术感一点的风格,与盛典奖杯不同之处在于材质运用上会更大胆,木质与金属及亚克力的拼接组合,突出奖牌与众不同的高级感,质感独特又不失庄重。



设计执行

基于此前多次的奖杯设计经验,我们跳过草图阶段快速的开始在造型上进行设计,根据宠粉节的图形元素发散了不同的奖牌造型,大到品牌的Logo型演绎,小到直播间的勋章、发言后缀等图标的结合,经过一轮尝试后发现还是主Logo型更具品牌性。



于是继续在主 Logo 型的造型上打磨更多的效果搭配方案,包括组合奖牌的嵌入式底座、各种材质尝试拼接、以及奖牌摆放的倾斜角度,选择出了更轻透细腻的亚克力磨砂方案。





以下是奖牌礼盒的效果图及潮服毛绒公仔周边;



2)限定潮服和毛绒公仔设计




9. 总结

回顾这次宠粉节的整个过程,从线上的品牌延续升级到线下的奖杯以及周边设计都体现了企鹅电竞宠粉节像素主题的视觉元素,激发了这次活动事件的新活力,为宠粉节品牌增添了不一样的视觉盛宴。




—  The end  —

📚 原创文章精选📚
告别加班!使用设计系统方法更快地构建产品
如何评估设计质量,提升设计技能
你常常忽略的 7 个具有破坏性的体验鸿沟
一篇文章告诉你服务设计到底能做什么?
看 Apple CarPlay 如何提升驾驶安全和驾驶体验
游戏新手指导怎么做?一起看看《对马岛之魂》如何打造初次对抗体验
制定 “小目标”,了解产品管理中的结构化思维
35+ 的 Windows 系统到底有什么了不起?细数系统界面设计的演变
导师与学员的高效交流 APP 设计 —— Lightship
🙋 我们一起聊设计 🙋‍♂️
高质量,学设计行交流微信群
期待与更多优秀用户体验设计师一起成长
PS:欢迎大家关注三分设,每天早上9点,准时充电。分享优质设计、创意灵感、新知新识,定期大咖老师直播分享,零距离连麦,答疑解惑。 添加小小虫微信号【 Lil_Bug 】,备注【 三分设 】加入!(只面向星标了公众号三分设的粉丝) 
浏览 123
点赞
评论
收藏
分享

手机扫一扫分享

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

手机扫一扫分享

分享
举报