1.1.4　UI设计的配色

配色和谐的界面会为用户提供舒适感，增强用户好感度。配色和谐不是笼统地指某种色系，而是包括色调统一、对比合理等。

1．主色、辅助色、点睛色

主色决定页面的色彩风格，占据较大比例。选择一种色调，如同色系或邻近色的1～3种色调作为页面的主色。

辅助色为页面添加活力，比例比主色要小，主要是活跃画面，使画面富有动感，避免呆板。

点睛色所占比例最小，能抓住用户眼球，起到引导作用。作为点睛之笔，颜色的类型也要慎重选择。

如图1-12左边第一个案例所示，选择紫色调以及同色系作为主色，再添加人物（辅助色）与文字（点睛色），使画面活泼有朝气。需要注意的是，三个色调的比例并没有严格的标准，但是在搭配时要注意三者之间的对比关系，营造一个和谐的画面效果，如图1-12后三个案例所示。

图1‑12

2．色彩原理

色调统一。根据APP的类型为其选择色彩，如绿色代表生命力，红色代表热情，蓝色代表开朗，有时候也代表沉静、忧郁。背景太亮或太暗都容易使人疲倦，文字的颜色太浅或太深也影响阅读。

对比合理。颜色有对比，画面才活跃。试想，如果黑色的背景搭配彩色的文字，结果是什么也看不见。黑色的背景，添加白色的文字，黑白分明，才让人容易分辨，即深色的背景+浅色的文字，浅色的背景+深色的文字。图形色彩的选择也遵循此理。

3．颜色类别

颜色的类型并不是越多越好。太少显得乏味，太多又杂乱无章。以游戏APP为例，绚丽的场景，丰富的色彩，乍一看眼花缭乱，实则颜色的使用都被限制在一个范围内。调整颜色的色相、饱和度、明度，可以营造出五光十色却又有规律可循的彩色世界，如图1-13所示。

4．颜色测试

以游戏APP为例。一款游戏上线，可以操作的设备包括手机、计算机以及平板电脑。不同的设备，色彩的显示效果不同。如何为不同的设备提供最优的色彩方案，需要经过不断测试。

图1‑13