UI设计之色彩搭配神器 Color Cube

　　UI设计的颜色与神器相匹配 Color Cube

　　效果图：

　　步骤1 色彩基础：

　　色彩是光在物体上反射到人眼的视觉效果。也是我们常说的颜色。

　　步骤2 三色原色：

　　红绿蓝称为色光三原色(下图左);

　　红黄蓝称为三原色(下图右);

　　设计中的三原色是指颜色原色，即 红黄蓝

　　步骤3 色彩三属性：

　　色相：色相。例如：红橙黄绿蓝紫;

　　亮度：颜色的亮度。例如：早晚;

　　饱和度：又称纯度，色彩鲜艳。

　　色彩打牌关于亮度，色彩本身就有亮度差异，黄色亮度最高，紫色亮度最低，红色、蓝色、绿色亮度相当;

　　明度和饱和度相互影响，在设计中需要综合考虑;

　　步骤4 色彩搭配：

　　常见的色彩搭配

　　单色搭配：只有一种色相通过明度和饱和度的变化进行搭配;

　　近似色搭配：在色相环中，相邻色之间的搭配。又称相邻色搭配。

　　补色搭配：180色相环°搭配称为补色搭配。

分裂色搭配：同时用补色和近似色的搭配方法称为分裂色。

原色搭配：三原色搭配称为原色搭配

　　步骤4 所以重点来了——知道颜色，知道如何选择颜色搭配吗?

　　分享一些好的配色方法：

　　方法一：将画面组织成主色和辅色。

　　主色选择由产品决定。也就是说，不同的产品选择不同的颜色，如：男性选择蓝色、灰色、黑色等;女性选择红色、黄色、紫色;

　　根据搭配规律选择辅色;

　　例如，红色可以通过单色搭配，近似色(黄色、紫色)、对比色(绿色)等方式搭配。搭配的一般规律如下：

　　近似色：过度时注意不要太明显;

　　分裂色： 70%、25%、5%的基本原则;

　　补色：20%、基本原则80%;

　　方法二：配色工具介绍：配色工具介绍

　　官网地址：http://www.fancynode.com.cn/colorcube/home

　　1. 色彩分析:将任何图像文件拖入软件界面，按“分析”按钮 蜂巢地图，色板，颜色索引 三种样式向用户展示图像中的主要配色;

　　例如：

　　2. “导出色板”可以根据分析的颜色进行，放入PS中使用:

　　打开PS，导入色板，就可以通过色板取色了!

　　3. 色彩索引：可获得主色与辅色的搭配;

　　4. 批量网页截图

　　如果觉得网页还不错，可以支持批量网页截图，只需将URL地址复制到Coloror 可以在Cube中;

　　复制地址：

　　右键设置：

　　支持三种颜色格式(#9d2613)、9d2613、157 38 19)

　　设置好后，点击

　　(中间变蓝即为使用状态)Ctrl+V即可;

　　此时，URL地址的页面被加载到下载列表中;点击三角形开始下载;

　　右键：

　　下载完成!

　　5. 屏幕取色：

　　打开后，直接获得屏幕任意位置的颜色，与PS搭配，方便;

　　将16进制代码复制到PS中使用;

　　在色彩神器的帮助下，我们不再需要在设计中为色彩的选择而努力!