浅谈手机游戏UI的颜色搭配

赵　雁

（吉林动画学院　吉林 长春 130000）

浅谈手机游戏UI的颜色搭配

赵雁

（吉林动画学院吉林 长春 130000）

手机游戏UI颜色搭配的效果直接影响着游戏的效果，利用一些颜色搭配的原则，及注意一些关于制作手机游戏颜色的事项会制作出优秀的手机游戏。

手机游戏UI；色相；明度；饱和度

游戏中背景颜色和文字、图标颜色搭配的不合适，容易导致显示效果差、玩家普遍看不清的情况。那么UI中的各种元素颜色怎么搭配才是最好的呢？颜色有几种最好呢？

事实上，色系的选择会体现很多个人因素，毕竟每个人的色彩偏好都是不同的，这也是美术的魅力之一，但它作为商业作品，受市场、作品载体等多方面的因素制约，所以对其色彩，也有着特定的要求。色彩不要用明度太过黑暗的，饱和度太低的，颜色过脏的，也不要太亮的。因为手机游戏玩家大部分时间都是在和界面打交道的，所有必须使屏幕颜色满足易于辨别且不刺眼的基本功能，在这个基础上还要发挥强大的美的功能。

上文提到了颜色的属性，它可分为色相、明度、饱和度三种要素。色相，是颜色的基本特征，纯粹表示色彩相貌的差异，色相有冷暖、纯度、明度的区分。不同的色相给人的感觉也不一样。明度，指颜色明暗的程度。对物体色来说就是强光照射下显得明亮，弱光照射下显得较灰暗模糊。饱和度，指色彩的鲜艳程度。原色最纯，颜色混合得越多，饱和度越低。通常我们所说的强的色彩，与明暗无关，彩度高的色彩会让人感觉色彩强，饱和度较低的色彩会比较弱，给人感觉就相对低沉稳重。在PS中我们可以通过在色相/饱和度（CtrlU）面板中调整参数来调配这些属性，这样相对于画布上调配颜色，计算机上可以通过数值进行呈现，更加理性。

界面设计中一般分为主色、辅助色和点缀色。它们的配比大约是6：3：1。颜色的搭配需要体现对比。

一般来说，一个合格的设计需要有60%的主色，它可能被用来渲染画面气氛。主色是在界面中颜色面积最大的颜色。主色大多数都包括底色，底色永远是界面中的配角！可以采用饱和度较低或明度较低的原色，使底色看上去是远离的、被忽略的，图标和文字的颜色是拉近的，它们之间要有一定的对比。如果使用多种底色，请考虑使用近似色，这样可以柔和过渡并不会影响前景文字的可读性。然而，浅色调背景对来自室外阳光或日光灯的光线反射率较大，长时间盯着看并不利于眼睛，在浅色调背景的情况下为深色文字添加采用过渡色的发光效果以抵消光线的散射。

辅助色占到30%，是为了画面的平衡，是为了衬托主色调而生的，一般采用主色的同类色和临近色。同类色的对比，由于是同一色相里的不同明度与纯度色彩的对比，所以感觉更加单纯、柔和、谐调，无论总的色相倾向是否鲜明，调子都很容易统一调和。界面设计中常用同类色来制作一个面板中不同板块的划分，这样每个板块划分即清楚又不会过于突出，影响其他图标、文字等更加重要的功能。邻近色相对比的色相感，要比同类色相明显、丰富、活泼，可稍稍弥补同类色相对比的不足。仅仅改变一下色相，就会使总色调改观。辅助色的加入让界面多了些层次感、空间感。

最后加上10%的点缀色，由同类色和邻近色组成的主色与辅助色比较平稳，但容易单调，为弥补这一点，可以将对比色或互补色作为点缀色。恰到好处地体现出了“点睛”这一妙笔，整个页面顿时生动起来，增强了页面主题的表达力。这个特性发挥到最好的状态并增强了视觉节奏感。对比色要比邻近色鲜明、强烈、饱满、丰富，容易使人兴奋激动和造成视觉以及精神的疲劳。所以占总面积小，是跳跃的。一般用于按钮，颜色起到突出的作用。互补色的对比，要更加完整、丰富、强烈，能适应视觉的全色相刺激的习惯要求，它的过分跳跃，会使人感觉不安定、不协调，有一种幼稚、原始的和粗俗的感觉。所以这样的颜色对比会常常出现在Q版游戏中，由于手机游戏Q版游戏居多，这种大胆的设计也便屡见不鲜了。

在颜色的搭配上，不论是主色还是辅色，都不能僵硬的只使用这三种颜色，要通过界面中具体信息灵活运用它们的衍生色。在适当运用不同纯度的，不是严格意义上的对比色系组合时，通常能起到的主要作用是分清主次关系。这样的对比色系的对比特性虽然减弱了，但界面色彩看起来容易协调、柔和，同时也能突出主题。当然这不是意味着颜色越多越好，要从游戏的整体风格上来考虑。在配色方案上可以选择流行色，这是国际流行色界的前辈们凭借经验与创造力设计出代表国际潮流的色彩构图，他们的知觉与灵感已被大众熟识，容易得到大众认同。

整套界面的设计规范应该是一致的，包括颜色、字体、图标、按钮等。字体的颜色选择是和背景颜色息息相关，形成强烈反差，才能使字迹清晰显示，一般文字应选用暖色调或亮度高的颜色，背景选用冷色调或亮度较低的颜色。文字要醒目、易读，避免由于手机屏幕过小、光线不合适造成的视觉疲劳。其次，背景颜色和文本颜色最忌讳同一色相。如无特殊情况，不会出现白纸黑字的情况，其一因为白色背景反光作用强，对玩家眼睛刺激大；其二这样的设定被默认为书籍，会给人以呆板的印象。所以背景色中适当加入一点明度较高饱和度较低的颜色效果会更好。标题字体的颜色可以和文本字体区别，同一级别的标题要用相同颜色和大小的字体。

如果想制作出一个优秀的手机游戏作品，就应该在颜色搭配上多下些功夫。注意各个面板和其中元素之间的颜色搭配，善于利用文字设计和颜色搭配的原则，就一定会制作出优秀的手机游戏作品。

G898

A

1007-0125(2015)04-0164-01