返回

昆明达内教育

UI设计色彩搭配的三要素是什么

UI设计学习网更新时间:2021-08-05 浏览:221

UI设计师就是美的制造者,UI设计师是一群对于美有很高追求的人。不管是在色彩的搭配还是在色彩的利用等等这些方面,UI设计师都是一群高要求的人。那么对于UI设计师来说色彩搭配的三要素是什么呢?

1.色相
色相是色彩的要素,色相就是色名,是区分色彩的名称。色相指的是色彩的相貌,是色彩的特征。在可见光谱上,人的视觉能感受到红、橙、黄、绿、青、蓝、紫这些不同特征的色彩。不同的色相发射不同波长的光波,各色相之间并没有明显的边界,六色光谱完全可以形成一个无缝的圆环,就是色相环(色环)。
波长长的是红色,短的是紫色,红、橙、黄、绿、蓝、紫和处在它们各自之间的红橙、黄橙、黄绿、蓝绿、蓝紫、红紫这六种颜色共计12种颜色可以形成一个色环,即12色环。在色环上排列的纯度高的色被称为纯色,这些色在环上的位置是根据视觉和感觉的相等间隔来进行安排的,用类似的方法可以再分出细微的多种颜色来。在色相环上与环中心对称、在180度位置的两端的颜色被称为互补色。
2.饱和度
饱和度也就是颜色鲜艳的程度,也称为纯度,色彩的纯度越高,色相越明确,反之色相越弱。它取决于一种颜色的波长单一程度,当混入与其自身明度相似的中性灰时,它的明度没有改变,纯度则降低。饱和度表示色相中彩色成分所占的比例,用百分比来衡量,0%就是灰色,就是完全饱和。
饱和度体现了色彩的内在性格,颜色纯度,混合次数越多。颜料中的红色是纯度的色相,橙、黄、紫在颜料中是纯度较高的色相,蓝、绿色在颜料中是纯度较低的色相。高纯度的色相加黑或加白,就降低了该色相的纯度,同时也提高或降低该色相的明度。高纯度色相与同明度的灰色相混,形成同色相、同明度、不同程度的系列。
所有彩色中,纯度的是红色,的是青绿色,凡是有纯度的色彩必然有相应色相感,因此,有纯度的色彩就为彩色,没有纯度的颜色就是无彩色,可以通过纯度来界定有色彩和无色彩的差别。
色彩的纯度、明度不能成正比,纯度高不等于明度高。明度的变化和纯度的变化是不一致的,任何一种色彩加入黑、白、灰后,纯度都会降低。
3.明度
明度指色彩的明暗程度,也可以说是色彩中黑、白、灰纯度。无论投照光还是反射光,同一波长中光的振幅越宽,色光的明度越高。在不同波长中,振幅与波长的比值越大,明度直觉度就越高。光线强的时候,感觉比较亮,光强弱的时候,感觉比较暗。色彩的明暗程度就是所谓的明度,明度高是指色彩比较鲜亮,明度低就是色彩比较昏暗。明度适于表现物体的立体感和空间感,物体表面发射的光因波长不同所呈现出各种色相,由于反射同一波长的振幅不同,致使颜色深浅明暗有了差别。各种波长的光明度本身也有差异,黄光明度,橙光次之,红光、绿光居中,蓝光暗一些,紫光是暗的。在色彩对比中,明度差醒目,明度通常用0%到的百分比来衡量,0%是黑色,是白色。在无彩色系中,明度是白色,明度是黑色。在有彩色系中,明度亮是黄色,暗的是紫色。明度是色彩的骨骼,是色彩构成的关键。

相关资讯

ui设计学习方法

ui设计学习方法
2020-09-11 5059
给大伙儿共享一些有关ui设计学习培训的学习的方法,期待每一个来学习ui设计学习培训的盆友都能有非常大的取货。有关ui设计学习培...
零基础怎么入门学习UI设计呢
2021-06-25 1930
对于基础薄弱的小伙伴们来说,学习UI设计的头绪是比较大的,虽然有很多的书籍和视频可以供参考,但是很多人缺乏规律性,缺乏自学精...
GUI、UI、UE、PM都代表什么意思
2021-01-21 886
UI-UserInterface-操作界面-包含了GUI,可是彻底2个不一样的职位-广泛,能够是加工厂设备操控台页面,还可以电冰箱门上的溫度调整页面,或是是一个APP的页面,但大家如今通俗化了解是指网页页面或是APP的总体页面...
学习UI设计怎么找方向
2021-11-09 592
如今的你们是否存有那样的的焦虑情绪:各大家装网站平台过多,不清楚该看哪一个才好;关心了几十个设计类微信公众号,很多的信息...
在ui设计方案中icon和按键的区别
2021-01-21 559
在页面设计中最初Icon 便是标志,具备代指实际意义的符号图片都叫标志。标志的种类有程序图标、菜单栏标志、按键这些。针对UI设计师而言,你提及的通通都能够称作标志...
做美工有出路吗
2021-06-26 481
淘宝的业绩要想好,除了有运营的功劳,还有一个重要的部分就是美工了,一个店铺能否赚钱除了看运营以外就是美工了,有一个好的美...
UI基础都要学习哪些知识
2021-11-10 459
有一些小伙伴感觉UI设计非常简单,认为把握了PS手机软件专业技能和设计方案好多个页面和标志就可以寻找工作中。实际上没有你想的那样简单...
什么叫全链路UI设计师
2020-12-21 436
什么叫全链路UI设计师?答:全链路UI设计师实际上是传统式UI设计师的全新升级,传统式UI设计师一般具有基本造型设计工作能力...

相关课程

栏目导航