您当前所在位置: > 爆料站 > 君子堂

游戏机制中的界面设计

时间:2020-11-23 09:42:11  来源:  作者:网络转载
1,界面是什么?

从简单的层面来说,界面是存在于玩家和游戏之间的所有事物。通过玩家的物理输入和游戏的物理输出实现玩家与游戏的交互,这便是界面的功能;有些时候,物理输入和输出是和游戏世界中的元素直接连接的,而有时候还存在一些中间媒介(例如分数和人物身上的伤害值),它存在于物理输入输出和游戏世界中间,常被称为虚拟界面。同时在两者之间还有另外两部分:输入元素(虚拟选择菜单)和输出元素(分数显示)。

2,游戏界面设计中的关键:映射。

形成映射的四个主体对象:物理输入,物理输出,虚拟界面,世界。


映射的逻辑种类:

  • 物理输入→世界:摇杆导致人物跑动(速度,停止);
  • 世界→物理输出:显示屏画面展示,震动反馈;
  • 物理输入→虚拟界面:按键打开菜单,控制菜单;
  • 虚拟界面→世界:使用弹出菜单实施行为;
  • 世界→虚拟界面:世界里的变化在虚拟界面上显示;
  • 虚拟界面→物理输出:显示数据给玩家,颜色字体,声音,震动反馈;

总结思考1:

第一部分:物理界面:

玩家与世界接触的过程尽量令人愉悦;游戏世界内的动作映射尽量直接;

对于物理界面,设计师需要思考:

玩家看到听到触碰到游戏世界的方法;是否可以通过物理设备使输出更加真实。

第二部分:虚拟界面:

重要性:设计虚拟界面十分微妙。设计的好会放大玩家在游戏世界中的力量与控制;做得不好,会成为玩家与游戏世界中的一道墙;

对于虚拟界面,设计师需要思考:

玩家需要哪些光靠观察获取不到的信息?

何时需要这些信息?一直需要还是某段时间还是每个挑战的结尾?

这种信息如何传递给玩家?(详见后述:信息通道)

这个元素是更适合直接互动还是虚拟界面弹出?

对于我的物理界面(设备:pc,触屏等)来说,什么样的虚拟界面会更加适合?

第三部分:界面的透明性

理想的界面对玩家来说是隐形的,不可见的,可以使玩家的想象完全浸入游戏世界;

思考:

界面是否可以满足玩家的欲望;

练习过后是否可以简单到不用思考直接使用;是否直观;

在特殊情况之下,边界情况之下都可以工作良好;

在紧张的情况之下也可以良好操作;

是否保持了玩家的沉浸感(不过如果上述条件均满足的话,一般是可以保持玩家沉浸感的);

3,界面要使玩家有一切尽在掌握的控制感;有意义的控制对沉浸式互动非常关键;

思考:

界面是否可以尽责,找出不能尽责的原因。界面是否做到直观,容易控制;界面是否让玩家感觉到自己控制游戏的交互,而不是被界面阻碍自己的控制;尝试用上述思考加强玩家对游戏的控制感;

4,好的反馈

(例如篮球筐的网,如果篮球框没有网的话,进球的反馈会削弱很多,失去进球后球缓慢下落的视觉反馈与沙沙的音效反馈,破坏球员的体验):

(虽然过程比较费时费力,但是是值得的。)

时刻在自己的游戏中问自己,这个时刻玩家应该知道什么,玩家想要知道什么,你想要玩家得到什么体验,如何创造这种体验的反馈;玩家想要感受到什么;可否创造形成这种感受的情境;玩家的目标是什么,什么反馈会帮助玩家达到目标等。

5,有趣:

一套系统展示大量一个玩家可以轻易控制的二级运动并且给予玩家很多力量与奖励,我们称之为多汁系统,反馈的内容十分丰富,随时随地拥有小惊喜,让玩家进行交互的时候不会枯燥乏味;

思考:

我的界面对玩家的动作给予持续的反馈了吗?为何没有呢?二级运动是由玩家的动作创造的吗?是否有趣?奖励的方式够不够?可以找到更多的方式吗?(音效,动效等)

6,原始直观性:

考虑一下动物是否也可以操作这个界面,即利用原始的力量;思考哪些部分是如此原始动物都可以玩?为什么?哪些部分可以做到更原始?

7,设计好游戏中的信息通道:

步骤1:列出要显示的信息并进行优先度排序;不是所有信息都同等重要,

设计师要对信息进行分类,分级:

每一刻都必须了解的信息:周围的视觉环境等;

游戏过程中必须时不时瞟一眼:体力值,生命值等数值;

有时需要知道:其他道具,背包等;

步骤2:设计通道位置;

常见的信息通道位置分类:

屏幕视觉通道:正上方,右下角,头像;

游戏世界视觉通道:对话气球;

听觉通道:音效,音乐;

触觉通道:震动反馈。

注意:通过游戏模式改变可以改变通道模式;

步骤3:将信息映射到通道大部分靠本能,经验,一步步试错完成的。

可划分主显示区域/其他控制面板/辅助显示区域等。设计师可以根据自己的想法自行设计。

步骤4:检验维度的使用;

游戏中的一条信息可以拥有许多维度:例如从伤害信息映射到的数字显示,数字拥有数值,颜色,大小,字体多条维度

关于四个步骤的思考总结:思考什么数据要给玩家;哪个数据是重要的;这些数据可以用哪些通道;通道对哪些数据比较合适;维度如何分配。

8,模式:

模式是给一个游戏添加多样性的好方法,但是也要小心让界面模式陷入麻烦,因为模式的切换可能会让玩家感到疑惑。

建议1:使用尽可能少的模式,因为每个模式都需要玩家来学习并且理解;

建议2:避免模式叠加;我们有从游戏到玩家的信息通道,也存在类似的玩家到游戏的信息通道。防止同时出现多种模式互相重叠的状况。如果必须要重叠的话,要使模式处于完全不同的维度,保证玩家的一个物理输入对应一个信息输入,产生一条信息通道。例如,两个摇杆可以同时控制飞行还有行走两个维度。

建议3:制作尽可能不同的差异模式;

如何使模式之间拥有明显的差异:

方法一,改变屏幕上可以看见的最大的东西;

方法二,改变人物采取的行动;

方法三:改变屏幕上的数据;

方法四:改变镜头的视角

关于模式的总结思考:我的游戏中需要什么模式?为什么?模式是否可以合并或者折叠?重叠的模式是否可以放入不同的输入键位?如何让玩家知道游戏改变了模式?改变模式的警告如何传递给玩家?可以多信息通道传递嘛?

前面已经提到了数据流,反馈,通道 维度和模式。其他的常用建议还有:

建议一:“自顶向下法”修改已经成功的界面设计。虽然很多人心里不喜欢这种“借鉴”,但这往往是比较省力,是已经探索好、打磨好的,比较成熟的界面,设计师可以根据自己的需求进行修改。(小提醒:界面可以借鉴,但是游戏机制上的换皮是万万不可的哦)

建议二:“自底向上法”定制界面:列出信息,通道和维度从头来设计界面。

建议三:围绕物理界面进行设计:愤怒的小鸟触摸屏,VR游戏等。

建议四:主题化界面,使界面具有统一性。

建议五:加入声音(音效,音乐)创造氛围。

建议六:界面选项分层级平衡界面的复杂度。

建议七:使用隐喻让玩家理解一部分界面。将界面做成玩家之前见过的某些事物的样子,加快玩家的理解。

建议八:保持功能一致的按键具有相似性。功能不同的按键具有差异性。例如相似的可能会有关闭或者删除等多种其他的功能。不同功能的按键一定要设计的具有差异性。

建议九:多做测试。

建议十:输入模式一定要让玩家舒适,不能反人类。(参考《游戏设计艺术(第二版)》)

相关阅读:

游戏文档与游戏设计
游戏机制设计方法论
游戏原型设计方法论


来源:狐狸艾霖的游戏设计屋
原文:https://mp.weixin.qq.com/s/bLBRLjCW5WRAuHzpIZ3DxQ
资源转载网络,如有侵权联系删除。
相关下载

玩家评论

《lol手游》界面翻译图片介绍 界面翻译怎么样

导 读 lol手游界面翻译的问题很多小伙伴们都是非常的值得去看的问题,毕竟界面翻译也是很关键的问题。合理的界面翻译不仅仅可以帮助到玩家们正常去进行游戏,而且在战斗中很多详情>>

阅读: 3
日期: 2020-11-19
PC版Xbox云游戏首曝:界面类似移动端应用

微软在公布 Xbox 云游戏时就计划为将其带到 PC 平台。现在移动端已经部署到安卓平台,iOS 和 PC 仍在持续推进。 外媒 Windows Central 公开了一段目前 Xbox 云游详情>>

阅读: 4
日期: 2020-11-19
Fami通公开PS5版PlayStation Store的商店界面

在昨日举办的(11月11日)PS5发售前夜祭的直播活动中,Fami通公布了次世代游戏主机PS5版PlayStation Store的商店界面。PS5于今日在日本、美国、加拿大、详情>>

阅读: 0
日期: 2020-11-12
苹果macOSBigSur揭晓:系统界面大改变还有特殊优化

   11月11日凌晨两点,苹果开启今年度第三次秋季新品发布会,除了三款搭载了自研处理器的电脑外,还公布了全新的macOS Big Sur正式版系统,本次正式版苹果将会针对M1处理器进行详情>>

阅读: 0
日期: 2020-11-12
剑网3指尖对弈界面介绍 界面功能有哪些

剑网3指尖对弈界面介绍,剑网3指尖对弈界面功能有哪些?指尖对弈界面功能还是非常多的,很多小伙伴不知道这些功能都有什么作用,接下来一起看看功能介绍吧。 详情>>

阅读: 0
日期: 2020-11-11
《英雄联盟手游》kda活动怎么没有 kda活动界面不显示解决攻略

--------------------------------------- 英雄联盟详情>>

阅读: 10
日期: 2020-11-04
英雄联盟手游登录界面翻译  LOL手游登录界面英文介绍

英雄联盟手游登录界面中文翻译是什么?英雄联盟手游终于开启了大规模测试了,不过由于目前游戏并不支持中文。不少前往外服的玩家详情>>

阅读: 8
日期: 2020-11-02
《LOL手游》日服界面中文翻译图 日服怎么设置中文界面

今天小编给大家推荐关于LOL手游日服怎么设置中的相关攻略。LOL手游日服怎么设置中文?很多小伙伴想知道在日服看不懂日文怎么办,能设置详情>>

阅读: 3
日期: 2020-10-30
PlayStation App界面全面焕新,与PS5 UI保持一致

继 PS Store 界面焕新之后,近日索尼也为 PlayStation详情>>

阅读: 1
日期: 2020-10-30
英雄联盟手游界面中文翻译 lol手游设置界面翻译

英雄联盟手游已经火爆开测,但是目前没有国服,大部分玩家玩的都是日服,韩服,国际服等海外版本,没有中文版本让不少玩家不知道从何玩起,小编为玩家整理了英雄联盟手游界详情>>

阅读: 9
日期: 2020-10-29
英雄联盟手游翻译界面设置大全:画面、操作、语言、声音界面设置翻译[多图]

英雄联盟手游设置界面的翻译内容是什么?大家在设置游戏中的各种元素时,对界面的按键功能不是特别的熟悉,所以今天小编带来了设置界面的翻译,将画面、操作、语言、声音等设置的详情>>

阅读: 25
日期: 2020-10-29
LOL手游外服怎么切换中午界面-LOL手游外服切换中文版界面设置方法_快吧手游

很多小伙伴都不太清楚英雄联盟手游外服怎么能切换成中文的,现在英雄联盟手游已经在好几个地区开启了,下面小编给大家带来《LOL手游》外服切换中文版界面设置方法,详情>>

阅读: 11
日期: 2020-10-29
英雄联盟手游界面翻译  lol手游游戏界面内容中文翻译一览

LOL英雄联盟手游开启亚洲部分区域公测,由于国服不在此次的测试之列,目前阶段暂时不提供中文语言,下面小编给大家带来的就是lol手详情>>

阅读: 10
日期: 2020-10-29
《英雄联盟手游》设置界面中文翻译图分享 外服汉化界面一览

导 读 英雄联盟手游目前以及正式上线了,不过现在的话是没有中文版的,只有外服,所有很多地方是看不懂的,也不明白的,这样的话就需要翻译了,具体要怎么设置会比较,相关的步骤是什么详情>>

阅读: 16
日期: 2020-10-28
英雄联盟手游界面翻译大全!lol手游英文界面怎么办?

  英雄联盟手游虽然在本周正式上架了全球大多数地区的线上游戏商城,但是由于国内的版号等诸多原因,国内玩家并不能够第一时间玩上国服。对lol手游感兴详情>>

阅读: 46
日期: 2020-10-28
英雄联盟手游详细界面翻译

  League of Legends: Wild Rift(英雄联盟:激斗峡谷)是一款由拳头公司发行的5V5团队竞技MOBA手游,为PC网游手机移植版,于10月28日在全球多个地区开始公测。详情>>

阅读: 25
日期: 2020-10-28
索尼PS5主机UI界面介绍短片 主界面、成就等内容展示

索尼的次世代主机PS5将于下个月正式发售,关于这台机器的配置和外观都已经放出,玩家们现在最关心的就是UI界面。昨晚,索尼首次公布了PS5的UI界面。官方发详情>>

阅读: 7
日期: 2020-10-16
索尼PS5主机UI界面介绍短片主界面、成就等内容展示

索尼PS5主机UI界面介绍短片 主界面、成就等内容展示 2020-10-16 10:12:07来源:游戏下载编辑:松鼠骑士评论(0) 详情>>

阅读: 14
日期: 2020-10-16
《魔兽世界》9.0界面卡读条怎么办 9.0界面卡读条解决方法

就在今天《魔兽世界》9.0版本暗影国度前夕将在国服实装上线。相信各位小伙伴已然迫不及待的想要更新游戏开始暗影国度前夕的冒险之旅了,但是每次大更新详情>>

阅读: 15
日期: 2020-10-15
PlayMovies&TV更名为GoogleTV:启用全新界面

  在宣布 VR 平台 Daydream 停止支持之后,今天谷歌再次对旗下的 Google Play Movies & TV 应用程序进行了调整。可能是这个应用名称显得有点冗长,谷歌对这款应用程序进行详情>>

阅读: 6
日期: 2020-10-03
iOS14.2开始测试:苹果再次对界面改动

  今天早些时候,苹果推出了iOS 14.2的测试版,这举动让人颇为意外,毕竟跟正式版只间隔了一天时间。  这次发布的iOS 14.2测试版虽然主要是以修复Bug为主,但是苹果还是做出详情>>

阅读: 1
日期: 2020-09-19
斗破苍穹角色界面怎么使用?角色界面基本常识分析

今天我打算给大家介绍一些有关斗破苍穹的基本知识。下面就先从游戏角色界面上面的各项知识说起吧。更换:在游戏角色界面中有一个更换功能,这个功能的用处就是可以更换上场的伙详情>>

阅读: 3
日期: 2020-09-11
谷歌发布安卓11系统:全新界面、更严的隐私管理

在发布三个 beta 版之后,谷歌刚刚发布了安卓 11 ( Android 11 )正式版,主要加强了聊天气泡、安全隐私、电源菜单,以及对各种新屏幕,如瀑布屏、折叠屏、双屏的支持。详情>>

阅读: 5
日期: 2020-09-09
古荒遗迹界面功能详解 界面各功能作用说明

古荒遗迹中界面功能是很多玩家关注的重点,本次就为大家带来了古荒遗迹界面功能详解,也是界面各功能作用说明,非常全面的内容,想了解的朋友可以参考,希望能帮到大家。 界面功能详详情>>

阅读: 3
日期: 2020-09-07
堡垒之夜在昆式战机巡逻现场找到载入界面图片怎么做 载入界面图片位置介绍

堡垒之夜在昆式战机巡逻现场找到载入界面图片怎么做,游戏也是开启了金刚狼的隐藏任务,那么在昆式战机巡逻现场找到“载入界面”图片又应该怎么做呢,相信还有些小伙伴不知道。下详情>>

阅读: 33
日期: 2020-09-04
命运2新手向界面操作指引分享

命运2中操作界面的各个按键都对应什么功能呢,装备上词条都是什么意思呢,下面就给大家带来命运2新手向界面操作指引分享,以供玩家参考。 操作界面 详情>>

阅读: 8
日期: 2020-09-02
十字军之王3卡启动界面怎么办 卡启动界面解决方法介绍

十字军之王3卡启动界面怎么办,游戏也是在steam上正式解锁了,那么玩家们在启动游戏后卡在启动界面又应该怎么办呢,相信还有些小伙伴不知道。下面就让我们一起来看看吧!十字军之详情>>

阅读: 33
日期: 2020-09-02
命运之幽新手攻略 游戏界面功能介绍

Rougelike卡牌RPG游戏命运之幽目前已经在steam平台开启限时免费领取,下面给大家带来玩家“二次元兔子”分享的新手攻略 地图界面 1、蓝水晶,所有战斗可以掉落,详情>>

阅读: 17
日期: 2020-09-01
PS5 UI界面曝光:与PS4大致相同,主要增强交互体验

近日,一名自曝是《Call of Duty》新项目画师的网友在详情>>

阅读: 20
日期: 2020-08-24
PS5主机UI界面被曝光 和PS4整体相比变化不大

近日Reddit论坛上有一名自称是《使命召唤》新作项目画师的网友曝光了PS5的用户界面,目前索尼手中有五套方案,但不知道哪套最终应用于PS上。不过目前详情>>

阅读: 20
日期: 2020-08-21
灵媒Steam国区价格出现哪些调整 界面有哪些改变

灵媒Steam国区价格出现哪些调整 界面有哪些改变。作为现在恐怖游戏当中备受关注的重量级游戏灵媒,最近在国区有了重大的变动,整个预购界面的消失还有改详情>>

阅读: 6
日期: 2020-08-03
未定事件簿主界面背景更换方法

  未定事件簿是一款集推理和恋爱的游戏,玩家们需要在主线关卡中进行案件推理,具体包括调查现场,收集线索,线索分析等,下面小编带来了未定事件簿主界面背景更详情>>

阅读: 12
日期: 2020-07-30
《Grounded》设置界面怎么看 禁闭求生设置界面翻译介绍

  Grounded设置界面怎么看?游戏目前只有英文,很多玩家不是很清楚设置界面怎么看,下面为大家带来了设置界面的翻译,快来看看了解一下吧。 禁闭求生设置界面翻译介绍   di详情>>

阅读: 32
日期: 2020-07-30
机动战士高达EXVS.MBON界面基础解说

机动战士高达EXVS.MBON界面基础解说 发布时间:2020-07-29 08:30 来源:S1 作者:iqbsh38 详情>>

阅读: 8
日期: 2020-07-29
《夏日狂想曲乡间的难忘回忆》主角界面有什么内容 主角界面内容介绍

  夏日狂想曲主角界面有什么内容?很多小伙伴可能还不清楚主角界面可以做什么吧,今天小编给大家带来撒娇鬼主角界面内容介绍,快来看一下吧。 撒娇鬼主角界面内容介绍   详情>>

阅读: 22
日期: 2020-07-09
加德尔契约战斗界面怎么玩?战斗界面玩法攻略[多图]

加德尔契约战斗界面怎么玩?作为一款西方魔幻题材的全新放置类角色扮演手游,加德尔契约受到了众多玩家的喜爱,玩家可以通过伙伴训练、勇气试炼、外敌入侵、秘境探索等途详情>>

阅读: 6
日期: 2020-06-09
加德尔契约战斗界面攻略 战斗界面玩法教学

加德尔契约是很多玩家喜欢的游戏,本次就为大家带来了加德尔契约战斗界面攻略,也是战斗界面玩法教学,非常全面的内容,想了解的朋友可以参考,希望能帮到大家。 战斗界面攻略 进入战详情>>

阅读: 12
日期: 2020-06-08
加德尔契约战斗界面攻略战斗界面玩法教学

加德尔契约是很多玩家喜欢的游戏,本次就为大家带来了加德尔契约战斗界面攻略,也是战斗界面玩法教学,非常全面的内容,想了解的朋友可以参考,希望能帮到大家。战斗界面攻略进入战斗详情>>

阅读: 6
日期: 2020-06-08
Windows10的20H2功能更新将改善“存储设置”界面

  微软已经开始为Windows 10进行代号为 "20H2"的下一个功能更新,由于团队计划将20H2打造成另一个服务包式的小更新,因此可能不会带来任何重大改进。 虽然Windows 10 20H2(详情>>

阅读: 7
日期: 2020-06-07
b站登录界面被迫改动,2233娘下架,新版界面一股微博的味道

哈喽大家好,这里是小羡 不知大家有没有将b站更新至最新版本呢?你会发现2233娘消失不见了,替换成“你感兴趣的视频都在b站”,颇有一种微博的味道。 你是否感到痛心,以及怀念,22详情>>

阅读: 5
日期: 2020-06-07
精彩推荐