美文网首页设计师色彩心理
UI/UX设计基础——颜色属性

UI/UX设计基础——颜色属性

作者: 嘎嘎开心 | 来源:发表于2021-12-17 15:09 被阅读0次

    颜色属性是颜色本身的属性,这可能是一个有点无定形的术语。虽然我们都理解某人说“颜色”时的意思,但这并不是一个非常精确的术语。在设计中,能够准确地讨论元素对于良好的沟通和防止混淆至关重要。

    色相、浅色、色调、饱和度、透明度和明度等术语对于在讨论颜色时正确传达您的意思至关重要。它们也是需要学习的重要概念,以便通过操纵颜色的各种属性来生成视觉上令人愉悦的调色板。

    色相

    当我们谈论红色、绿色或蓝色时,我们谈论的是色相。色相以最纯粹的形式描述颜色,没有任何修改(例如添加白色、黑色或灰色)。当您查看色轮时,色相就是您所看到的。它的范围从 0º 到 359º,尽管在技术上圆上有无限个点(因此,无限的色相)。

    Shade(色度) 

    将黑色添加到纯色相时会出现Shade。Shade在充满活力的调色板中形成对比,但在将它们与浅色和浅色中性色结合使用时要小心,因为它们会扼杀调色板并使其看起来沉闷。

    许多Shade(色度)——例如森林绿、海军蓝或栗色——被用来在设计中营造一种传统的氛围。它们可以给您的创意作品留下扎实、正式的印象。

    淡色彩

    淡色彩与色度相反-他们是白色纯色相的组合。淡色彩会使颜色变亮,但不会使其更亮——它保持完全相同的颜色,只是颜色变浅了。

    淡色彩的范围可以从比原始色相略浅,一直到几乎没有任何原始色相的灰白色。有色颜色在眼睛上看起来更柔和更容易,其中最浅的颜色称为粉彩。淡色彩通常会在设计中营造出年轻柔和的氛围。

    Tone(色泽)

    Tone是纯色相与灰色的组合。基本上,调色会降低其强度。Tone通常被认为更赏心悦目,也更复杂、微妙和精致。

    微妙的Tone可以让你的设计看起来更成熟,因为纯色调有时被认为是孩子气的。但是要小心使用太多的Tone,因为它们会使您的设计变得乏味并导致调色板变得乏味。

    亮度

    在 HSL 颜色模型(指 Hue、Saturation 和Lightness)中,亮度是指与基色混合的黑色或白色的数量。无论起始颜色如何,0% 的亮度将始终为黑色。无论基色或饱和度如何,100% 的亮度将始终为白色。

    Value(明度)

    在 HSV 颜色模型(指 Hue、Saturation 和Value)中,Value是指与基本色调混合的黑色量。当Value为 0% 时,颜色始终为黑色。当该值为 100% 时,颜色将非常鲜艳,除非饱和度为 0% 时——那么颜色将为白色。值在 HSB 颜色模型中也称为明度。

    饱和度

    当谈论颜色的强度时,你在谈论饱和度。饱和度定义了 从纯色 (100%) 到灰色 (0%) 的范围,并指示颜色看起来有多鲜艳或暗淡。完全饱和的颜色看起来鲜艳明亮,而低饱和度的颜色看起来很淡。

    当颜色完全去饱和时,我们最终会得到灰色。饱和度较低的颜色可以在您的设计中营造出一种平静的效果,但请注意不要让您的调色板最终变得无聊。

    饱和度较低的颜色在设计中营造出平静的效果,但可能看起来很沉闷。

    不透明度

    不透明度衡量颜色的不透明程度。当它是 0% 时,颜色是完全透明的,而当它是 100% 时,它是完全不透明的。

    不透明度可用于让底层颜色通过受影响的颜色显示,从而创建有趣的新颜色。它还可以用作图像的叠加层,为图像创建特定的色彩。

    本文为转载

    原文链接:https://uxcel.com?invite=7MIOF2H83TCL

    相关文章

      网友评论

        本文标题:UI/UX设计基础——颜色属性

        本文链接:https://www.haomeiwen.com/subject/beevfrtx.html