ui设计必备的配色理论及配色表


每次做ppt和写网站的时候总是为配色发愁
到底怎样才能调出好看的配色方案呢
调着调着感觉自己已经是个色盲了
今天博主就给你们带来了福利
教你们怎样配色,并在文章结尾给你们一套好用的配色表+渐变表
问君能有几多愁,ui设计是真愁

色彩心理学

男生和女生的色彩偏好不同,各个年龄段的色彩偏好也不同,这是不同性别对各个颜色的喜爱程度表:
男女颜色偏好表
如图所示,男生和女生对喜欢蓝色,所以19年比较火的代刷网好看的主题都采用的蓝色作为主题色:
代刷网截图


色彩理论

设计界面的时候有很对的色彩可以使用,只不过你并不会使用。首先,看一下著名的色环
色环
百度上会有很多更牛逼更详细的色环,接下来就以这个为例
配色必须暖色和冷色之间平衡,才能使页面更美观,以下是色环的配色方式
色环配色方式
互补色、邻近色、三色组、分裂互补色、矩形(双分裂互补色)、正方形


色彩平衡-黄金比例

色彩黄金比例 = 60%的主色 + 30%辅色 + 10%其他颜色

这样可以使配色达到色彩平衡的最佳比例,如图:
色彩黄金比例


色彩中的阴影

合理使用阴影可以是界面更美观,但有一个常见错误是使用半透明的黑色作为阴影。
阴影


字体色彩

现在大多数页面背景都为白色,页面简洁成为了主流,所以字体颜色极其重要
左边的文本颜色是纯黑色 (# 000000),右侧的色彩看起来是黑色的,但其实是加入了蓝色的黑色,变成了蓝黑色 (# 181441)。字体色彩在大多数白色的界面中,非常重要,如下图:
字体颜色对比
这样看可能对比性不大,来看一下运用在实例上的效果:
字体颜色实例
当然,文章中不能这么玩


最后,给大家奉上:ui配色及渐变配色表
配色表

声明:文生技术博客|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA协议进行授权

转载:转载请注明原文链接 - ui设计必备的配色理论及配色表


做个俗人,贪财好色。