首页 > 分享 > UI设计色彩搭配理论

UI设计色彩搭配理论

色彩理论

1.色环

设计界面时,有很多色彩可以使用。首先,要提到的是色环。

另一个重要的话题是配色。配色有很多方法,但暖色和冷色应该平衡。下面是几种配色方式:

每个设计师都应该知道色彩的三个属性:色相、明度和饱和度。 Christian Vizcarra对色彩的属性描述非常详尽,本文借鉴了其相关内容。

2.色相

色相是自然状态下的色彩。比如蓝色、黄色、绿色和红色等等,没明暗的变化。简言之,色环上没有改变明暗的色彩。如下图:

3.明度

明度,指色彩的明暗度。以自然界为例,一些物体在早晨和晚上的色彩不同。如树木和山脉,早晨色调浅;傍晚因为光线减少了,色调变得偏暗。

距光源越近的物体,明度越高,反之,则明度越暗。明度在UI设计中扮演重要的角色,明度运用得好,可以实现好的对比效果。

明度达到100%时,色彩就会变成白色;明度是0%时,就会变成黑色。如下图:

4.饱和度

饱和度是色彩的纯度。增加饱和度,色彩会变得更强烈、鲜艳生动;降低饱和度,色彩会变得暗淡乏味。

使用饱和度前,需要知道设计的载体,印刷还是电子媒介。为印刷设计时,饱和度不能过高,因为印刷使用的CMYK模式,有一定的局限。

UI设计中的色彩

黄金比例——6:3:1原则。

60%+30%+10%的原则,是达到色彩平衡的最佳比例。在60%的空间使用主色,30%的空间使用辅助色,最后剩下10%的空间为另外一种色彩。这样可以使用户眼睛从一点移动到下一个点时,非常舒服。

UI中的阴影

没有完全纯黑的阴影,阴影的颜色是会受到物体本身固有色的影响,如下图所示。

樱桃的阴影是深红色,看起来几乎是黑色,但并不是纯黑色。比如还有花儿、盘子和华夫饼的阴影,都不是纯黑色的。光和环境决定了阴影的颜色。

UI设计的一个常见错误是使用半透明的黑色作为阴影。

字体色彩

如今大多数的界面都是白色的,目的在于尽可能地简化界面聚焦内容本身,所以字体排版就成了一个非常重要的元素。

左边的文本颜色是纯黑色 (# 000000),右侧的色彩看起来是黑色的,但其实是加入了蓝色的黑色,变成了蓝黑色 (# 181441)。字体色彩在大多数白色的界面中,非常重要,如下图:

相同透明度下,两组文本字体颜色不同,效果不同。一组是灰色的,另一组是蓝灰色的,不同色调的文本对界面有显著的影响。如下图:

使用黑色和灰色,很糟糕吗?不是。人们常说“黑色使一切很酷”,所以这取决于个人的感受。在使用颜色时,考虑到色调,就可以实现更好的对比和协调。

责任编辑:

相关知识

UI设计师必备的配色理论(附案例演示)
花艺师色彩搭配 插花色彩理论
关于UI三色配色的心得
花艺的设计和色彩搭配
谈节日花坛的色彩设计
花艺的色彩世界|花艺色彩搭配暨色彩搭配师四级考试课程
插花花艺色彩搭配艺术插花
必看的花艺色彩搭配教程
如何学插花花艺作品色彩搭配知识
组合盆栽设计的基本原理——色彩搭配

网址: UI设计色彩搭配理论 https://m.huajiangbk.com/newsview297501.html

所属分类:花卉
上一篇: UI设计师必备的色彩搭配理论-中
下一篇: UI设计师必备的色彩搭配理论