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

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

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


基于 "最近在玩" 模块的特性,设计了三种不同色调以满足不同的状态下展示。

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

深化感知

基于太空的概念结合图形物化映射的内容,继续深化游戏中心的视觉感知,主要体现在首页及个人主页的顶部背景上。

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

基于氛围的打造,强化首页及个人主页的氛围营造。

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

代入感与沉浸感

根据用研报告,用户除了关注游戏礼包之外,另一个更关注的点是游戏的 "代入感"。因此在游戏代入感方面的视觉表现也是这次改版优化的一个关键点。而游戏中最能让玩家产生视觉 "代入感" 及共鸣的内容无疑就是 "游戏角色IP(英雄)、游戏场景、游戏玩法、游戏色调/质感、UI美术风格"等等 ,结合这些内容可以打造出更加贴近用户玩游戏时候的视觉沉浸感。

在手机QQ游戏中心改版的过程中,"最近在玩和游戏专区" 作为用户玩过游戏的主要触达点,因此在这两个模块的视觉呈现能够最直观让用户产生游戏的代入感和沉浸感。从实际设计的角度思考2个方面:1."最近在玩" 最终会在首页呈现,因此我们的设计必须符合整体UI的大框架;2.最近在玩与专区的关联性。

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

结合以上信息,最终筛选出以"游戏角色IP(英雄)+游戏场景(背景)" 的方式来营造 "最近在玩"模块的氛围。专区作为"最近在玩"的入口承载,除了单纯的代入感、沉浸感之外,更多的是需要考虑前后的关联度,通过关联才能形成更加深入的代入感。 

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

除了普通的专区,我们还针对王者等头部游戏设计了高级定制的游戏专区。无论从角色IP、游戏色调/质感、UI美术风格等视觉表现上或是游戏内容、战绩数据等方面都更加深度地打造强代入感和沉浸感的氛围。

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

阶段小结

中后期的设计执行是一个具体的输出内容的流程。为了避免设计过程中出现偏差,因此尝试引用设计方法来把控整体设计的系统性,结合"菱形图"的应用,帮助从内向外一步步剖析更加具体清晰地执行内容。

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

IIII 后续展望

一个阶段性的改版,往往不能覆盖到所有的方面,因此在改版完成了基本的内容之后,我们进行了设计复盘,找出一些设计可发力但未得到落地的点。

1.动效设计有待优化,目前的动效设计不多,而且在整体的系统性上也较为缺乏,后续仍然需要在这一方面进行更加深入地探索并推动优化。

2.转场设计有待优化,包括弹框、上滑浮层、底部复层、顶部浮层等等,由设计先出demo,再结合产品侧的计划及优先级进行推动优化。

3.品牌系统性有待优化,初期主要以内容和UI设计输出为主,但游戏中心整体的品牌内容仍需要进行系统性地梳理,包括品牌图形、字体应用、品牌色彩、延展使用等。

最后总结

1.在设计前期,设计侧做了大量的用户分析和竞品分析,主要是为了满足两个重要关键点:了解用户和打造差异点,希望从全新的角度去呈现不一样的设计审美。

2.设计中期,在于世界观的打造,通过情绪版的构建,最大程度地提升产品侧对于设计概念的感知,帮助快速确定设计方向。

3.初稿的设计输出,尽量地保证输出的完整度,在图形/图标/颜色/界面几个维度尽可能地让产品侧同学感知到设计对于整体设计的把控,从而提升产品侧同学对于设计思考的接受程度。

4.从初期-中期-后期,整体的设计输出流程上是较为顺畅的,除了依赖产品侧及项目侧同学的项目计划把控之外,设计侧也保证了高效高质的设计输出。

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/

123456
21

好评
16

差评

刚表态过的朋友 (37 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

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

最新评论

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

委托设计