《绝区零》在上线之后，有很多玩家吐槽界面设计的不好。而之所以如此，皆因界面设计，不符合格式塔心理学中的接近原则与相似原则【1】【2】：
1）相似原则
该原则指的是在形状、大小、颜色、纹理、方向等元素中，具有相似特征的部分，容易被大脑知觉为一个整体。例如：
- 在生活中，穿着同一种样式、色彩等校服的人，就会被人认为是同一个学校的学生。
- 在下图中，人们会明显感知到红色的圆、黄色的三角形、蓝色的方框，分别被分为了三个组。
根据颜色、形状等相似特征，以上图形可被人们知觉为三个不同的组别
2）接近原则
该原则指的是在空间或时间上，彼此邻近、紧挨或接近的对象，会被大脑知觉为一体，从而被人们认为彼此更加亲近，或是同一个群体。反之，分开的对象，则会被大脑知觉为另一个群体或对象。
而在游戏界面设计中，则可结合接近原则，与相似原则，运用于界面设计中。其中这又包括以下几个基本原则：
- 相似划分原则：基于相似原则，需将界面功能、元素等设计进行划分，并将功能较为相似，或关联性较强的功能，划分在一起。
- 邻近分区原则：需将界面进行分区。每个分区只分布一种较为相似的功能或元素。
- 适当留白原则：区域与区域之间，需适当留白，留出一定的距离或空间，以避免因过于接近，而导致玩家将不同区域知觉为一个整体。
综述之，界面中彼此功能、作用、效果、颜色、文本、属性、导航、按钮、列表、状态等方面接近的元素，可设计在一起。并且，可通过线条、信息框等构成某个界面分区，将其接近的元素，放置在界面分区内。而分区之间需适当留白，以此作为区隔。例如：
角色界面：在《崩坏：星穹铁道》角色界面中，就将界面功能，分为了左侧的“角色功能区”（包括角色详情、光锥、行迹、星魂等）、中间上方的“角色选择区”、右侧的“角色属性区”（包括角色姓名、信息、等级、属性、技能等内容）等多个区域。而每个区域的界面元素和界面功能设计，皆是相似的同类功能。并且，每个分区之间，皆相距有一定距离，作为留白区。这也可避免玩家将不同分区，知觉为一个整体。
《崩坏：星穹铁道》：角色界面分为了多个区域
主界面：在《崩坏：星穹铁道》《原神》等游戏的主界面中，游戏就将界面布局，划分为了左上角“地图导航区”（包括小地图、公告、帮助、任务导航等）、右上角“游戏功能区”（包括角色、道具等各类常用游戏功能）、右中间“角色选择区”、右下方“战斗操作区”（各类战斗和技能操作按钮）等四大区域。并且，每个区域的界面功能和界面元素，皆是同类或相似功能。例如，小地图与任务提示、帮助、提示等功能的作用，皆较为接近，均是为了教学、提示、帮助与引导玩家，故此才会放在一起。而每个区域之间，亦是皆有留白区。
《崩坏：星穹铁道》：主界面分为了多个区域
《原神》：主界面分为了多个区域
装备界面：在《最终幻想7重制版》的装备界面中，游戏就根据界面元素和功能，划分为了左侧的“角色选择区”（包括克劳德、蒂法、爱丽丝等多个角色），中上方的“角色装备区”（包括武器、饰品等装备，以及相应的装备属性、文字描述）、中下方的“角色属性区”（包括角色的基本属性、攻击属性、防御抗性）、右侧的“角色状态区”（包括角色头像、角色等级、经验值、生命值、魔法值等数据）等4大区域。
《最终幻想7重制版》：装备界面划分为了4个区域
扫描界面：在《赛博朋克2077》的扫描界面中，游戏根据元素的相似性，划分为了左侧的“破解模块选择区”（包括各类可用的黑客模块和装备）、中间的“扫描属性区”（包括当前扫描剩余的RAM，扫描所需的RAM等信息）、右侧的“目标状态区”（所扫描目标的姓名、帮派、悬赏等信息）、右下角的“操作提示区”（包括扫描的各种相关操作说明）等4个区域。并且，每个区域之间皆有适当留白。
《赛博朋克2077》：扫描界面分为了4大区域
设计界面：在《无尽空间2》的舰船设计界面中，则根据元素的相似性，划分为了左侧的“舰船结构信息区”（列出了舰船的名称、船体类型、尺寸、舰船功能、舰船加成的舰船结构信息，以及建造所需的资源花费等信息）、中间的“舰船模块区”（列出了所有可装配舰船配件与模块，以及具体的舰船模型）、右侧的“飞船统计数据区”（舰船装配各类模块后的生命值、船员数量、移动速度、命令点数、攻击、防御、护盾、能量、各射程的命中率等各种数值属性）、最下方的“界面功能操作区”（包括关闭界面按钮、重置设计按钮、自动设计按钮、应用设计按钮等）等4个区域。并且，每个区域之间皆有适当的留白。其中，每个大的区域，其内部亦根据元素的相似性，进行了再次区分。例如，在“舰船结构信息区”中，就分为了“结构信息区”“舰船资源花费区”“帝国拥有资源区”三部分。而这三部分，皆通过划线进行了区隔，以便于玩家进行查看。
《无尽空间2》：舰船设计界面分为了4大区域
功能界面：反观《绝区零》的界面，则显得不太合理。例如，在其功能界面中，所有功能按钮全部混在了一起，排成了一排。而游戏背景却空出来一大块。换言之，界面功能按钮没有进行合理的分类，也没有根据相似与接近原则进行排版，从而显得较为凌乱。
《绝区零》：游戏功能界面混在了一起，没有进行分类
换言之，在设计界面时，相似的元素可放在一起。例如，相似的基本属性、装备槽位，或界面元素等同类功能放在一起，再通过某种空白位置进行留白，并作为区域的划分。之后，玩家可在这种分区设计中，知觉到每个分区的功能，并将邻近的元素视为一体，从而可更好的体验游戏，并更快学到如何操作这些功能。
例如，角色属性面板中，各类战斗属性就可放在一起，以此让玩家方便查看。其他诸如：武器和弹药、背包和道具、药水和血量等皆是。期间，需将有一定联系的元素结合起来，共同设计在一个界面或画面之中。这样有利于玩家的操作和交互体验。
PS：该文是笔者撰写的《游戏设计心理学》系列丛书中，节选的一部分。该书已在摩点网众筹。目前处于“创意”阶段，需要2500个“看好”，才能联系出版社并正式众筹，并在未来出版发售。感兴趣的读者可前往支持。谢谢。
详情说明：
https://zhuanlan.zhihu.com/p/670318084
众筹地址：
m.modian.com/idea/3967
丛书视频版目录：
https://www.bilibili.com/video/BV1Pc411S7WN/?spm_id_from=333.999.0.0
参考资料
[1]郭本禹/主编.方双虎 严由伟/副主编.《西方心理学史》.人民卫生出版社.2013
[2]李浪.《大众心理学》.2006.吉林文史出版社 吉林音像出版社
文/猫不凡
来源：蓝色疯狂岛
| 
发表于 2024-7-10 18:14:38
