关于UI设计要如何配色彩的常识和总结

关于UI设计要如何配色彩的常识和总结
首先我们想在UI设计中搭配好颜色就首先得分清楚十二色环中的那些颜色是邻近色,那些颜色是互补色(黑白灰不算在十二色环中,他们只能算色,不能算是彩色),下图便是十二色环:
关于UI设计要如何配色彩的常识和总结
关于如和寻找互补色图中已经给出答案,邻近色则是一个颜色的30度左右的颜色则是这个颜色的邻近色。知道了什么是邻近色和互补色后我们来如何搭配这些颜色。
一般来说一个页面中的颜色不会超过三种,我们将其分配成主色、辅助色、点缀色,其中主色占据的比例最大为百分之70,辅助色占据的比例为百分之30,点缀色占据的为百分之五。
在搭配颜色的时候我们只要确定了主色,辅助色和点缀色的颜色就很好确定了,因为一般来说辅助色都是主色的邻近色,而点缀色都为主色的互补色。如果你的主色和辅助色是对互补色的话那么恭喜你,你的页面做出来的效果会有点辣眼睛。为什么会这样呢,应为互补色本来就是一对相冲的颜色,如果他们在页面都占据一定的比例,会使人有种不舒服的感觉,但也因为他们生来相冲,会在对方的领域十分耀眼,所以用来做点缀色是在适合不过了。因为点缀色在页面中占据比例极小,所以即便使用互补色也不会使画面不协调,更因为他们天生相冲的特性会使得被点缀的对象会在画面中极为突出完美实现了点缀色的作用,所以点缀色多半为主色的互补色。而辅助色选择邻近色说到底还是为了画面的协调感。
怎么确定主色,主要看你这个网站或者海报想要表达什么情绪来确定。如果科技公司的网站主色多半是蓝色,因为蓝色给人的情绪就是科幻、未来等等,这是人类千年以来的积累。我们看到蓝色就会浮现这些情绪,就如看到红色就会想到热情、温暖等等情绪。除了以想要表达什么情绪来确定主色,还有一种方法就是以公司的logo来确定主色,logo是什么颜色主色就是什么颜色。
谢谢观赏