---

　　姜堰上元UI设计培训，用户界面设计的色彩匹配

　　钱老师：18921729953(微信同号）

　　姜堰人民中路东方不夜城2号楼2楼上元教育

　　配色是一项非常重要的艺术素养，需要系统的学习和大量的观察实践来提高。一般来说，手机UI界面的设计要遵循以下四个配色原则:整体色调要协调，配色要有主色调，要注意色彩平衡和对比色的和谐(内容参考书《移动应用UI设计》)

　　颜色的形象

　　当人们看到不同的颜色时，会有不同的心理反应。比如人看到红色，下意识的心跳加快，血流加快，然后就有一种兴奋、刺激、热情的感觉。这就是色彩的作用和形象。

　　暖色调能呈现温暖、温馨的气氛，冷色调能呈现安静、凉爽、优雅的气氛；对比色调搭配可以产生强烈的视觉效果，给人明亮、明亮、喜庆的感觉，但搭配不当会产生庸俗、刺眼的不良效果。

　　配色原理

　　(1)整体色彩协调性:界面设计首先要确定主色，主色会占用页面大面积，其他辅助色要以主色为基础进行搭配。这样可以保证整体基调的协调统一，突出重点，使作品更加专业美观。

　　(2)关键色:配色时，可以选择一种颜色作为整个界面的关键色。此颜色可应用于焦点图、按钮、图标或其他相对重要的元素，使其成为整个页面的焦点。主色和大面积背景色不要用关键色，要用强调界面重要元素的小面积分散色。

　　(3)注意色彩的平衡:色彩搭配的平衡主要是指色彩的强弱、轻重、深浅的关系。一般来说，相似颜色的搭配方案往往能达到很好的平衡和协调，而高纯度的补色或对比色，如红、绿等，则容易带来过度强烈的视觉刺激，让人感觉不舒服。另一方面，为了亮度的平衡，高亮度的颜色显得更亮，可以增强空间感和活动感；低明度的颜色会更加强沉稳低调的感觉。

　　(4)调和对比色:当有两种或两种以上的对比色时，页面整体色调会比较均衡，因此需要调和对比色。

　　通常有三种方法来协调:

　　A.调整相反颜色的区域，使一种颜色为主色，另一种颜色为辅色。为了减少辅助色的色感，可能需要适当调整其纯度和明度；

　　B.在两种相反的颜色之间添加颜色，以引导颜色在色调上的逐渐过渡。比如调和红黄，可以加橙色；

　　C.加大量中性色，黑、白、灰都叫中性色。他们没有任何积极或消极的情感色彩。这是一种非常有效的混合其他颜色的方法。

　　常见的配色方法

　　每种颜色在印象空间中都有其独特的位置，因此可以通过加减来近似估计印象。如果每种颜色都是高亮度，那么它的叠加就会达到柔和明亮的效果；如果每种颜色都很强，叠加的效果也很强。

　　黑色:作为整个界面的主色，表现出高端、精致、稳定的感觉。同时随着不同明度的变化凸显界面层次和主次效果。

　　红色:是影响效果最大的颜色，也容易让人激动。搭配黑色可以减少对人大脑的刺激，弥补黑色带来的虚弱、恐惧等负面情绪。

　　绿色:置于黑色背景下，即使是小色块也会很吸引人。绿色还可以减弱黑色和红色对人脑的刺激，赋予生命活力和安全感。

　　白色:文字颜色与黑色背景颜色形成鲜明对比，整个页面变得明亮、明亮，突出了主要内容，便于人们浏览内容一目了然。

　　不同的颜色搭配在一起，色相、彩度、明度都会改变色彩效果。两种或两种以上的浅色在一起不会产生对比效果，很多深色也不会把人吸引到一起。然而，当浅色与深色混合时，浅色显得更浅，深色显得更深。明度和色相产生同样的对比效果。

　　不同的颜色搭配在一起，色相、彩度、明度都会改变色彩效果。两种或两种以上的浅色在一起不会产生对比效果，很多深色也不会把人吸引到一起。然而，当浅色与深色混合时，浅色显得更浅，深色显得更深。明度和色相产生同样的对比效果。

　　当然，在实际设计过程中，设计师也需要考虑乘除法。比如亮度和对比度相同的颜色，在色环上的角度不同，就能得到万千感受。

　　姜堰上元UI设计培训，欢迎来咨询！

---