近一两年都是在做社区游戏方面的工作,最近做一个项目,在UI界面方面遇到很多问题,周末想写一个东西,但是开了头过后,发现不合适,不是写的不合适,而是不合适在我想要些的东西中出现。所以,想将这部分开头的内容整理成博客发出来。
i. 相关元素一致性
1. 相关元素是指表达相同的对象、属性、内容、含义的元素(图标、按钮、动画等,,下同)。
比如:充值币的图标、充值币充值的按钮、消费充值币的动画;
2. 相关元素一致性,是要求所有相关的元素,及其表达方式需要有一致的体验。
3. 考虑相关元素一致性需求的时候,需要考虑多重相关性的需求。
比如:消耗充值币的动画,既和充值币系列的元件有相关性,同时与消耗游戏币、消耗体力等消耗类的动画也有相关性。
ii. 相近元素一致性
1. 相近元素是指在同一个界面中,邻近的而且是同级的同类元素。
比如:同时在顶部出现的一排按钮。
2. 相近元素的大小、间隔、鼠标效果等都需要一致;
iii. 风格一致性
1. 风格是指交互界面元素所展示给使用者的直观感受。
比如:欧式风格、东方古典风格、卡通风格、金属风格等等;
2. 游戏界面的设计风格,需要与游戏本身的故事背景、故事内容有一定关系。比如:讲古罗马的游戏使用一个东方古典风格的UI必定会贻笑大方;
3. 风格一致性是要求整个游戏界面的所有元素的设计,必须遵守既定的设计风格。
4. 风格的要求甚至需要统一到边框的线条颜色/粗细、阴影的浓淡/大小、圆角的大小/弧度。
iv. 色彩一致性
1. 这里所说的色彩,主要是值界面设计中所用到的色系和色调;
2. 色彩的一致性规范,是指在界面中的元素的色彩都需要按照既定的色系和色调来设置,避免色彩偏差带来的界面粗陋和僵硬;
3. 界面色彩的选择,需要考虑与游戏内的元素和界面相关,但是不相同。避免玩家在实际操作中,视觉识别的混乱;
v. 操作一致性
1. 所有需要玩家选择、点击、鼠标滑过、拖放、输入的过程都叫做操作。
2. 操作一致性,包括所有操作相关元素的位置、大小、显示状态等。
3. 相同的状态需要有相同的现实风格,比如:不可点击的按钮,统一使用灰度显示;
4. 类似功能的按钮需要在大致相同的位置,比如:对话框的确定、取消按钮,统一靠右侧,但取消在左、确定在右(即使没有取消,确定按钮的位置任然不变);
相近元素的操作一致性需求,当相近元素在界面切换、功能、状态切换时,需要尊崇尽量保持位置一致性的原则,使得用户无论在任何界面实现需要的功能时,都不会点错。