游戏界面设计的规则是什么?

关于用户界面设计的一些原则

UI就是界面设计。很多人认为界面设计只是界面的风格和美观,但其实这种理解是非常片面的。对于游戏UI来说,好用(交互)还是不好用(视觉)需要综合考虑。目前国内大型游戏公司的分工会更加细化。一般有两个角色:交互设计和视觉设计,共同完成UI。小公司的情况比较复杂,就不多说了。对于UI,作者在这里总结了五个基本的设计原则:

1,视觉流的引导

视觉流是我们看单一界面时的视觉流。暂且不考虑手势的热区范围,单从眼球运动轨迹来看,眼睛对物体本身的注意是有一定的视觉规律的,比如最简单的从上到下、从左到右的规律。

一般来说,在设计页面的时候,我们会尽量考虑人眼的视觉规律,比如不要把最重要的功能放在视觉盲区。但这里我想强调的是,合理的层次列表和恰当的界面控件布局,可以有效地引导眼睛的视觉流动。

2、相似性原则。

相似就是相似,也就是“风格统一,种类相似。”

统一风格,保证同类型图标外观一致,即使按钮因为字体长短而长短不一,至少看起来是一样的。

如果你的游戏是3D实景风格,那么游戏里一定没有二次元少女。可以考虑加入异次元元素,但是必须经过专业的美术处理,才能让整个游戏的画风不那么奇怪。

奇迹暖暖里有很多不同的服装风格,有古风的、现代的、西式的、中式的、日式的等等,但是统一之后,完全没有违和感。

类似的,同类型的控件应该位于更近的位置,即使没有图案的框选,也可以知道它们属于同类型的按钮。爱爱主界面上有很多功能,但不会让人觉得乱。功能相似的按钮都放在一起,不同类型的按钮之间没有干扰。最忌讳的就是不规则的控件,会造成玩家找不到可点击控件的困惑,会对功能感到迷茫,不知道该怎么办。

3.色彩偏差和色彩层次

色彩偏向,在界面设计中,应该有色彩偏向,也就是主色调。任何一张图片,颜色都不要太多,不同颜色最好不要超过三种。就像穿衣服一样,除非你是资深设计师,配色控制能力好,很少出错。人身上拍的颜色越多,越花哨,整个档次就越低。分享一个小技巧:在游戏界面中,可以用黄金比例进行划分,主色占60%,辅色占30%,突出色占10%。

色彩层次,在UI制作中,由于精度要求很高,颜色的亮度和面积之间存在反比关系,这一点非常重要,因为它直接决定了UI原色的主次关系。颜色越亮越纯,在使用区域就越谨慎。否则会分散注意力,对玩家是一种视觉上的折磨。为了达到视觉上的等效效果,亮度和温暖度的不同颜色也应该在该区域中进行微调。

背景颜色通常显示为非彩色(黑色、白色、灰色),或者是低饱和度的颜色。一般来说,面积越小,颜色会越亮越纯。面积越大,颜色越灰或亮度越低。色阶出来,整个界面的信息传递会很舒服。

在王者荣耀的界面中,颜色的层次感非常清晰,功能模块从色相上划分,可点击区域的颜色亮度较高,便于玩家识别功能。

4、字体节奏很多人会认为游戏中的画面最重要,字体是信息传递的辅助作用,这是错误的,内容的可读性永远是放在第一位的。我们在看图标的时候会发现,很多图标的辨识度并不是很高,但是一旦加上字体,就能立刻理解功能。好的字体设计、形状和大小会直接影响玩家接收信息的速度。

为什么是字体节奏?在同一个页面中,使用相同的字体大小和类型会使信息的交流变得复杂和费力。但是如果根据信息的重要程度给字体加上一些变化,节奏感马上就出来了,信息的层次也一目了然。因此,根据不同的功能场景,使用不同的字体风格是极其重要的。

5、目标导向原则(这里只讲逻辑,无图)

目标导向,在游戏中,每个界面都有对应的目标功能,界面上显示的信息必须是玩家为了这个功能需要获取的信息。明确你的目的,尽量不要因为目的以外的原因影响你的设计。