【美术专题】游戏UI设计（上）

一.什么是游戏UI

游戏UI设计涵盖了游戏软件中交互设计、界面设计等内容，在游戏设计中，界面、图标等UI的设计内容会随着游戏定位不一样而变化。既要凸显游戏的风格性，又要让操做简便、温馨，符合游戏功能性规划。

二.设计目的

游戏UI设计的目的是为了解决玩家需求，在简单易懂的前提下，让玩家对游戏留下美好而深入的印象。功能的易用是游戏UI设计的首要因素，它决定一款游戏的核心体验。而易用则是游戏功能的外在表现，可以有效地提高游戏产品的市场价值。

因此，游戏UI设计力求在功能性和美观性二者之间达到平衡。

达到易用和美观这两点的平衡，就能够设计出合格的游戏界面了。

想要达到这两点，你须要遵循如下的几个原则:

1.类似相近原则

“风格统一，同类相近”。同一类型控件的位置要离的近一些，即便没有图案的框选，也能知道它们属于同一类按钮。同类功能的按钮都摆在一块儿，不一样类型的按钮之间也没有出现相互干扰。

2.目标导向原则

游戏界面中相应的目标功能。界面所展现的信息可以让玩家明确理解并容易操做。

这几个图中，每一个界面中的UI控件都能和这个图中的其余控件造成一种风格。同类功能的按钮图标摆放的都很近，不一样类型的按钮摆放的都很远，且每个界面中的每个UI控件的配色都能和这个界面造成很好的自洽性。

作的一切设计都要为你的这个目标来服务，要时刻想着你作的是一个怎样的界面，这个界面是干什么用的。所展现的信息必定要可以让玩家明确理解并容易操做。在确保界面原始功能目标达成的状况下，再来保证总体界面的美观性与功能性。

3.色彩倾向

色彩倾向：在界面设计中，总体色彩倾向即指一般意义上主色调。

在游戏UI设计中，使用百分比来对色彩作出划分，也就是“631”原则。631原则就是总体界面的配色按照百分比来划分的话，主色占60%，辅色占30%，须要突出的颜色为10%。

以上图这个仓库的界面为例子，整个界面配色以白色为主色，大概占了这个界面颜色比重的60%，灰色和深灰色为辅色，大概占了30%左右，须要突出的装扮按钮用的是亮黄色按钮，大概占了10%左右的颜色比例，这个界面的配色所应用的就是631原则。

上图的这个界面的色彩运用相对就比较简洁，他的主体颜色是大面积的墨绿色，辅色用了更深的绿色来突出总体画面的层次感，界面中的功能性按钮采用了比较高亮的颜色来进行点缀，颜色对比很是强烈。总体画面给人的感受也很是温馨。

总的来讲，在游戏ui色彩搭配的时候，须要咱们作到感性与理性的相结合。

4.文字节奏

在游戏UI设计中，文字的合理应用占游戏可读性的首要位置。 一般在图标不足以彻底表达信息时，文字就是对UI功能性最好的补充。

字体设计包含了文字排版，形状，大小，颜色等内容。而在同一个界面中，根据信息重要程度在文字形式上做出相对变化，便可丰富信息的层级变化，突出重点内容。所以根据功能场景的不一样需求，使用不一样的文字形式，把控文字节奏，是丰富UI层级，表达方式的重要形式。

图片中界面的文字节奏控制的就很合理，这是一个结算界面，界面中的“没时间了”这几个字，用的字号为很大的40号，颜色醒目，位置也放在了比较显眼的地方，让玩家第一眼就能看到咱们所须要引导玩家看到的重要信息。

（前三名的数字是30号，后面名次是24号，而且有颜色区分）

排行榜的名次字号，前三名的数字为30号，后面的名次是24号的，在颜色上也作出了不一样的区分。总体节奏把控的十分合理。

（也相对比较醒目）

在玩家排行榜上的星级评分采用了白色的字色，在暗色的背景陪衬下也较为醒目。

Tips：在设计界面时，文字的字号最好是双数的，通常PC端的游戏最小的字不要小于14号，移动端的字最小不要小于20号，不然会模糊不清。