相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

从零到壹 | 打造全新的游戏次元空间

心蓝发布于:2019-9-24 08:32 |原作者: 腾讯ISUX|
心蓝
上海市 徐汇区 设计爱好者
发私信 + 关注
简介: 对于设计改版大家并不陌生,每个项目的改版中都会有不同的方法或者流程,本文重点在于分析我们在"手机QQ游戏中心"改版中使用到的流程或者设计方法,并且通过本文总结出一些经验、方法或内容,希望可以在后续其他的项目设计中得以应用。 ... ... ...


游戏中心首页整体主要分为三块内容:"最近在玩、新游推荐、游戏榜单" 。"最近在玩"则会承载更多的其他内容,例如 "视频、直播、攻略、活动、礼包、社区、组队" 等等。

模块化设计

模块化的设计具有较强的 "模块相对独立性、内容互换性、样式通用性",而游戏中心作为一个平台需要承载众多且具有差异化的游戏和游戏内容,因此在内容多变的情况下更需要一个简洁的设计模式来承载完整的内容设计,而模块化的设计则更契合这种多内容的设计。

从以下两个方向进行优化:

​1.优化视觉动线,增强视觉引导和进行视觉降噪。重新设计出两种方案,从内容的展现、设计变化及整体的模块在首屏中的占比,最终确认方案B,作为继续优化的方向。

从零到壹 | 打造全新的游戏次元空间 飞特网 设计理论

2.优化模块展现,小模块的设计存在几个问题:1.一行展现时内容透出不够,两行又显得拥挤;2.图形装饰干扰内容展示,且设计质感较差;3.在一致性上更加深入打磨,删减不必要的内容,统一展示区域。

从零到壹 | 打造全新的游戏次元空间 飞特网 设计理论

氛围营造

恰当氛围的营造可以帮助提升视觉代入感、沉浸感,既需要满足平台的品牌展现,也需要合适的透出游戏向的内容。

从整体上明确划分为 "平台向氛围" 和 "游戏向氛围" 。平台向氛围主要是满足制定的世界观——次元空间的表达,通过图形及色彩的设计产生关联性;游戏向氛围主要是对于IP形象的展现及游戏色调、背景、颜色等内容的透出。氛围营造关键位置:版本刷新启动画面、最近在玩默认状态、首页及个人主页默认背景、游戏专区默认状态、榜单模块等。

动画仪式感

版本刷新动画强调版本前后的一种刷新仪式感。从进入游戏中心给用户展现探索的感受;接着提升用户的参与感,让用户自己开启新版游戏中心;最后通过动画的衔接让用户直观的感受到版本的变化。

从零到壹 | 打造全新的游戏次元空间 飞特网 设计理论

最近在玩切换动画

"最近在玩"作为游戏中心较为重要的模块,因此希望除了与竞品具有视觉上的差异之外,还希望可以通过切换动效的设计更进一步打造差异化。我们尝试了几种不同的动画方案。从这些方案中,虽然都满足了模块及功能的表现,但却仍然存在着不同的问题。

从零到壹 | 打造全新的游戏次元空间 飞特网 设计理论

以上的方案始终不够有特色和具有记忆点,因此继续从"游戏及趣味性以及契合度"上进行思考,不难发现掌机玩家在玩游戏时都会有更换游戏卡的场景(例如Switch),因此我们开始设想是否最近在玩的切换游戏也可以被设计成更换游戏卡的形式?

从零到壹 | 打造全新的游戏次元空间 飞特网 设计理论

最终设计出新的游戏切换动画,既满足功能同时具有游戏的趣味性。

从零到壹 | 打造全新的游戏次元空间 飞特网 设计理论

结合与拓展

主元素使用游戏手柄的元素,结合科技化的图形表表达。融入探索及未来的概念拓展出火箭和太空人的元素,完善整体的内容表达。通过三个角度的表现,让用户对于游戏中心的风格产生关联度和代入感。

从零到壹 | 打造全新的游戏次元空间 飞特网 设计理论


20

好评
15

差评

刚表态过的朋友 (35 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

心蓝
上海市 徐汇区 设计爱好者
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计