腾讯WeGame-疯玩一夏-2020...

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名-非商业性使用
18352 17 232 2020-09-22

腾讯WeGame-疯玩一夏-2020WeGame夏日购设计

背景介绍:

夏日购作为WEGAME暑期档的主打促销节日,今年已经走到了第三个年头啦,设计团队回顾了整个项目的一些设计历程,接下来请大家跟随我们的脚步一起来开开脑洞,感受这个热力四射的元气之夏吧~


前期思考:

2020注定是不平凡的一年,作为疫情过后,WEGAME平台的首次购物狂欢,我们希望给游戏玩家传递更多积极和正面的能量。设计小分队在经历了一次次的头脑风暴过后,总结出了今年夏日购主视觉的核心关键词——“元气”、“趣味”、“多元”。


概念脑暴:

通过前期对夏日购活动的分析,我们根据活动性质“促销”、“游戏”、“夏日”大致提出了以下三个方向的概念。


IDEA 1 : 游戏主播带货 | 关键词:促销

电商直播卖货的销售模式在近年大火,我们联想到以游戏主播在线带货的玩法,打造一个虚拟直播间的视觉效果,而主播形象的设定倾向于虚拟偶像路线,搭配蛋蛋君一起出现,酷飒软萌,可甜可盐,打造一只wegame带货主播天团。

 

IDEA2 : 游戏一“夏” | 关键词:游戏

这个方案主要以玩家的第一视角出发,感受正准备进入游戏的激动心情。面前的画面会随机变化,出现各种奇妙的夏日场景 让玩家进入活动会场就像进入游戏世界不断探索不同的风景。


IDEA3:奇幻夏日GO | 关键词:夏日

这个方案以“夏日”为主,打造多样化的奇幻夏日场景,以清凉清新的画面氛围为玩家带来更多元气能量,呼吁玩家们一起来感受热力四射的夏天,一起走出去玩玩游戏,浪一浪。


经过多次讨论,在考虑了主题时间技术等诸多因素过后,选择了以“idea2+idea3”的概念结合的方式作为主视觉的设计方向。契合主题“夏日购,夏日GO!”,带领玩家们向元气满满的夏天出发!


设计执行:

A.LOGO设计

在LOGO设计上我们希望呈现更为轻松活泼、元气满满的视觉效果,以下是设计师们输出的若干个logo方案。


在综合考虑之下,最终选择在方案6的基础上进行优化,以蛋蛋君和主标题结合的方式作为今年的主视觉logo。

B.核心元素提取

强化品牌概念,进一步加深玩家对平台的认知度,一直是夏日购设计中的重点。今年我们提炼了3个核心品牌元素:IP形象蛋蛋君、代表WEGAME品牌的符号'W“型,和代表游戏的符号”手柄“元素,作为统一的视觉语言运用到画面中,以贯穿每个时期的主视觉。


C.统一的KV模版

如为了让这三个核心元素更好的融入KV当中,我们采取“统一排版,变化主题”的形式,将元素结合LOGO,置于画面中心区域,不同时期这些元素会呈现不同的形态,但整体位置的大小不会发生变化,通过这种“刷脸”形式的来强化品牌符号。


D.场景化设计

提起夏天,更多的是想起那些代表夏天存在的物品:冰棒空调 ,风扇西瓜...我们通过提炼这些代表元素,分类并加以组合,确定以“饮料水果”、“阳光海滩”、“雪糕派对”“海底世界”四个主题,配合不同时期的活动节点,作为演绎夏天的关键元素。


E.风格选择

为了表现夏日购的多元概念,除了不同场景的切换,在风格上我们也希望随之产生跨跃性的变化,早在今年年初,我们就分析了2020年流行的各大视觉风格,在对比考虑其表现力与可玩性等因素后,选取了“平面风”“快面风”“涂鸦风”“像素风”四大插画风格融入画面中。

设计落地:

(1)KV设计

预热期KV:


设计思路:

在活动开始前,先来一杯清凉痛快的夏日特调冰饮,来解锁这个夏天的美好吧!作为预热KV,最首要的是给玩家强烈的夏日带入感,画面构想以“水果饮料”作为主角,通过火龙果西瓜各种夏季水果的律动,冰淇淋果汁在热烈狂欢,苏打水的气泡散落在空中,而蛋蛋君则作为特别嘉宾以各种奇妙的方式出现。此外,整体色调是在冰冰凉凉的蓝色调之中加入了更多缤纷色彩环绕,以提升热力四射的夏日感受。


正式发售期KV:

设计思路:

主题是“阳光海滩”。所以设计的时候找了很多代表沙滩元素的参考(小黄鸭、独角兽游泳圈、鲸鱼船、水上游乐设施、鱼形飞船、海鸥等) ,为了突出平台特征和形象,每个物件设计都尽可能的和蛋蛋君相结合,这样可以增加机械感也和平台更加贴切。颜色选择相对明亮配色,比较夏天。在整体构图上,用了比较活跃的气氛,物件都是在水上运动进行中,给玩家一种玩在其中的感觉。


最后三天热场期KV:


设计思路:

雪糕派对,主要以雪糕、冰淇淋和冰饮等元素组合设计的绘画构图,主色系为粉红色,整体想要营造出一种热闹的夏日雪糕派对场景,在一些辅助元素上面结合了一些蒸汽波风格的感觉,如一些像素风的显示屏元素、漫画风格的爆炸元素以及不规则的闪电元素等等,在一些元素上面也做了一些相应的转换,例如游戏手柄的飞船,冰淇淋搭建的高铁大桥,冰淇淋球形的手柄按键。在配色上面也会靠近像《蜘蛛侠平行宇宙》的赛博朋克风格,在营造夏日氛围的同时也增加了炫酷感和游戏感。


返场期KV:


 

设计思路:

热辣辣的夏天只想泡到水里凉快凉快,蛋蛋君开着潜水艇带着玩家潜入了水底,进入海底的游戏世界,遇到了章鱼博士开着潜水艇,还有巨大的章鱼触手在打游戏机,所以并不能清楚自己是在游戏屏幕内还是在屏幕外,以上其实想传达仲夏之梦的游戏幻想,奇幻且有趣的清凉感受。


(2)WEB设计展示

主会场的视觉设计,以主KV为基础进行风格拓展,提炼出“虚拟电子”“点状像素”等共性元素,配合动画呈现,整体风格更倾向于“轻潮电子风”,以下是四个时期的主会场web页面效果。

预热期动态录屏效果:


(3)H5页面展示

移动端主会场的视觉主要是平移适配,在模块设计上相较于PC主会场会更为简单和轻量,同时也加入了一些额外的小抽奖环节来吸引玩家来参与活动。


(4)首发预热海报设计

海报设计主要使用了品牌IP蛋蛋君的形象结合每个主会场的配色来完成绘制设计,在一些画面元素上也是选取了每个时期对应的主题元素,作为首发预热的系列海报,除了达到宣传活动的效果还可以给玩家提前来一波小剧透。


(5)客户端|商店大背景展示

活动期间,客户端商店页会上线配套风格的氛围皮肤,以吸引更多的平台玩家来点击参与活动。


(6)各种广告集合


总结:

WEGAME夏日购活动在7月底已经上线并圆满结束了,在活动反馈中显示,玩家对于夏日购的视觉氛围喜爱度高达89%,这对我们来说是一个相当正面的反馈,在日后我们也会在持续探索更多有趣好玩的视觉形式,请大家多多期待吧~

 

参与人员:


 

 

Powered by Froala Editor

全部评论:17

  • Sichen

    2021-08-02 17:55

    @嗷呜嗷呜叫: 可不是吗。。。

  • 腾讯PPDesign

    2020-10-13 11:15

    注:图三图四图五参考图部分均来源于网络

  • Fantacy_Bonnie

    2020-10-09 16:50

  • 2020-10-03 17:58

    在于右压紧右顺 进协查栽sda

  • 嗷呜嗷呜叫

    2020-09-28 17:52

    @橘皮糖: 这个不是很明显是情绪版??

  • 野生鹿

    2020-09-28 15:30

    @橘皮糖: 这也叫抄袭?

  • 橘皮糖

    2020-09-28 10:37

    @橘皮糖: 某删评论作者:https://www.ui.cn/detail/563401.html

  • 橘皮糖

    2020-09-28 10:36

    @橘皮糖: 原作者作品地址:https://kit8.net/illustrations/professional-computer-gamer-person/

  • 橘皮糖

    2020-09-28 10:32

    ~,~大佬帮助打假,第一页用的“游戏主播带货”配图中,左下角图特眼熟..发现jeeplee参加的表盘设计主图与这张图极高相似度...手欠去查了下原图。应该不是一个人。随后在jeeplee评论下问是不是同一个作者,又被删评论。应该是抄袭了

  • lucki

    2020-09-27 18:45

    @腾讯PPDesign: 666

  • Houng弘后

    2020-09-27 15:31

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票