UI 设计中颜色使用有哪些法则?

2021-07-26 14:00发布

10条回答
蓝鲸鱼
2021-07-29 09:37

要知道颜色的属性与类型:

一、颜色属性:

1、色调 色调是指图像的相对明暗程度,在彩色图像上表现为颜色

2、值 值是一个颜色如何光明或黑暗的属性,特征由白度定义,色调越白,值越高

3、色度 即色调的纯度,该特征是通过白色、灰色或黑色的存在来衡量的,色度高的颜色通常看起来大胆而生动

4、饱和度 饱和度指的是色彩纯度,是色彩的构成要素之一,纯度越高,表现越鲜明,纯度较低,表现则较黯淡。这个特性与值和色度有许多共同之处,但与之前的两个属性不同,饱和度是根据它在光线下的颜色来描述颜色的大胆或苍白。该属性也被称为颜色的强度。

二、颜色类型

1、原色 原色包括红色、蓝色、黄色,是整个系统的基础

2、次要颜色 次要颜色就是通过两种原色混合出的颜色

3、第三色 原色和次要颜色混合形成第三色,例如黄橙色、红紫色等,另外,色彩学上根据心理感受,把颜色分为暖色调(红、橙)、冷色调(绿、蓝)和中性色调(紫、黄、黑、灰、白)。

三、配色方案

1、单色搭配 基于一种颜色,以色调和饱和度区分层次,单色搭配永远是一个经典的选择,因为这种搭配很难犯错或作出令人反感的配色方案。

2、相邻颜色搭配 选择色轮上相邻的颜色,这种类型的配色方案用于不需要对比度的UI设计,包括web端或banner背景。

3、三色搭配 当设计需要更多的颜色时,可以尝试三色方案。它基于色轮上等距的三种不同颜色。为了画面的平衡,建议使用一种颜色作为主导,另一种作为辅助。

4、四分色搭配 四分色配色方案适合有经验的UI设计师,因为它是最难平衡的,它采用色轮的四种互补颜色,如果将所选颜色上的点连接起来,会形成矩形,这种方案很难平衡色彩。

5、高对比搭配 选择色轮上对立面的颜色混合,以下方案与相邻色和单色相反,旨在产生高对比度,灰色背景上的红色动物非常吸睛。

6、协调对比搭配 这个方案与上一个方案类似,但是它采用了更多的颜色,例如:如果选择蓝色,则需要取其对立面中,相邻的2个其他颜色(即黄色和红色)。这里的对比度不如高对比搭配那么强烈,但它允许使用多种颜色。 总的来说,作品的配色方案对UI设计有着重大影响,用户首先看到的是颜色,其次才是形状、功能等。合理的色彩搭配可以巧妙地传达作品的特征与精髓,使你的UI设计更具生命力。


一周热门 更多>