曾原

　　摘 要：21世纪是科学信息数字化技术飞速发展的世纪，智能手机已经得到了广泛的运用和普及，各手机品牌对技术的不断研发和更新，消费者对于手机的要求也有所提高，特别是对手机的UI界面的设计的要求。对于手机的UI界面来说，色彩元素是最主要的因素。本文通过对手机UI界面设计时的色彩的搭配作用进行了简要的介绍，然后就在手机的UI界面中如何加强色彩元素的应用提出了具体的意见和建议。

　　关键词：UI设计；色彩元素；运用；分析

　　中图分类号：J524 文献标识码：A 文章编号：1005-5312（2017）32-0041-01

　　随着各种手机应用软件的不断升级和优化，色彩对于UI设计来说是相当重要的，不同色彩的合理搭配会对整个UI 的界面带来不一样的视觉效果，在设计UI界面时，色彩的组合不仅要有创新，还要符合产品的理念。

　　一、手机UI界面设计的色彩搭配分析

　　1.界面风格化。手机的UI界面要具有自己独特的风格，这常常要通过色彩对其加以展示，不同的用户对于手机的UI界面的需求也不同，不同的色彩的搭配会给用户带来不一样的视觉冲击。比如一些用于购物消费的软件，为了激发客户的购买欲望，对产品进行宣传和促销，就偏向于选用暖色和高明度的色调，使整个界面显示出轻松明快的风格；有的音乐类的软件，为了引起客户对于往事的怀念，引起情感上的共鸣，因此在界面上通常采用较为怀旧的风格。

　　2.功能的引导性。在设计UI界面的时候，通常要用不同的色彩来指导用户对界面进行浏览，了解软件的特点和功能。在界面中，在浅色的背景上，常常用明度比较高的颜色与之相搭配，提示客户继续浏览或者点击，此外，客户在看到不同的色彩的时候，不同的色彩明度对他的注意力也有影响。在UI界面里，也经常会使用到相同的色相但是明度不同的颜色来指导客户按照规定的顺序进行浏览，要求客户点击的部分用高明度的色彩加以提示，在客户操作失误的部分，用类似灰色这样的低明度的颜色提示客户不能继续或者不可以点击。

　　3.信息理解力的强化。客户在接触一些信息量较大的软件的时候，比如学习类和新闻类的软件，信息的大量显示会使他们分不清楚主次，感到十分混乱。对于这样的界面，在处理的时候可以运用到色彩的渐变、对比和重复等方式，来达到对信息的区分、标示以及强调作用，幫助客户快速地理清信息的主次关系，使界面保持清晰、合理的感觉，提高客服的使用感。

　　4.信息的记忆性加强。色彩的真正内涵并不是完全来自其自身的属性，这与人们的生活经验的积累密不可分。据相关的研究结果显示，大多数人对色彩的感知度要优于对于文字的感知度，对色彩带来的记忆性也要强一些。比如，在日常生活中，交通信号灯的颜色会用到红、黄、绿色，用蓝色和红色来区分冷热水的水龙头，这些生活中随处看见的对于色彩的利用，都源自于人们对色彩的敏感程度。我们可以在设计UI界面的时候运用到色彩的这个功能，用不同的颜色或者是用相同颜色的不同的明度来对相应的模块进行设计，客户就可以依据色彩的差异性来加深对模块的功能的记忆，加快客户对于软件的使用。

　　二、手机UI界面设计的色彩应用技巧

　　1.颜色应用与用户关系的应用技巧。颜色的应用要和客户的年龄层次的不同而做出适当的调整，每个不同的年龄层次的客户对于手机的UI界面的风格的喜好是有区别的。比如年轻女性客户都比较喜好活泼、轻快的界面风格；男性客户多偏向于简洁的色彩搭配；多数老年人的视力不佳，他们偏好于颜色对比分明的UI界面。不同的颜色还会影响客户的情绪。比如益智类的游戏要营造轻松有趣的感觉，常常使用饱和度高的色彩；理财类的软件要给客户一种严禁的感觉，通常更适合蓝色等冷色调。

　　2.颜色应用与界面结构的应用技巧。在UI界面的设计中，主页和引导页的颜色的搭配极其重要，一般来说，引导页的颜色采用三种不同的种类进行区分，一是使用单色调，二是使用临近的颜色，三是使用对比的颜色。主页和引导页之间的颜色可以选用同类色系或者互补的色系，同类色系的搭配可以让主页和引导页之间的色彩变现得更为和谐；互补色系可以使视觉产生跳跃感。进行背景色选择的时，通常选择黑白灰色系或者彩色系，黑色让人有种神秘感，灰色和白色可以对页面起到简化的作用；彩色背景可以引起客户的注意力，营造不同的风格，只是在选择的时候要注意不要选择饱和度和明度较高的色彩，避免和主题发生冲突。

　　三、结语

　　手机的UI界面的色彩的搭配除了要考虑美观，还要考虑到不同客户们群体行业和心理，以及不同的界面要通过不同的颜色的搭配来达到理想的效果，不同的颜色搭配还会影响到客户的心情。因此，UI界面在设计时更要要求设计师加强对于色彩搭配的技巧，设计要更具人性化的特点。

　　参考文献：

　　[1]黄超，谭美玲，柯文燕等.手机UI界面的色彩搭配研究[J].科技创新与应用，2016（19）.

　　[2]李时颖.UI设计中的色彩运用研究[J].电脑知识与技术，2016（31）.

　　[3]温阳，田胜.浅析色彩在UI设计中的应用[J].建筑工程技术与设计，2015（25）.

　　[4]褚丽美.UI设计中的色彩应用研究[J].美术教育研究，2017（11）.