【美术专题】游戏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号，否则会模糊不清。