手游《纪念碑谷》交互设计特点分析

手游《纪念碑谷》交互设计特点分析

关键词:

1. 节奏的控制

2. UI的APP化

1、节奏的控制

1) 纪念碑谷为什么慢节奏?

首先解释下本游戏的玩法:玩家探索建筑(迷宫)的路径,走到终点即可通关。玩家需要寻找并使用机关、旋转建筑、移动人物、运用NPC。这个元素相互配合,才能找到路径。

2) 玩家心流模型:

在一个关卡中,玩家每次遇到一个不通的路,就会带来压力,探索通过这段路,压力释放。

然后再遇到新的问题,再解决。每关有若干这样的循环,直至通关。越到后面的关卡,关卡的建筑越复杂,玩家的压力越大。

大致画一下该游戏的心流示意图:

手游《纪念碑谷》交互设计特点分析

慢节奏适合探索型的游戏。

玩家的压力来自于通过探索各种可能性,找到路径。缓慢的节奏,不增加玩家的心里负担,缓解压力、减少疲劳。将时间交给玩家,让玩家在解决问题后,可以欣赏画面、了解剧情,沉浸在游戏中。游戏柔和的色彩、简洁的画风、静谧的音乐,也都是为了让玩家放松、静下心来慢慢的玩。

3) 纪念碑谷控制节奏

每关中:

建筑的移动、镜头的切换、NPC的对话,都已缓慢的动画呈现,帮助玩家放松下来,减缓压力,没通过一个困难点,都让玩家静静的欣赏,沉浸其中。

手游《纪念碑谷》交互设计特点分析

缓慢的转场动画

手游《纪念碑谷》交互设计特点分析

对话内容没有采用气泡样式,而是在整个空灵的界面中间慢慢呈现,寓言漫画式的表达故事情节。

通关后:

先显示游戏名字,然后缓慢移动到选关界面,显示本关完成并开启下一关。

这个动画过程给了玩家一个休息的时间,越到后面关卡越难,花费时间越长。这里给玩家更多的停留和休息,缓解玩家的疲劳。

手游《纪念碑谷》交互设计特点分析

总结:故事情节的呈现、转场交互动画要注重对游戏节奏的控制。

不同类型的游戏,需要不同的节奏,跑酷类游戏带给玩家动感和速度感。探索类游戏要让玩家静下心来慢慢探索。动画带来尽可能的平滑过渡效果,避免生硬的跳转,玩家的沉浸体验会随之延续而非中断。

2、UI的App化

手机游戏的UI越来越像App的UI,简单清晰、不干扰内容。也是为了保证玩家的游戏沉浸感。

1) 极简UI:

简单的线条式操作图标、简单的文字、透明背景、纯黑的loading界面。减少对游戏画面的干扰。

2) 透明化浮层:

没有独立于游戏画面的操作界面。玩家无时不刻都保持的与游戏画面的接触。保证沉浸感。

手游《纪念碑谷》交互设计特点分析

手游《纪念碑谷》交互设计特点分析

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/8955/

(0)
iouedioued
上一篇 2015-08-27
下一篇 2015-08-27

相关推荐

  • 交互式网站UI设计指南

      Web开发社区有着大量的交互式设计轻松解决方案。虽然现在大多数网站都能够做到交互性了,但是我们需要不断向前、创新。我们很容易将注意力集中到编码方面,但是有时候不同屏幕尺寸的实际设计考虑却往往被忽视。 …

    2014-12-23
  • Material Design UI质感设计动画交互设计欣赏

    质感设计(Material Design),是谷歌推出的设计语言,可以在用户界面产生动画,并且动画都是仿照真实的物理世界所产生,而且这套设计语言是跨平台和设备的。简而言之,质感设计是一种简单的方法创建很快的应用程序…

    IxD案例 2015-11-16
  • 超越触控的手势交互

    手势通常被认为是与屏幕和物体交互的自然方式,我们会谈论在移动设备屏幕上双指缩放地图,还有在电视前挥手切换到下一部电影。但这些手势真的那么自然吗?

    2016-07-18
  • 设计并不仅仅关乎视觉和感受,它要呈现的是事物运作的规律。

    动效能讲述故事。和图片不同,动效能够呈现变化的过程,讲述一段简短而有趣的故事,能够同你进行对话:“嘿,你该看这个按钮了”或者“哦耶!你刚刚完成了一个操作!”不过,动效的目标并不是单纯的娱乐用户,而是帮助用户了解交互的效果和界面中发生的变化,让用户更为有效地使用你的APP。

    2016-10-24
  • 『小米只卖产品 不卖节操』雷布斯站在巨人的肩膀上做了什么?

    文章来自设计癖 2014 年 12 月 9 日,小米又一次涉嫌抄袭。这一次的对象,是日本巴慕达公司的 AirEngine 安之风空气净化器。同样的专利许可授权纠纷,同样深表遗憾的回应。巴慕达与曾经的魅族、年初的 Pressy 以及…

    2014-12-27
  • 闪光的消亡对于用户体验来说意味着什么?

    而 Flash 是一个控制狂,那些拥抱 HTML5 的人往往是渐进增强的冠军。最后,我们的用户获胜。SuAnne 探索途径挑战现状,为现代的 web 设计。 Adobe 公司的决定停止移动 Flash 平台的开发及在 HTML5 相关的努力增加其…

    2014-09-04
  • Axure RP 8.0 抽奖大转盘实例教程附.RP下载与视频演示

    原标题:【AxureRP8实现真正抽奖大转盘】 效果图: Demo地址:http://www.iaxure.com/share/luck/ (有广告) 视频: 实现过程: 1、生成一个0-360之间的随机数,保存至变量; 2、旋转转盘到达指定角度,案例中为3-…

    2015-08-24
  • [自译]Medium的Title,Subtitles&Headings的改进介绍

    我们的目标是创造一个能够提供最佳写作体验的空间,让故事的讲述者能够触及到他们的听众。现在,我们很高兴地展示我们在标题方面的提升,这个改变微小而又重要,我们认为你每次在发布文章后,都会会欣赏它。

    2016-08-10
  • 【涨姿势】Twitter安卓端体验的全面革新

    手机设计 第一步 我开始设计App所做的第一件事情就是记录一个功能列表作为主要导航,这些功能是由客户所描述的,使用这些功能,我做出了App的基本用户使用流程。然而,在这个项目中上述行为都是不必要的,因为twitt…

    IxD案例 2015-08-27
  • 【IXD案例】国际第一时尚品牌VOGUE-iPhone端案例高保真原型-抽屉效果案例

    本次分享给大家展现依然是高保真效果的原型,上一次展现的是iPad版本的,这次是iPhone端版本的原型,和上次一样,我们依然以国际第一时尚品牌VOGUE为例:iPhone端的效果比iPad更复杂,难度更高,我们要做的是抽屉效…

    2016-02-26