腾讯GLDesign
其他
视觉升级|LiveLink腾讯游戏直播中台
LiveLink是一个为腾讯游戏在直播平台、游戏客户端、移动社区多种运营场景中提供直播账号与账号绑定的游戏直播中台。随中台的业务发展,中台官网需要承接更多服务能力信息呈现及自动化能力。
2021年11月15日
其他
玩乐未来|2021宠粉节设计总结
有了KV的静态定稿之后我们开始制作动画,像素游戏的特点是机械感,稍微的卡顿感,所以我们在这次的动画中将中部的方块动画降低帧数,唤醒人们对像素游戏动态特征的记忆,并最终制作了动画成品。
2021年8月27日
其他
企鹅电竞·至竞盛典|奖杯与礼品设计
当主播拿到自己的奖杯后,我们在奖杯上做了些巧思,底座底部的二维码打通了线上的盛典观礼互动页,获奖者通过扫码即可线上收到自己的专属年度寄语,对于主播及嘉宾也是一份暖心的关怀。
2021年7月16日
其他
从零到壹 | 跨界打造小方鹅CUBIE潮玩
小方鹅Cubie是企鹅电竞官方的IP形象,一个拥有有趣灵魂的的游戏机方盒子。我们前期孵化了IP形象小方鹅并将其运用在了产品界面中,解决了一系列线上的IP推广问题。顺势而为地,线下实体公仔和盲盒经过数月的打磨生产也要与大家见面啦!!!
2021年6月28日
其他
荣耀开启 I 2020至竞盛典设计回顾
从满意度上来看,整体满意占97%以上,其中非常满意超过了50%;而在对至竞盛典的整体印象上,小方鹅的融入让人印象最为深刻,另外人们认为KV具有对抗性和游戏感。
2021年1月11日
其他
如何设计趣而美的直播礼物
关键词分析,提炼设计方法那么,怎样才是趣而美的直播礼物呢?🤔我们从需求本身出发,发散出一些关键词,通过对关键词的聚焦找到我们觉得趣而美的礼物的灵感关键词,从而逐步提炼出我们的设计方法。
2020年11月5日
其他
如何把用户核心路径转化成设计语言
前言用户路径是指用户达到目标时一系列的操作。我们可以将用户在产品中由开始到结束的整个过程划分成很多节点,用户从一个节点到另一个节点的过程可以被视为是一条路径。用户路径主要分为两种:一种是用户找寻信息的路径,另一种是使用功能的路径。核心路径则是需要对用户路径中关键节点进行提取总结形成用户的核心动线,进而根据核心动线定义设计策略进行设计。接下来我将会以企鹅电竞小程序改版为例陈述如何将用户核心路径转化为设计语言。洞察现状小程序的核心理念“用完即走,走了还会回来”。“用完即走”是指用户通过小程序能够高效率地解决事情;而“走了还会回来”则是小程序良好用户体验的一个反馈与赠礼,两者是相互影响的。随着企鹅电竞业务方向的变化,现有的企鹅电竞小程序已经不能满足业务现状,所以今年初,我们对企鹅电竞小程序进行了全新版本升级。旧版小程序其实是企鹅电竞APP的缩减版,产品方向是让用户“先找再看”,首页tab是提供多向选择满足用户无目的寻找浏览的场景,关注tab主要是用户个人兴趣的沉淀满足用户有明确目标时快速选择直播。通过数据我们发现:每天小程序新进用户占比30%左右,但是新进用户的留存远远低于活跃用户的留存。那是不是将新进用户转化为活跃用户平台的新进用户留存就会提升了呢?因此,如何从用户使用小程序链路出发,促进新进用户转化为活跃用户提升小程序留存便成了这次改版的主要使命。既然想要将新进转化为活跃,那么我们就要先了解用户进入小程序的渠道来源以及新进用户使用小程序和活跃用户使用小程序的链路是什么。1.1
2020年8月31日
其他
企鹅电竞宠粉节 I 绽FUN一夏
1.项目背景宠粉节是企鹅电竞一年一度的大型主播竞赛活动,旨在通过打榜玩法为粉丝打造更加精品的直播互动内容,为平台营收提供新的增长点。从历年举办的宠粉节来看,它的特点是活动周期短,主播与用户参与度高;那对设计的挑战主要就是如何吸引用户在短时间内参与到活动中去,同时又能对本次活动产生整体的印象感知,为今后的举办做好品牌延续。2.设计探索项目前期,我们收集了大量的情绪版,我们认为宠粉节应该传递给用户更加轻松愉悦的氛围,让用户沉静在欢乐的节日中。而且平台大多数用户属于年轻人,因此我们参考了国内外的综艺和跨界活动,将电竞游戏与年轻潮流混搭接轨,打造新颖的视觉感受。参考国内外头部大型综艺的设计思路发现,他们几乎都有相同的特点,即具有独特记忆特征的符号,潮流时尚的颜色搭配和朗朗上口的品牌口号。我们结合平台活动本身的设计特点,将本次活动分为两个方面进行设计,即品牌设计和视觉设计,同时在打造视觉时要注重品牌的传播,在设计品牌时又要注重在视觉设计中的可延续性和可拓展性。3.打造品牌3.1独特的记忆符号建立了设计思路后我们开始进行品牌符号的探索,在前期的探索过程中,我们将宠粉节这三个字进行了印象化的解读,尝试了许多不同的方向,例如:嘴唇与爱心的结合;爱心与节日的结合;爱心与礼物的结合;嘴唇与礼物的结合等等,并制作了一些初稿。经过方案对比和团队讨论后,我们提炼了三个关键词纬度:宠爱、互动、对抗感。因为宠粉节就是感谢粉丝们对企鹅电竞的爱,为粉丝们打造的节日,所以第一个纬度是宠爱;再从活动本身的维度出发,分析它的举办方式是在直播间主播与粉丝之间通过互动提高热度完成比赛等,从而确定互动为第二个纬度;还需要承载我们是一个电竞游戏内容直播平台的属性,所以游戏对抗感是第三个纬度。确定了这三个维度之后,我们提炼出对应的符号并组合在一起,形成了基本的品牌符号。确定了基本符号后,再进行圆角的优化以及字体的优化,最终确定了logo的最终样子3.2潮流的颜色搭配根据2020配色的潮流趋势,我们选择了高饱和度的渐变配色作为我们的色彩搭配参考,这样也更突出并且能够吸引到用户的注意力。我们从活动调性里提取了三个关键词:青春,活力,夏天,体现了用户属性和季节属性以及活动想要营造的整体氛围。绿色代表生机,是我们充沛精力的根源;象征春天,是我们美好生活的开始;照亮青春,让我们生机勃勃,因此青春的颜色我们选择了绿色。红色是一种冷酷地燃烧着的激情,存于自身的一种结实力量,积极向上、有活力、奔放健康,因此我们将红色选定为活力的代表。而蓝色是清爽的,是夏天季节里最愉快的存在,也是海的色彩,因此我们将蓝色选定为代表夏天的色彩。将这三种颜色进行有机组合并进行提炼截取,最终形成了今年宠粉节的品牌色。3.3朗朗上口的口号口号是打造活动的总基调,让用户能从字面意思直观感受到活动的情绪渲染而快速进入状态参与到活动中来是至关重要的,因此我们收集了不同纬度的口号并进行了筛选,我们将青春热血和夏天季节属性相结合,形成了口号:绽放一夏,然后通过情绪的放大,加入了“FUN=好玩”,组合成了最终的口号:绽FUN一夏。然后是将口号进行字体设计,融入到活动氛围中去,我们使用硬朗的毛笔字笔触,体现活力感,将角度做一些倾斜,体现速度感,再将整体做一些大小和起伏的变化,将整个口号的情绪渲染到最佳的状态。4.打造视觉4.1主KV设计有了品牌和口号作为基调,活动最重要的主KV职责便是将用户带入到活动的场景氛围中来,通过KV画面的渲染,用户将最直观最真切的感受到活动的魅力,这是让用户对活动产生浓厚兴趣的关键因素。在开始设计前,我们梳理了主KV需要承载的几个关键信息维度,即:季节属性、品牌属性、氛围营造属性和内容承载属性,这四个属性相互融合放大,调动用户的情绪带入到场景中。为了让这四个属性更好的融入到KV中,我们提炼了三个场景概念,分别是粉丝PARTY、游乐场和夏天的海。将粉丝PARTY结合小方鹅,可满足内容承载属性和品牌属性中的关键词:粉丝、比赛、互动、电竞、直播;游乐场即可用水上乐园来结合,可满足氛围营造和内容承载属性中的关键词:游戏、欢乐、活力、青春;夏天的海结合沙滩海岛,可满足季节属性和分为营造属性中的关键词:度假、夏季、暑假。将这三个场景进行组合便形成了我们最终想要的场景:专属于粉丝的水上乐园岛,并附加概念:脱离现实,尽情绽放。如何让专属显得更加超脱呢?答案就是使用日常较为少见的材质,我们选择镭射材质作为岛屿和画面元素的主要材质,让画面更潮,更加超脱,梦幻而超脱的专属岛屿一定会让用户更加向往。3D的表现是作为突出画面空间感的不错选择,有更加真实的代入感。在构图上,遵循氛围画面+品牌外露的方式,将视觉区域分为两个部分,中心视觉区域和外围视觉区域,根据设计心理学上对视觉角度的研究分析,中心视觉区域对单个物体更为敏感,而外围视觉区域对环境感知更加准确,所以中心视觉区域可让用户感知品牌,外围视觉区域让用户感受氛围。接下来进入到具体的KV设计中,我们使用了一个俯视的视角,为了让画面更加有张力,我们将镜头和画面进行了一些调整,比如原本是平面的水面,我们做成了球体,模拟地球的曲面,将画面进行了前后构图的拉伸,然后再在画面的不同位置增加一些物体,让物体吸附在球体的表面,因为球体的纵深让这些物体形成近景和远景,然后截取中间合适的位置形成KV的画面,这样大大增加了画面的纵深感。一步一步添加元素进一步调整图片后的最终稿:在做好了静态效果之后,我们通过动画的渲染,让氛围进一步升华PC、APP端活动界面完整设计:4.2玩法体系我们制作了粉丝节专属的礼物体系,在保持颜色与整体活动色调的统一性下,根据付费等级梯度,礼物的特效也不同,与平台常规礼物区分开来,让用户能够准确的参与到活动中来。我们还制作了活动专属的勋章,用户在活动结束后获得成就感,让活动可以得到很好的沉淀和传承。4.3视觉海报为了让用户提前感知活动的到来,我们使用品牌logo与活动元素结合,制作了倒计时海报。并在画面的远近关系上做了一些梯度,倒计时第三天画面是近景,logo化身泳池中的充气船、第二天画面中景,logo化身游泳池、第一天画面远景,logo化身岛屿,开赛当天画面继续拉大,logo变成了一个三层的梦幻世界。这样做的目的,是让用户更深刻的感受我们的品牌符号,同时又能准确的反复提醒用户活动的开始时间,让用户准时参与。5.调研总结通过制定独特的符号和颜色让用户感知我们的活动品牌,到为粉丝打造专属的海岛让用户产生独特的感受,再到线下品牌的配套宣传让用户精准的参与到活动中来,宠粉节本次的设计是否达到设计目的,打进用户的心里呢?为此我们从五个维度进行了用户数据的调研。
2020年7月27日
其他
从零到壹 | 企鹅电竞TV初试啼声
项目背景从2016年开始,各大平台雨后春笋般涌现进军客厅领域,相比于虎牙、斗鱼,企鹅电竞在2019年首次进入客厅领域,起步还是比较晚的。本次TV设计围绕着“聚”发力。从内容上我们将聚合精选的直播内容和赛事内容;从用户使用场景来讲TV能够满足一群志同道合的人聚集一起观看直播;从观看体验上更希望用户聚焦内容本身沉浸观看。一、聚焦-分析TV特性了解TV的交互方式是如何让用户聚焦于TV本身1.TV独特性的交互方式
2020年4月28日
其他
实践干货 | 你想知道的响应式设计技巧
的PC高分屏中,主流浏览器会按照2倍图展示内容。此外,Windows系统下有系统缩放,推荐的是1.25倍,导致3840px的屏幕宽度,浏览器认为只有1536px
2020年4月18日
其他
致敬荣耀 I 至竞盛典奖杯设计总结
情绪版:奖杯的调性是充满荣耀感的,至高无上,最珍贵的钻石棱角切面,最有力量感的棱角分明,借助下面的灵感板开始慢慢靠近想象中的奖杯造型:造型简约/比例高挑/姿态挺拔/
2020年4月11日
其他
荣耀开启 I 2019至竞盛典设计回顾
前言2019年底企鹅电竞迎接来了第二届的年度盛典。新的设计主题“至竞盛典”贯穿整个活动,意味着在直播的道路上,主播不停突破自我,致敬荣耀的过程。背景企鹅电竞这次的年度盛典,旨在打造一个线上线下一体化的大型粉丝活动;线上,利用主播PK和对战的形式,角逐出年度最佳主播;线下,利用颁奖典礼的形式,打造一个品牌活动现象。整个项目周期三个月左右,对于设计的挑战不仅仅是考虑项目的商业价值,更要考虑整个项目带给产品的品牌价值和品牌影响力;为平台后续的大型活动和未来的年度盛典,做好品牌的延续和呼应,呈现给主播以及粉丝一个连续性的,有号召力的,有口碑的品牌事件,而非单一的运营活动。前期分析设计前期我们对去年的年度盛典做了一个分析;从主播/粉丝反馈以及页面实现来看,去年的年度盛典最缺乏的就是精神内核,设计停留在视觉技法的表现,而忽略了盛典带给粉丝的一个世界观以及品牌印象;也缺乏一些增加用户参与感的故事包装;视觉呈现来看,少了一些可延续的元素来贯穿整个年度盛典。设计目标我们来梳理一下设计目标,从产品拉收入,促活跃等目标中转化成设计的目标。这次的年度盛典,不仅仅在玩法要有进阶感,促进粉丝不停帮主播打赏完成任务;还需要考虑低等级用户的参与感;最后,设计层面上,要注重的是品牌的打造和延续,塑造一个可持续的、有品牌价值的活动。世界观从世界观切入,重新定义企鹅电竞年度盛典名字,概念以及视觉呈现。世界观背景:未来新纪元,文明毁灭,宇宙演变成以星球为单位存在多方星球势力已形成,为争夺第一荣耀开启战争。角色设定:每个星球为一方势力(寓意主播),多个星球联盟为团队势力(寓意工会)。主线剧情:星球和联盟之间开启战争,争取最后荣耀;最终赢得战争的势力可以占领荣誉殿堂。情绪版分别从科幻/对抗/游戏场景这三个方面找情绪版,打造概念化的科幻背景,异太空的战争氛围。视觉分别从品牌LOGO,3D化场景,颜色设定,字体,元素,动画,礼物,玩法等关键点去切入,用设计的具体手法来营造科幻的世界观,打造全新的品牌文化和调性。LOGO/字体设计从企鹅电竞LOGO演变,延续“盾”图形以及“翅膀”图形,融入科幻的元素和颜色,使年度盛典的LOGO有企鹅电竞的品牌DNA,又体现这次科幻主题的调性。场景设计从赛程的玩法交互和设计中,定义各个场景的概念和创意;场景由外到内设计,视角从远到近设计,从玩法设计上让粉丝和主播感受到赛程的进阶和乐趣,每个关键赛程点设计更多任务和玩法刺激粉丝和主播参与;从视觉呈现上,保证了各个场景的表达一致性,打造一个一体化的科幻主题,实现品牌价值。平行世界:分区争霸赛/赛道争夺战银河对决:年度公会赛/新锐工会赛荣耀之门:总决赛荣誉殿堂:公布排名确定场景构图后,定义颜色规范,以科幻蓝为主色调,金色辅助色调。品牌符号确定好LOGO/场景,从概念-设计手法-提取元素,作为一个最小单位贯穿到界面中去。品牌符号的提取并应用,保证整个活动的调性统一,并且在各个界面中也得到体现。从科幻/对抗/游戏等设计概念中,提取渐变/切割/直角等设计手法,从而细化到每一个设计元素。总结从年度盛典项目中,得到了一些经验分享给大家。第一,从世界观切入品牌塑造的方法,帮助设计在项目的过程中,少走一些弯路,快速定位设计概念和创意。第二,“以终为始”的顶层设计思维,从全局观设计项目,并且在设计的过程中,强调目标和可持续性。第三,设计执行时,梳理设计发力点,从LOGO/颜色/场景/元素/动画等入口,一体化的呈现设计方案。最后,年度盛典项目少不了团队的配合,感谢所有为年度盛典全心投入的小伙伴,来年,我们再战。
2020年4月7日