UI设计中色彩表现方法与体系.pdfVIP

在线学习好工作 / UI 设计中色彩表现方法和体系 常见色彩表现方法 可见白光是由多种色彩组成的，为了更好地应用这些色彩，我们必须依赖一些 色彩表现的工具，把色彩按一定的序列排列起来，得到之前提到的色相轮。 如图为最早的色相轮的模式，早在1966 年牛顿通过三菱镜发现，太阳光通过 三菱镜折射可以分散出很多种颜色，然后通过牛顿这个发现，人们把折射出的这 些色彩进行归纳和分类然后构成我们现在看到的色相轮这个圆环，一共12 种色 彩，这个色轮就称作12 色相环。通过这个色相环，我们可以很明确的找到对比 色和冷色、暖色之间的关系，但这个色相环也只能表现出色彩的冷暖关系和色相 的这些关系，并不能表现出色彩的明度和纯度这些关系。 通过后来的一些演变，人们开始采用这种立体式模型来表现色彩之间的更明确 的关系。如图这张图片就是一个立体式模型，我们可以看到环绕球形赤道这一圈 有一个色相的变化。在赤道上选择一个色相比如红色，这时红色越靠近中心轴就 会有一个成都的变化，靠近球体表面的颜色纯度最高，靠近球心色彩纯度降低。 同样这个模型表现了色彩明度上的变化，北极代表明度最高的一个部位，球体南 极代表明度最低的黑色。所以红色越靠近球心纯度越来越低，从球心一直延伸到 顶部北极，明度越来越高，这就是色彩的另一种表现形式，一个立体模型。这个 模型的好处在于可以同时把色彩的明度和纯度的关系表现的比较到位，所以常见 的色彩表现形式就包括色相环和立体式模型。 RGB 色彩 如图RGB 三种颜色当然圆圈，通过红色光、蓝色光、绿色光不用比例的调配 可以得到其他不同颜色的色彩。通常RGB 模式用在电子小视频、手机屏幕等电 子设备，即通过RGB 模式进行不同颜色的光的混合来调配出不同的色彩。 如图，绿色的数值为255，就呈现绿色。若红色255 与绿色255 两种颜色结合， 中间就呈现出了黄色。红色200 和绿色200 结合就会得到一种比较深的黄色。所 以只要改变RGB 这三种颜色的数值，就可以调配出其他各种色彩。这种模式是 发光屏幕发出不同颜色的光直接传递给我们的色彩视觉信息。 CMYK 色彩 另一种常见的模式CMYK 色彩模式，这种模式经常用在印刷品，比如名片、画 册、书本等就是利用CMYK 模式将四种不同颜色的油墨进行调配印刷的，即蓝色、 洋红、黄色、黑色这四种油墨进行调配。 在CMYK 模式里面，红黄蓝这三种颜色是属于色彩三颜色，这三种颜色也可以 通过不同比例的混合去表现其它各种色彩。打开一个拾色器，CMYK 模式调配色 彩看C、M、Y 、K，比如蓝色输入100，红色为0 ，黄色为0 ，这时得到一种蓝色。 若再在蓝色中加入一定比例的红色（100），这时混合颜色为紫色。而蓝色100， 黑色50，我们得到的色彩为比较暗的蓝色。 大家在做设计时，若作品是用于网络产品如电子形式、计算形式的话，就可以 用RGB 模式，若作品要印刷出来，就必须用CMYK 模式，因为CMYK 模式打印出 来的效果和在软件上的效果是比较接近的，而RGB 模式有很大的误差。 两种模式的差距 如图，RGB 模式类似于带颜色的光直接作用到我们的眼睛所看到的效果。而 CMYK 模式是通过物体固有色，即光照到物体上面，呈现给我们物体本身的固有 色的一个物体色，不是单纯地光源的效果。 文章来源：麦子学院 原文链接：/wiki/design/system/