首页 > 代码库 > 简单做成好配色--赖人配色表

简单做成好配色--赖人配色表

喜欢从业的专注,七分学习的态度。

技术分享
色阶

工作本身和界面没太多关系,出于爱好和场景需要,每个月总会做那么几个界面,会写几个PPT,PS几张图。不是美术出生,患有严重颜色选择困难症,什么颜色好看?什么颜色合适?最无奈的时候百度搜罗类似成品来做内容修改。这样做往往:搜索类似的成品在大部分情况下会耗时到绝望,最后只能草草了事。
做过漂亮的,有过欠缺的,还有超级欠缺违和的。谈不上学问,整理整理也略有些门道,最简单实用的门道就是巧用配色表。


如果不是特殊情况,切忌简单功能界面使用颜色过多。基础色调在3~4种都OK,再多就又花又乱了。一般的配色表给出的也是3种颜色来搭配。
配色表:使用配色表是要根据一些氛围场景适配出合理的颜色搭配组,利用给出的颜色搭配组,结合自己当前需要应用的环境进行调试,一步解决违和,进一步调试更换组实现优化。
在使用配色表前先分析应用环境。先,分析应用场景,观察当前界面环境;后,找配色表的颜色来尝试应用。

技术分享
配色表

选择配色表


  • 配色表网络中有很多提供,在百度中搜索配色表,查看后保存几个自己喜欢的,方便平常使用。
技术分享
配色表搜索

搜索的结果都是网络上常用的配色表,可以根据自己喜好选择。这其中小影工具箱的网页设计常用色彩搭配表,包含有一些印象选择和对于颜色选择的参考说明,比较适合做快速简单的颜色搭配。

使用配色表


以小影工具箱的--网页设计常用色彩搭配表为例贴图说明。

  • 主页和两级类目
技术分享
类目

推荐直接使用印象搭配类目。

  • 选择场景查看右边颜色组
技术分享
颜色组

选择场景后对照右侧颜色说明,当场景说明与应用的场景对应后,颜色组基本都是和谐搭配,挑选尝试更换,选择效果最佳的应用。

色彩搭配看似复杂,但并不神秘。

简单做成好配色--赖人配色表