颜色术语——来自 Happy Hues

今天看了 Happy Hues 这个网站,很有意思,其中的动效很棒值得借鉴。除此之外,也收获了一些色彩方面的术语,Hues、Tint、Shade、Tone、Value、Saturation

Hues 是指原色,Tint 是指在原色上加入白色(在 PS 中一般降低饱和度来调节),Shade 是指在原色上加入黑色(在 PS 中一般通过明度来调节),Tone 是指在原色上加入灰色,Value 是指原色的亮度,Saturation 是指原色的纯度(饱和度),色彩越纯就越鲜艳和亮、否则就会越暗淡。

我在 PS 中操作了一下的确也验证了。饱和度 S 实际上是通过加入白色多少来控制,亮度 B 实际上是通过加入黑色多少来控制,颜色 Hue 实际上是通过设定色轮上的度数(0-360)来控制。

初学者在 UI 设计中需要知道的细节

Photo by Sandra Seitamaa on Unsplash

在实际开发中,在 UI 设计方面我总结了一些问题,其中包括色调,交互设计的一些细节。干货太多,现总结如下。

主色调明度饱和度适中

主色调主要用在突出显示按钮、交互图标的位置,高饱和度的色调更加容易和背景分离,视觉上更加突出。比如这里的叮咚买菜用的绿色,京东用的红色,闲鱼用的黄色都是明度比较适中,不会显得太白,饱和度也比较适中不会显得过于暗淡。

继续阅读初学者在 UI 设计中需要知道的细节