Question

游戏界面设计有哪些规则？

Answer 1

关于UI设计的一些原则
UI就是界面设计，很多人觉得界面设计只是界面的样式、美观程度，但其实这么理解是很片面的，对于游戏UI而言，好不好用（交互）和好不好看（视觉）都需要考虑周全。目前国内大的游戏公司里面分工会比较细，一般是有交互设计和视觉设计两个角色，共同完成UI的工作。小公司情况复杂，就不多说了。对于UI，笔者在这里总结了5个基本设计原则：
1、视觉流的引导
视觉流，就是我们在查看单个界面时的视觉流程。暂且先不考虑手势的热区范围，单从眼动轨迹来看，眼睛对于物体的关注本身是有一定的视觉规律的，比如最简单的从上到下从左到右的规律。
一般而言，我们在设计页面的时候会尽量考虑人眼的视觉规律，比如最重要的功能不要放在视觉盲区范围内。但是在这里笔者要强调的是，眼睛的视觉流是可以通过对界面控件合理的层级罗列，恰当的布局来进行有效引导的。
2、相似相近原则
相似相近，就是“风格统一，同类相近”。
风格统一，要保证同一类图标外形上的一致，即使按钮因为字体长短而变得长短不一，但是至少从外形看起来是同一类的。
如果你的游戏走的是3D真实风格，那么游戏里就一定不能出现一个二次元妹子，可以考虑增加异次元元素，但是一定要经过美术的专业处理，让整个游戏的画风不至于那么奇怪。
《奇迹暖暖》里面有很多不同的服装风格，有古风的，现代的，西方的，中式的，日式的等等等等，但是做过统一化处理之后，一点违和感都没有。
同类相近，同一类型控件的位置要离的近一些，即使没有图案的框选，也能知道它们属于同一类按钮。《恋与》的主界面上的功能也很多，但并不让人觉得杂乱无章，同类功能的按钮都摆在一起，不同类型的按钮之间也没有出现相互干扰。最忌讳没有规律的乱摆控件，会造成玩家找不到可点击控件的困惑，还会对功能产生迷茫，不知道该干什么。
3、色彩偏向和色彩层次
色彩偏向，在界面设计中，都应该有一个色彩的偏向，也就是主色调。在任何一个画面中，色彩都不宜过多，不同色系最好不要超过3种。这就好像穿衣服一样，除非是高级设计师，拥有很好的配色驾驭能力，很少犯错那种，一般人拍在身上的颜色越多越花哨，整个档次就越low。分享一个小技巧：在游戏界面中，可以使用黄金分割率来做出划分，主色调约占60%，辅助色占30%，突出色占10%。
色彩层次，在UI制作中，因为精确度要求很高，色彩的亮度和面积有个反比应用关系，这很重要，因为它直接决定了UI原色的主次关系问题。越亮的、纯度越高的颜色在使用面积上慎之又慎，否则就会造成喧宾夺主以及对玩家视觉上的折磨，为了达到视觉上的等同效应，亮度、冷暖不同的颜色也要在面积上进行微调。
背景色经常表现为无彩色（黑、白、灰），或者低饱和度的色彩。总的来说，面积越小的颜色要越亮越纯，面积越大颜色就要增加灰度或者降低亮度，色彩的层次出来了整个界面的信息传递就会很舒服。
《王者荣耀》的界面中色彩的层次感很明确，从色相上就把功能模块做出了划分，并且可点击区域的颜色有很高的亮度，这样的设计让玩家很容易识别功能。
4、字体节奏很多人会觉得游戏中画面最重要，字体是信息传递的辅助角色，这就错了，内容的可读性永远是排在首位的。我们在看图标的时候会发现很多图标的可辨识度并不是很高，但是一旦添加了字体，马上就可以理解功能。好的字体设计，形状和大小都会直接影响到玩家接收信息的速度。
为什么说是字体节奏？同一个页面中，使用同一字号，同一类型的字体，会让信息的传达变得冗杂而费力。但是如果给字体在信息重要度的基础上增加点变化，马上节奏感就出来了，信息的层级也一目了然。所以根据不同的功能场景，使用不同的字体样式也是极为重要的。
5、目标导向原则（这里只讲逻辑，没图）
目标导向，在游戏中，每一个界面都是具有相应目标功能的，玩法也好养成也罢，界面展示的信息必须是这个功能需要让玩家获的信息。要明确自己的目的，尽量不要为了目的以外的原因影响你的设计。