大数跨境
0
0

2021《映客先生》项目分享

2021《映客先生》项目分享 春光IN画
2021-09-27
2
导读:运营活动视觉设计思路及方案分享


项目背
《映客先生》在2021年再度重塑升级,重启平台年度娱乐大IP,成为第二季度热点赛事活动。不同于其他同类型娱乐选秀大赛,《映客先生》有着更为明确的目标群体,通过对项目视觉的重新定调,协助项目达到目标。

前期筹备

在项目前期的筹备阶段,对视觉的初步定调是很有挑战性的。如何将项目目标与业务方的构思,通过专业的设计语言呈现是前期所遇到的难点。过程中,通过对关键词不断的发散再筛选,最终讨论出适合此次活动的视觉方向,进而寻找匹配合适的视觉符号也就容易的多了。

配色方案

根据关键词的初步定调,对想要表达的情绪氛围进一步明确化,确定整体调性为冷色系,蓝色为主,表现男性受众的cool,冷静、刚强感和力量感。合理利用暖色作为视觉中的点缀色,在避免视觉疲劳的基础上,还可以提高其他场景应用的延展性,提升视觉的包容度。


主视觉制作

为增强用户对《映客先生》IP的识别度,降低理解成本,主logo字体在基础的字形结构上,添加了斜切效果,使整体看起来更加动感。

图形部分则是将西服结构与INKE的字形结合,呼应项目主题《映客先生》,更能将以男性作为主要活动群体的目的直接的表达出来,在最终效果上将图形3D化,添加高透明度高光感的材质,与视觉中其他部分元素互相呼应。

主视觉确定


利用元素的方向将视觉引导至画面中心,为了使画面更加合理、富有层次,对每一个部分的玻璃碎片进行亮度调整,环境部分通过使用动态模糊为画面增加动感与径深感。最终通过对视觉的不断打磨优化,最终确定了本次“映客先生”的主视觉。

页面展示

作为重点营收项目,设计师需要在明确活动目的的前提下有一定的同理心,在页面的交互上要考虑用户的使用感受、用户的视觉动线、如何引导用户更快的理解活动玩法,更便捷的操作。

在每个赛段的榜单部分,无论晋级、淘汰还是复活,如何通过设计给用户带来成就感或是紧迫感、如何对用户起到合理有效的刺激、如何调动用户的积极性是作为设计师要着重考虑的重点,要将视觉语言把用户和活动紧密联系在一起,让活动赛事充满期待,营造激烈的比赛氛围。
组件展示

对于抽奖部分的设计主要包含两方面:一方面作为玩法中重要的一部分,要有足够的视觉吸引力,通过颜色与样式让用户获得更强的参与感以及对活动的关注度,颜色选用高饱和度的渐变色,使画面更加丰富且更具层次感;更重要的是色彩对奖池等级的区分,要有明显的色相区分,由冷到暖传递奖池等级的递增;另一方面营造抽奖氛围,在主视觉的整体调性上,强化嘉年华的视觉表现力,加入玻璃、霓虹灯牌以及抽奖机的样式,配合线性扫光动效,增加活动品质感。

这一次在页面组件的设计中使用了大量的类玻璃、金属等材质,以及不规则的直角形状,给用户带来紧张感、对抗感,进一步烘托比赛氛围,打造活动专属的视觉符号。在组件细节部分的处理,要时刻注意光感对周围画面产生的影响。

在赛制榜单部分,针对不同区域采用不同具有代表性的颜色,使视觉随着比赛间断的进展也在不断升级,为参与的用户增强氛围感与参与感。

在决赛的前三名展示上采用了高饱和度的颜色,使冠亚军区域明显突出于页面其他部分,提升用户的成就感与尊贵感,通过元素上的递增更能为冠军用户打造专属感。


倒计时动态应用

数字作为倒计时画面的视觉焦点,自然是占有很大比重的,所以在数字上的质感以及细节处理要更加精细,在前期更为精细的效果图可以提高与3D同学的合作效率,减少很多沟通成本,还可以使3D同学更加明确的制作材质效果。

倒计时的动态表现首先利用视觉的径深效果,使标题字和倒计时数字有时差的从画面远方冲到画面中,在表现冲击力的同时也可以聚集用户的注意力,之后通过扫光的衔接,使画面有一个整体的视觉表现。


总结与反思

重要节点的大型系列活动,设计师要提前了解项目背景、历代基本玩法,并基于项目主题提前探索活动品牌的可能性,确保有充足的时间建立品牌调性,保留充分的时间反复调整、打磨,有助于与需求方在品牌认知层面上尽早的达成一致。

在项目主题缺少精确关键词和可代表事物时,应针对项目主旨进行不断的联想发散,提取有效关键词,再对关键词进行优先级分类,从优先级较高的关键词中确定视觉画面的主要氛围效果,再从次级关键词延展相关元素,从而逐步将视觉敲定在准确的调性范围内。对视觉要有一个充分的画面营造,使得在不同的资源场景中可以合理延展、调整画面内容。在活动页面中,规范和组件化的输出,对整体视觉风格统一和合作效率上都有很好的提升,对于其他参与设计师也可以更灵活的复用页面模块。

对于这样的大型赛事活动,首先遇到问题要从业务角度出发进行思考,探寻问题的本质原因,从根本上灵活转变设计思维寻找解决方法。
以上,感谢大家阅读。
主导设计师&动效设计:维锋
三维设计师:轶群
H5页面及线上资源设计:维锋、轶群、谢映

⬇️

站酷搜索“映客运营视觉设计”,不定期更新,欢迎关注。
【声明】内容源于网络
0
0
春光IN画
映客设计部官方账号
内容 29
粉丝 0
春光IN画 映客设计部官方账号
总阅读33
粉丝0
内容29