1.7  APP色彩设计

1.7  APP色彩设计

APP设计还有一个很重要的元素就是色彩。色彩作为视觉信息，无时无刻不在影响着人类的正常生活。美妙的自然色彩，刺激和感染着人的视觉和心理情感，提供给人们丰富的视觉空间。下面将从冷暖色调对比、色彩搭配技巧和常见APP界面色彩3个方面来介绍色彩在APP设计中必不可少的重要性。

具有鲜艳色彩的图标设计如图1.56所示。

色彩是一种独特的情绪表达方式，或者说是性格特征的体现，每种颜色都有属于自己的声音。作为一种视觉元素，色彩是很难被量化、衡量的，也很难用理性的角度去分析和阐述它。本节从UI设计的色彩本质，以色彩搭配形式及色彩对用户的潜在影响和心理暗示等方面着手，去分析色彩、解读色彩。

色彩图标如图1.57和图1.58所示。

[作者分享]

色彩与光的关系：人类对色彩的认识只停留在感性认识上，仅仅通过可见光谱感知。自然光投在垂直的白色立面上，出现一种连续色带，相互渐次变化，呈现出红、橙、黄、绿、蓝、靛、紫七种色彩，我们通常称为虹。物体反射所有的波长时呈现白色，物质吸收全部色光时呈现黑色。

1.7.1  冷暖色调对比

色彩的冷暖受个体生理、心理以及固有经验等多方面因素的制约，是一个相对感性的问题。色彩的冷暖是互为依存的两个方面，它们相互联系、互为衬托，并且主要是通过它们之间的互相映衬和对比来体现其特点。一般而言，暖色光使物体受光部分色彩变暖，背光部分则相对呈现冷光倾向；冷色光则正好与其相反。

手机界面上的冷暖色调对比如图1.59所示。

[作者分享]

颜色属性也指颜色的冷暖属性。色彩的冷暖感觉是人们在长期生活实践中由联想而形成的。红、橙、黄色常使人联想起东方旭日和燃烧的火焰，有温暖的感觉，所以称为“暖色”；蓝色常使人联想起高空的蓝天、阴影处的冰雪，有寒冷的感觉，所以称为“冷色”；绿、紫等色给人的感觉是不冷不暖，所以称为“中性色”。色彩的冷暖是相对的。在同类色彩中，含暖意成分多的较暖，反之较冷。

原图如图1.60所示。

暖色调如图1.61所示。

冷色调如图1.62所示。

1.7.2  色彩搭配技巧

当不同的色彩搭配在一起时，色相的彩度、明度作用会使色彩的效果产生变化。两种或者多种浅色配在一起不会产生对比效果；同样，多种深色合在一起效果也不吸引人。但是，当一种浅色和一种深色混合在一起时，就会使浅色显得更浅，深色显得更深；明度也同样如此（图1.63）。

图1.63中的颜色搭配形式如图1.64所示。

1.7.3  常见 APP 界面色彩

它是指根据APP的行业、风格和定位，寻找同类型APP的常用色彩搭配组合。例如，橙色在商业类的APP中备受青睐，而蓝色则在社交类型的APP中使用更为广泛。具体可以参考同类APP案例进行界面色彩搭配。

APP界面色彩如图1.65所示。

[作者分享]

手机界面的总体色彩应该与界面主题相协调。在手机软件界面的色彩设计上，应妥当运用色彩这种感性元素来协调各要素之间的关系，使其形态和功能特点得到突出，达到明确产品特征、强化诉求的目的。对于界面的整体色调，最好使用邻近色或同类色进行色彩构成，并采用色彩的弱对比。如果整体色调对比太强，很容易给用户造成视觉疲劳。