首页 > ag新闻中心 > 公司新闻

AGGAME·(中国区)集团官方网站|Ui设计学习之色彩表现方法和体系

发布时间:2025-10-17 11:25:44    次浏览

常见色彩表现方法在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模式是通过物体固有色,即光照到物体上面,呈现给我们物体本身的固有色的一个物体色,不是单纯地光源的效果。 文章来源:麦子学院原文链接:http://www.maiziedu.com/wiki/design/system/