色彩在App 界面设计中的应用

李子丹，高力群

（河北科技大学，河北 石家庄 050024）

1 色彩的基本功能

色彩无处不在，是构成我们日常生活的重要因素，从远古社会到现代社会，人类的生产生活都离不开色彩的运用。经过漫长的认识过程，人类实现了对色彩的从具体到普遍、从形象到抽象的认知过程，逐渐完善了关于色彩的科学理论知识，并运用到了生产实践和艺术实践的各个方面。为有效利用色彩的科学特性，在设计实践中更好地运用色彩，在此对色彩的基本功能进行一个简单的分析。

1.1 象征功能

色彩的象征功能是由人长期发展来的主观心理产生的，并受到民族、文化、性别、性格等因素的影响，并表现出一定的共性。如红色往往让人感到兴奋、热烈、喜庆，蓝色给人沉稳、冷静的感觉，绿色象征着清新、希望、和平，白色则代表了纯洁、神圣，黑色意味着庄重、坚毅等等。不同的色彩运用在界面设计中时也体现了其对应的不同的象征意味，所以在设计具有某一种特点的手机App 时，要与其对应的象征功能相符，不能产生冲突、不和谐的感觉，如健康监护类App 就要尽量避免使用活泼跳脱的色彩，选用平和沉稳的颜色更为合适。

1.2 联想功能

联想是人将记忆中的事物之间建立起内在联系的过程。色彩联想是指视觉器官在接受外部色光刺激的同时，会自动唤起大脑有关色彩的记忆痕迹，使人们将眼前的色彩与以往的视觉经验相联系，经过分析、比较、想象、归纳、判断等活动，形成新的身心体验[1]。比如人们在看到红色时往往会想起火焰，看到绿色则会想到植物，看到白色会联想到雪，看到蓝色会联想到大海等等。色彩联想来自于以往的直接或间接的生活经验，所以丰富的阅历有助于建立更具广度和深度的色彩联想。

色彩联想可分为具象联想和抽象联想，具象联想是指人们会将某一种色彩和具有该色彩的常见的物体进行联系，如看到蓝色会想到大海，反之亦然；抽象联想则更深一层，是指人们将某一种色彩和该色彩抽象出来的感觉、意味进行联系，如看到蓝色想到忧郁，反之亦然。当然，色彩联想也会因为个体经历、性格等的不同而有所差异，但普遍来说仍具有一定的共性，正确利用色彩联想可以有效地传递信息，起到正确的导向和隐喻作用。

1.3 情感功能

色彩作为一种物理现象，其本身并不代表某一种情感，色彩的情感功能是建立在色彩的联想功能之上的，人们在初次建立色彩联想的时候会在心理层面留下某种情感和情绪，当人们再一次接收到该色彩刺激时，就会引发对应的情感和情绪感受，一旦某种色彩和某种情感建立稳定的联系，其情感功能就得到了加强。

色彩的情感也会受到色彩明度变化的影响，不同明度下的色彩给人的情绪感受也是不同的，大多数高纯度色彩会表达积极的情感意义，态度积极度与色彩纯度往往成正比；大多数低纯度色彩通常与消极的情感意义相联系；纯度中等的色彩表现出的情感态度也往往是较为中庸的[2]。所以，虽然某一种色彩代表着一种情绪，但设计师也可以通过调整其纯度和明度来达到不同的效果，实现更为丰富的表现形式。

2 智能手机App 界面的色彩搭配

为了更好地体现智能手机App 的功能价值，满足用户的审美需求，设计师不仅需要对页面布局进行考量，更需要对App 界面内的色彩进行科学的搭配。实践证明，色彩在人机交互界面中具有关键的作用，大到整体背景，小到图标按钮，都离不开色彩设计。

智能手机App 界面的色彩按应用范围大小来分大致可分为主色、辅助色和点睛色三种。主色即界面整体的色调，主色调的选取奠定了App 整体的色彩风格，表达了开发者的价值理念，也决定了用户对App 的第一印象，所以主色对于App 来说起到了重要的作用。主色调的选用需要设计师对App 功能和情感基调进行大致的判断，然后确定符合其象征功能、联想功能及情感功能的主色调，保证用户在使用过程中的舒适体验。但在实际的设计中应注意，避免使用太过鲜艳的主色调，这样会使得界面信息容易湮没在浓烈的色彩之中，给用户带来不适和不便。单一的色彩并不能对界面进行划分和区别，所以界面设计中光有主色是不可以的，还需要辅助色对其进行修饰和烘托，从而使界面更加丰富、有层次，这样才可以使用户在分辨界面内容时更加轻松自如，并获得一个良好的审美体验。辅助色往往选用和主色相邻的颜色，如主色为红色时可选用橙色或黄色，亦或者是选用主色的补色，可以打造高对比度的颜色组合，使视觉冲击力更强。同时，设计师还可以使用同色系来作为辅助色，同色系的使用不仅可以保持界面色彩的统一性，使视觉感受更加和谐，还可以打造不同的层次感，让整体画面更加美观丰富。点睛色指的是运用在重要信息如标题、按钮处的颜色，往往具有较强的视觉冲击力，所以主要起到提示用户的作用。点睛色作为占据界面不多的色彩，可以采用和主色调及辅助色不同色系的颜色，如用于选择按钮的白色和灰色，但要注意和整体的搭配，并且要考虑到对文本的衬托作用，不能为了美观而影响了重要信息的读取。

除了传统的色彩，设计师在设计界面时也要考虑流行色彩的影响。流行色是在一定的时期和地区内，被大多数人所喜爱或采纳的几种或几组时髦的色彩，即合乎时尚的颜色。在现代快节奏的消费趋势下，人们对色彩的要求也在不断变化，尤其是追求时尚的年轻群体，会对色彩有着更为独特的需求。联想手机在2006 年9 月发布的“粉”时尚手机i807 就是国内首个利用时尚色彩获得成功的案例。合理利用流行色彩可以帮助手机App 吸引更多目光，从而有利于App 的推广和持续发展。所以，设计师在设计界面色彩，特别是针对年轻人的手机App 界面时，需要将这种心理需求考虑在内，这也要求设计师对流行色彩的趋势有着敏锐的嗅觉和独到的理解，才可以打造极具冲击力的视觉效果。

3 智能手机App 界面色彩的应用价值

通过科学合理的色彩搭配可以使App 的功能得到更好的体现，这也是界面色彩设计的价值所在。App 界面色彩的应用价值主要体现在以下三个方面。

3.1 辅助认知

良好的色彩搭配可以帮助用户进行信息导引以及简化部分操作，如可以通过同一色彩下不同的明暗度来表示标签页的打开状态或隐藏状态，从而帮助用户减少认知失误的概率。同时，运用人们默认的某些颜色模式来起到信息提醒的作用，如灰色的按钮代表不可点击，绿色的按钮代表可继续操作，红色的弹框代表出现错误等，用户甚至不用仔细阅读文字提示便可以根据既有经验做出正确的操作，可以有效降低认知负担。

3.2 调动情感

前文已对色彩的情感功能做出了相对具体的阐述，而这也是其价值的所在。品牌或开发者可以选用某种特定色彩来作为企业的代表色，与广大用户建立情感联系，当用户熟悉了该色后便可在第一时间调动对品牌的认同感，从而吸引用户进入App，比如快餐巨头肯德基的App，其鲜艳热烈的红色成为了它鲜明的品牌标志，用户即使视线快速扫过，也很容易联想到它美味的食品，从而诱使用户点开App 查看有无新品上市，隐形中增加了产品销量。

3.3 提升美感

色彩向来便是艺术的表现手法之一，设计师通过高超巧妙的色彩搭配可以很大程度上增强App 的艺术性和美观性，从而提升App整体的审美价值。如爆款国产中国风游戏《江南百景图》便因其古典高雅的国画配色和考究的画作细节而受到众多游戏玩家的赞誉，极具中国古典美的色彩运用是其成功的重要因素。

4 智能手机App 界面色彩的应用原则

通过以上对色彩功能、类别以及价值的分析，对智能手机App界面上的色彩应用原则进行了以下总结。

4.1 符合主题原则

每一款App 在开发之时就确定了其整体的设计风格和情感基调，设计师在设计色彩时需要针对用户的需求和期望，贴合App 的内容，尽可能地体现其功能，以带给用户更好的使用体验。在选取主色调时，不同行业的要求也有所不同，如银行类的App 需要选用沉稳大气的色彩，来给用户一种安心的感觉，而社交类的App 则需要选用轻快活泼的流行色调来给人一种新鲜有趣的感受，这样有利于用户在第一眼看到时就能大致确定产品属性，容易建立认同感和信任感。

图1 肯德基App 图标

图2 《江南百景图》游戏画面

4.2 协调统一原则

色彩的协调统一意味着较好的整体性，只有采用协调的配色方案才能在视觉上给人以美的享受，而不是让人感到杂乱无章和视觉疲劳。设计师在设计时要主次分明，使色彩和谐统一，既能很好地区分不同的内容板块，又要保证大小间距的适度，还应突出强调重要信息，同时，还要兼顾目标群体的审美需求，只有满足这些要求，才能使用户在使用过程中得到一个舒适良好的体验，有利于建立较高的忠诚度。

4.3 情感互动原则

色彩设计不光是视觉层面的，也是精神层面的，这是由色彩的象征、联想、情感功能所共同决定的。用户在使用某一款手机App 时往往寄托了自己本身的一种情感，和对App 的一种期待，所以如何选用适当的色彩来回应这种情感和期待就成为设计师需要考虑的重要内容。比如，目标用户为儿童的App 就需要选择明度和纯度较高的色彩，来满足其感受世界和探索世界的需求，而针对成人的App 则应该选择较为平和稳重的色彩以符合其成熟稳重的气质。一个优秀的界面会在用户和产品之间建立良好的互动，会回应用户的情感诉求，只有这样才能增加用户的使用频率，提升用户的好感度，达到较为理想的用户粘性。

结语

信息时代的背景下，智能手机App 的界面有着多元化的特点，色彩设计在其中发挥着重要的作用，是主观和客观共同作用下的产物。色彩在界面中的设计方式并没有标准的规则和范式，只有当设计者站在用户的情感和审美角度，应用科学的规律，对界面色彩进行人性化、合理化的设计时，才可以真正发挥色彩独特而迷人的魅力，才能更好地帮助用户。