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

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

关键词:

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

相关推荐

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

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

    2016-02-26
  • Apple Watch应用设计案例-QQ空间

    一、初期方案 设计初期,我们希望能够挖掘一些用户在手机端常用的点进行延伸,如:访客、礼物、动态。包括配色和图形设计也延伸了手机端的设计风格。 二、竞品分析 我们对Instagram和Twitter进行了研究,整体上是手…

    2015-07-15
  • 创新历史上的今天:黑白电视首次面世 1926.01.26

    今天看到谷歌Doodle的名称是: 黑白电视首次面世 1926 ,我们来说一说这个产品从0到1的创造历史,从交互设计角度看你有什么启示呢? Doodle的名称: 第一台电视亮相 90 周年 表明此doodle时间是: 26.01.2016 这个产品…

    2016-01-26
  • 平衡用户体验设计和精益设计

    来源:人人都是产品经理 作者:AB Tester Blog 对你而言哪个更重要:是制作出拥有杀手级用户体验的产品来吸引用户?还是尽快制作出能满足用户的产品并抢占大量的市场份额? 如果一款产品用户体验很差的话,用户不会使…

    2014-09-27
  • 创建用户友好型表单 Creating User Friendly Forms

    好久不见,由于懒惰好久没有翻译文章了,这次翻译一篇关于表单的很基础的文章。有些例子较牵强,大家可以有选择性的看 原文地址:https://blog.prototypr.io/creating-user-friendly-forms-46e3f7f4eef2 作者:Momo…

    2018-04-18
  • 交互动画设计案例—1688首页动效

    随着CSS3和HTML5的发展,越来越多狂拽炫酷叼炸天的动效在网页设计上遍地开花,根据最新的浏览器市场份额报告,IE6的份额已经降到了5.21%,这简直是一个喜大普奔的消息,做动效可以完全不care低端浏览器的时代已经在…

    2015-04-24
  • Material Design UI质感设计动画交互设计欣赏

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

    IxD案例 2015-11-16
  • IxD案例作品分享:我来也”APP概念设计及动效设计

    本作品作者是来自站酷的设计师羊羊羊8571,本文经过作者本人许可。 转载请与作者联系!取得授权。 “我来也”是一款基于手机LBS属性的移动点名签到应用,利用手机应用解决了老师课堂点名,活动签到,会议签到!在工作…

    2015-07-29
  • 美国直播这样玩:以Facebook和Snapchat为例

    中国的视频直播市场正在进入百播大战,优质视频内容正在成为稀缺资源。而美国直播市场经历了2015年全面爆发后,在内容生产上正进入PGC和UGC直播齐头并进的时代:传统媒体积极拥抱直播平台,社交网络更是借此拓展出…

    2016-06-01
  • 购物商城微信公众号交互设计

    设计背景 由于微信公众号轻应用的设计需要在微信的结构框架中进行,信息架构和导航布局需要基于微信的开发接口和架构来做,项目开始时微信针对公众号的导航框架刚好有做出调整,在进入公众号里面的页面后可以逐级返…

    2015-11-06