游戏界面设计的一致性原则


    近一两年都是在做社区游戏方面的工作,最近做一个项目,在UI界面方面遇到很多问题,周末想写一个东西,但是开了头过后,发现不合适,不是写的不合适,而是不合适在我想要些的东西中出现。所以,想将这部分开头的内容整理成博客发出来。

   i. 相关元素一致性

1. 相关元素是指表达相同的对象、属性、内容、含义的元素(图标、按钮、动画等,,下同)。

比如:充值币的图标、充值币充值的按钮、消费充值币的动画;

2. 相关元素一致性,是要求所有相关的元素,及其表达方式需要有一致的体验。

3. 考虑相关元素一致性需求的时候,需要考虑多重相关性的需求。

比如:消耗充值币的动画,既和充值币系列的元件有相关性,同时与消耗游戏币、消耗体力等消耗类的动画也有相关性。

ii. 相近元素一致性

1. 相近元素是指在同一个界面中,邻近的而且是同级的同类元素。

比如:同时在顶部出现的一排按钮。

2. 相近元素的大小、间隔、鼠标效果等都需要一致;

iii. 风格一致性

1. 风格是指交互界面元素所展示给使用者的直观感受。

比如:欧式风格、东方古典风格、卡通风格、金属风格等等;

2. 游戏界面的设计风格,需要与游戏本身的故事背景、故事内容有一定关系。比如:讲古罗马的游戏使用一个东方古典风格的UI必定会贻笑大方;

3. 风格一致性是要求整个游戏界面的所有元素的设计,必须遵守既定的设计风格。

4. 风格的要求甚至需要统一到边框的线条颜色/粗细、阴影的浓淡/大小、圆角的大小/弧度。

iv. 色彩一致性

1. 这里所说的色彩,主要是值界面设计中所用到的色系和色调;

2. 色彩的一致性规范,是指在界面中的元素的色彩都需要按照既定的色系和色调来设置,避免色彩偏差带来的界面粗陋和僵硬;

3. 界面色彩的选择,需要考虑与游戏内的元素和界面相关,但是不相同。避免玩家在实际操作中,视觉识别的混乱;

v. 操作一致性

1. 所有需要玩家选择、点击、鼠标滑过、拖放、输入的过程都叫做操作。

2. 操作一致性,包括所有操作相关元素的位置、大小、显示状态等。

3. 相同的状态需要有相同的现实风格,比如:不可点击的按钮,统一使用灰度显示;

4. 类似功能的按钮需要在大致相同的位置,比如:对话框的确定、取消按钮,统一靠右侧,但取消在左、确定在右(即使没有取消,确定按钮的位置任然不变);

相近元素的操作一致性需求,当相近元素在界面切换、功能、状态切换时,需要尊崇尽量保持位置一致性的原则,使得用户无论在任何界面实现需要的功能时,都不会点错。