【游戏设计原理】81 - 功能可见性暗示

news2025/1/27 7:26:13

在这里插入图片描述

一、什么是功能可见性?

功能可见性(Affordance)是一个设计心理学的概念,指的是物体或界面元素通过其外观或形态向用户传递的功能暗示。换句话说,功能可见性是指一个物体本身所具备的特性,使人能直接感知到它的用途或与它的交互方式。它帮助用户理解如何使用该物体,而不需要文字说明或额外的指引。

例如:

  • 门上的横杠暗示“推门”。
  • 竖直的把手暗示“拉门”。
  • 电梯按钮通过凸起的形状和亮光吸引人去按下。

二、在游戏设计中的应用

在游戏设计中,功能可见性是提升玩家体验和减少学习成本的重要工具。它通过视觉、听觉、触觉等感官暗示,帮助玩家理解游戏元素的用途以及如何与它们交互,无需复杂的新手引导或额外说明。

1. 界面设计中的功能可见性
  • 按钮和控件
    • 视觉暗示:通过按钮的形状、颜色、大小等特征让玩家知道可以点击。例如凸起的圆形按钮暗示可以按下,而滑块形状暗示可以拖动。
    • 动态反馈:按钮被点击时的动画或声音(如变色、发光)进一步确认交互的成功。
  • HUD(抬头显示器)设计
    • 例如,《使命召唤》中,弹药量以数字形式显示并伴随图标,玩家一目了然。
    • 重要内容的强化:闪烁、放大或颜色对比引导玩家关注,例如任务目标。
2. 游戏场景中的功能可见性
  • 路径引导
    • 利用光线、颜色对比、地形差异等暗示正确的方向。例如,《镜之边缘》中利用鲜艳的红色标记关键跳跃点,指引玩家前进。
    • 自然路线设计:通过桥梁、楼梯、地毯等明显标志物,让玩家自然选择正确的路径。
  • 目标的视觉突出
    • 通过亮度、运动效果或独特的材质,让关键道具或互动点脱颖而出。例如,《塞尔达传说:旷野之息》中,玩家需要注意发光的宝箱。
3. 交互机制中的功能可见性
  • 操作方式的直观性
    • 如果玩家需要转动某个元素,可以设计一个圆盘,并加上清晰的轨迹标记,暗示需要转动的方向。例如,《我的马儿》(MyHorse)中玩家需要沿圆形轨迹滑动屏幕完成任务。
  • 动作暗示
    • 为游戏角色的交互对象设计特定的功能提示。例如门前的“推”或“拉”的图标,箱子前的“拾取”图标。
4. 谜题设计中的功能可见性
  • 线索的自然暗示
    • 通过环境中合理的设计让谜题解法显而易见。例如,在一款解谜游戏中,掉落的物品或墙上的涂鸦可以提示玩家如何解决谜题。
  • 交互提示的强化
    • 例如,在《传送门》中,玩家看到光滑的白墙便会知道可以在其上放置传送门。
5. 玩家手势与交互的功能可见性
  • 触屏游戏
    • 在平板和手机游戏中,使用滑动、捏合、点击等手势交互时,可以通过自然的视觉提示(例如箭头、轨迹)让玩家理解如何操作。
  • VR/AR游戏
    • 手柄或手势的功能提示,例如物品被高亮时,暗示玩家可以拿起或使用。

实现功能可见性的关键点

  1. 清晰和一致性
    游戏中同一类功能的提示方式应保持一致,例如所有可以拾取的物品都用同一颜色高亮。
  2. 减少学习成本
    避免复杂的交互方式,用直观的设计告诉玩家如何行动。
  3. 利用反馈增强交互
    通过音效、动画、振动等即时反馈让玩家确认自己的行为有效。

总结
功能可见性在游戏设计中,可以通过视觉、动态反馈和环境设计等多种方式引导玩家,减少学习成本并增强沉浸感。设计师应充分利用这一原则,优化玩家的交互体验,使游戏更加直观和流畅。


原文:

原理81 功能可见性暗示

记得小时候在电梯里会把所有的按钮都按一遍吗?手指大小的圆圈、斜边、从墙壁上凸出来一点点、亮光……这些按钮简直就像在叫着喊着让你去按它。这些按钮的物理特点就向人们传达了如何与它们交互,不需要任何新手引导或是指导手册。心理学家们称这些品质为“功能可见性暗示”(affordance cues),而其作用可不仅限于电梯里。门上的横杠暗示人们去推它,竖直的把手则暗示人们去拉它。“功能可见性”(affordance)在虚拟环境中也一样强大。

功能可见性的概念最早见于20世纪70年代,主要应用于心理学。它在一些著作中被广泛应用,如唐纳德·诺曼(Donald Norman)的《设计心理学》(The Design of Everyday Things)。人机交互(Human-Computer Interaction, HCI)和界面设计理论通过引入“意图”(intent)作为该原理的重点,让功能可见性更进了一步。设计师需要关注它们的产品表达出来的有意的和无意的功能可见性暗示,并尽量让功能可见性鼓励用户按照设计师意图的方向来使用产品。例如,若设计师希望用户去往下按一个按钮,就不要使用那些会鼓励用户往上拉它的功能可见性暗示。

这是界面设计的根本。当一个网页界面或游戏的抬头显示器(heads-up display, HUD)上排满了用斜边暗示厚度的按钮,这就是功能可见性。很多设计师会更进一步,让他们的按钮看起来可以吃并且很美味,不光从视觉和触觉上,还从味觉上吸引受众。每一个被吸引的感官都让用户想要对这个按钮做点什么的意愿更强烈,这也就提高了其功能可见性。

功能可见性是用户界面(user interface, UI)和用户体验(user experience, UX)设计中的关键(参见原理91“别让我思考——克鲁克的可用性第一定律”)。游戏中HUD和界面上的元素必须提示用户如何与它们交互。如果这个元素是一个拨号盘的形式,玩家会认为他们应该使用鼠标或手指做出一个画圈的手势来与之交互。在一个叫《我的马儿》(MyHorse)的骑马游戏中就有这样的例子。这个iPad游戏在屏幕上安排了一个圆盘形的指示器,玩家必须用手指跟着它的轨迹移动来完成交互,这就让功能可见性最大化了。平板电脑引入自然的手势交互系统,为功能可见性开辟了新渠道。手指在屏幕上滑动、点击等都是自然的动作,在游戏中很容易为这些手势提供容易理解的暗示,这也就优化了功能可见性。

在游戏中,功能可见性还不仅仅应用于界面设计上。有着合适的功能可见性暗示的环境和谜题都会让游戏变得更有乐趣并且毫不费力。功能可见性可以削减玩家花在新手引导上的时间,直接引导他们完成正确的行为而不用在规则中去强调这些行为。

在用户界面的设计和排错中,尤其需要考虑到功能可见性。玩家应该进行哪个动作?玩家应该走哪条路?环境中的每一个元素都会影响玩家在可能空间中的功能可见性。如果需要引导玩家从一个地点走到另一个,在这两点之间铺上一条路或是一块地毯好让这条路线清晰明确。只要应用得当,功能可见性能让一个游戏变得非常好玩,而不至于沦落为一场逻辑的灾难。

利用功能可见性暗示,可以设计出许多直观、有趣且富有创意的游戏类型。以下是一些游戏创意,充分结合功能可见性暗示来引导玩家并提升游戏乐趣:


1. 手势解谜游戏

  • 玩法:玩家需要根据场景中提示的图案、轨迹或符号,完成对应的触屏手势操作,如滑动、旋转、画圆等。
  • 示例:
    • 轨迹追踪:在屏幕上出现一个闪光轨迹,玩家需要用手指精确地跟随轨迹。
    • 符号匹配:玩家看到门上的锁由一个特殊符号组成,提示玩家用手指画出该符号解锁。
  • 特色:利用触摸或手势功能,让玩家产生自然的交互体验。

2. 动态按钮挑战

  • 玩法:游戏场景中充满了各种按钮,玩家需要在一定时间内根据按钮的功能暗示完成交互(按、滑、拖、旋)。
  • 示例:
    • 移动按钮:按钮会移动或改变形状,玩家需要快速反应。
    • 虚假按钮:一些按钮看似可交互,但实际上没有功能,玩家需要分辨真实与虚假的提示。
  • 特色:测试玩家的观察力和反应速度。

3. 环境解谜游戏

  • 玩法:利用功能可见性暗示设计的场景引导玩家解谜,例如颜色变化、灯光、声音等。
  • 示例:
    • 玩家需要通过观察地板上的发光箭头找到隐藏的房间。
    • 墙上的裂缝暗示玩家可以用武器击破。
  • 特色:环境设计成为玩家与游戏互动的重要部分,无需额外文字提示。

4. 路径探索游戏

  • 玩法:通过场景中的功能可见性暗示指引玩家选择正确路径,例如使用光源、颜色对比或材质变化。
  • 示例:
    • 迷宫冒险:墙壁上发光的符号提示玩家下一步方向。
    • 跳跃跑酷:玩家需要根据地面上的不同颜色或纹理判断是否可以跳跃。
  • 特色:让探索和观察成为游戏的核心乐趣。

5. 手感模拟游戏

  • 玩法:玩家通过点击、拖拽、旋转等交互方式操作虚拟物品,利用功能可见性暗示让交互更直观。
  • 示例:
    • 机械修理:玩家需要通过旋转螺丝、拉动杆件修理设备。
    • 烹饪游戏:玩家根据刀具、食材的暗示完成切割、搅拌、煎炸等任务。
  • 特色:结合物理引擎,让玩家感受到真实的操作反馈。

6. 互动音效游戏

  • 玩法:设计按钮、轨迹或物品,点击或滑动时产生不同音效,让玩家通过互动“创作”音乐。
  • 示例:
    • 音乐按钮:每个按钮对应不同音符,玩家按下按钮后会听到一个和谐的旋律。
    • 音轨涂鸦:玩家通过在屏幕上绘制轨迹生成音乐。
  • 特色:功能暗示和音效结合,创造轻松愉悦的体验。

7. 环境生存挑战

  • 玩法:玩家根据场景中的功能暗示选择行动方向,以躲避危险或获取资源。
  • 示例:
    • 生存跑酷:裂开的地面暗示即将坍塌,玩家需要快速跳跃。
    • 避开陷阱:地板上的尖刺暗示区域有危险,玩家必须绕行。
  • 特色:结合紧张的生存机制,激发玩家快速观察和判断能力。

8. 颜色与形状匹配游戏

  • 玩法:玩家需要根据物品的颜色、形状、大小等功能可见性暗示,完成配对或分类任务。
  • 示例:
    • 儿童益智游戏:将红色圆形放入红色圆孔中,黄色方块放入黄色方孔中。
    • 复杂匹配游戏:根据多种特性组合(例如颜色+材质)完成匹配。
  • 特色:简单易懂,适合所有年龄段。

9. 隐喻式互动游戏

  • 玩法:通过隐喻式功能可见性暗示(如破旧的桥暗示会坍塌),让玩家在游戏中选择不同策略。
  • 示例:
    • 一片破碎的冰面暗示危险,玩家需要寻找更安全的路径。
    • 颤抖的树枝暗示可能掉落,玩家需避开。
  • 特色:在无明确提示的情况下,让玩家根据环境推断。

10. 多人合作解谜

  • 玩法:功能可见性暗示用来指引两名或多名玩家的协作。例如,一个玩家推动的物体为另一个玩家提供新路径。
  • 示例:
    • 玩家A看到一个大按钮,按下后会让玩家B的桥升起。
    • 场景中一盏闪烁的灯暗示需要两人协力才能通过。
  • 特色:功能可见性成为合作的关键点。

总结
通过功能可见性暗示,游戏设计可以更加直观,减少学习曲线,同时提升交互的趣味性。无论是解谜、冒险还是手势互动,功能可见性都能在玩法创意中发挥重要作用,创造更吸引人的游戏体验。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2283284.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

mathematical-expression 实现 数学表达式解析 Java 篇(最新版本)

mathematical-expression (MAE) 切换至 中文文档 Community QQ group 访问链接进行交流信息的获取:https://diskmirror.lingyuzhao.top/DiskMirrorBackEnd/FsCrud/downLoad/18/Binary?fileNameArticle/Image/-56202138/1734319937274.jpg…

MVCC底层原理实现

MVCC的实现原理 了解实现原理之前,先理解下面几个组件的内容 1、 当前读和快照读 先普及一下什么是当前读和快照读。 当前读:读取数据的最新版本,并对数据进行加锁。 例如:insert、update、delete、select for update、 sele…

WPF实战案例 | C# WPF实现计算器源码

WPF实战案例 | C# WPF实现计算器源码 一、设计来源计算器应用程序讲解1.1 主界面1.2 计算界面 二、效果和源码2.1 界面设计(XAML)2.2 代码逻辑(C#)2.3 实现步骤总结 源码下载更多优质源码分享 作者:xcLeigh 文章地址&a…

vulnhub靶场【kioptrix-3】靶机

前言 靶机:kioptrix-3,IP地址为192.168.1.74 攻击:kali,IP地址为192.168.1.16 都采用虚拟机,网卡为桥接模式 文章中涉及的靶机,来源于vulnhub官网,想要下载,可自行访问官网下载&a…

无人机 PX4 飞控 | PX4源码添加自定义参数方法并用QGC显示与调整

无人机 PX4 飞控 | PX4源码添加自定义参数方法并用QGC显示与调整 0 前言 之前文章添加了一个自定义的模块,本篇文章在之前的自定义模块中,添加两个自定义参数 使用QGC显示出来,并通过QGC调整参数值,代码实现参数更新 新增的参…

【Linux】华为服务器使用U盘安装统信操作系统

目录 一、准备工作 1.1 下载UOS官方系统 1.2制作启动U盘 1.3 服务器智能管理系统iBMC 二、iBMC设置U盘启动 一、准备工作 1.1 下载UOS官方系统 服务器CPU的架构是x86-64还是aarch64),地址:统信UOS生态社区 - 打造操作系统创…

npm常见报错整理

npm install时报UNMET PEER DEPENDENCY 现象 npm install时报UNMET PEER DEPENDENCY,且执行npm install好几遍仍报这个。 原因 不是真的缺少某个包,而是安装的依赖版本不对,警告你应该安装某一个版本。 真的缺少某个包。 解决 看了下package.json文件,我的react是有的…

在宝塔安装部署mindoc

MinDoc简介 MinDoc 是一款针对IT团队开发的简单好用的文档管理系统。 MinDoc 的前身是 SmartWiki 文档系统。SmartWiki 是基于 PHP 框架 laravel 开发的一款文档管理系统。因 PHP 的部署对普通用户来说太复杂,所以改用 Golang 开发。可以方便用户部署和实用。 开…

蓝桥杯练习日常|递归-进制转换

蓝桥云课760数的计算 一、递归 题目&#xff1a; 我的解题代码&#xff1a; #include <iostream> using namespace std; int sum0; int main() {// 请在此输入您的代码int n;cin>>n;int fun(int n);fun(n); cout<<sum<<\n;return 0; } // void fu…

什么是CIDR技术? 它是如何解决路由缩放问题的

什么是CIDR技术&#xff1f; 它是如何解决路由缩放问题的 一. 什么是 CIDR&#xff1f;二. CIDR 是如何工作的&#xff1f;1. 高效地址分配2. 路由聚合&#xff08;Route Aggregation&#xff09;3. 精确满足需求 三. CIDR 的计算详解1. 子网掩码计算2. 地址范围计算3. 可用 IP…

单片机内存管理剖析

一、概述 在单片机系统中&#xff0c;内存资源通常是有限的&#xff0c;因此高效的内存管理至关重要。合理地分配和使用内存可以提高系统的性能和稳定性&#xff0c;避免内存泄漏和碎片化问题。单片机的内存主要包括程序存储器&#xff08;如 Flash&#xff09;和数据存储器&a…

Qt简单迷宫游戏

目录 你将学到你将准备你将改变你将设计你将编程开始界面游玩界面胜利界面其它bug修复 你可扩展下一篇博客要说的东西 你将学到 Qt中QKeySequence对象的基本创建Qt中QShortcut对象的基本应用Qt中QSoundEffect对象的基本应用 你将准备 在开始制作Qt简单迷宫游戏之前&#xff…

Ansys Thermal Desktop 概述

介绍 Thermal Desktop 是一种用于热分析和流体分析的通用工具。它可用于组件或系统级分析。 来源&#xff1a;CRTech 历史 Thermal Desktop 由 C&R Technologies (CR Tech) 开发。它采用了 SINDA/FLUINT 求解器。SINDA/FLUINT 最初由 CR Tech 的创始人为 NASA 的约翰逊航…

WPF基础 | WPF 基础概念全解析:布局、控件与事件

WPF基础 | WPF 基础概念全解析&#xff1a;布局、控件与事件 一、前言二、WPF 布局系统2.1 布局的重要性与基本原理2.2 常见布局面板2.3 布局的测量与排列过程 三、WPF 控件3.1 控件概述与分类3.2 常见控件的属性、方法与事件3.3 自定义控件 四、WPF 事件4.1 路由事件概述4.2 事…

西门子【Library of General Functions (LGF) for SIMATIC S7-1200 / S7-1500】

文章目录 概要整体架构流程技术名词解释技术细节小结 概要 通用函数库 (LGF) 扩展了 TIA Portal 中用于 PLC 编程的 STEP 7 指令&#xff08;数学函数、时间、计数器 等&#xff09;。该库可以不受限制地使用&#xff0c;并包含 FIFO 、搜索功能、矩阵计算、 astro 计…

Android实战经验篇-AndroidScrcpyClient投屏一

系列文章转如下链接&#xff1a; Android Display Graphics系列文章-汇总 Android实战经验篇-系列文章汇总 本文主要包括部分&#xff1a; 一、方案说明 1.1 适用场景 1.2 方案框架 二、功能演示 2.1 环境准备 2.2 演示 一、方案说明 1.1 适用场景 优秀的开源的scrc…

从 Spark 到 StarRocks:实现58同城湖仓一体架构的高效转型

作者&#xff1a;王世发&#xff0c;吴艳兴等&#xff0c;58同城数据架构部 导读&#xff1a; 本文介绍了58同城在其数据探查平台中引入StarRocks的实践&#xff0c;旨在提升实时查询性能。在面对传统Spark和Hive架构的性能瓶颈时&#xff0c;58同城选择StarRocks作为加速引擎&…

wangEditor富文本编辑器,Laravel上传图片配置和使用

文章目录 前言步骤1. 构造好前端模版2. 搭建后端存储3. 调试 前言 由于最近写项目需要使用富文本编辑器&#xff0c;使用的是VUE3.0版本所以很多不兼容&#xff0c;实际测试以后推荐使用wangEditor 步骤 构造好前端模版搭建后端存储调试 1. 构造好前端模版 安装模版 模版安…

【MySQL】我在广州学Mysql 系列——MySQL用户管理详解

ℹ️大家好&#xff0c;我是练小杰&#xff0c;本博客是春节前最后一篇了&#xff0c;在此感谢大佬们今年的支持&#xff01;&#xff01;&#x1f64f;&#x1f64f; 接下来将学习MYSQL用户管理的相关概念以及命令~~ 回顾&#xff1a;&#x1f449;【MYSQL触发器的使用】 数据…

2025年数学建模美赛 A题分析(3)楼梯使用方向偏好模型

2025年数学建模美赛 A题分析&#xff08;1&#xff09;Testing Time: The Constant Wear On Stairs 2025年数学建模美赛 A题分析&#xff08;2&#xff09;楼梯磨损分析模型 2025年数学建模美赛 A题分析&#xff08;3&#xff09;楼梯使用方向偏好模型 2025年数学建模美赛 A题分…