A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始


透彻了解UI设计,从此系列帖开始!


为了在调色的时候更得心应手,在调色之前我们首先要了解和计算机色彩有关的知识,如色彩属性、颜色模式等。下面对这些知识进行详细讲解。

(1)色彩属性

色彩共有三个属性,这三个属性指的是色相、饱和度、明度,任何一种颜色具备这三种属性,具体介绍如下。

色相:色相是色彩的首要特征,是区别各种不同色彩的最准确的标准。当在不同波长的光的照射下,人眼会感觉到不同的颜色,我们把这些色彩的外在表现特征称之为色相。色相如图5-1所示。


饱和度:

饱和度也称为“纯度”,是指色彩的鲜艳度。饱和度越高,颜色越纯,色彩也越鲜明。一旦与其他颜色进行混合,颜色的饱和度就会下降,色彩就会变暗、变淡。当颜色饱和度降到最低就会失去色相,变为无彩色(黑、白、灰)。饱和度的变化如图5-2所示。


明度:

明度指的是色彩光亮的程度,所有颜色都有不同程度的光亮。图5-3所示最左侧的红色明度高,最右侧的红色明度低。在无色彩中,明度最高的为白色,中间是灰色,最暗为黑色。需要注意的是色彩明度的变化往往会影响到纯度,例如红色加入白色后,明度提高了,纯度却会降低。


(2)色彩模式

在Premiere Pro中常见的颜色模式有RGB、HSB和HLS,具体介绍如下。

RGB模式:

当查看计算机显示器上的图像时,组成图像的颜色是通过红色、绿色和蓝色的不同组合而成。当需要选择或编辑颜色时,大多数计算机允许选择256种红、绿和蓝,在Premiere Pro软件中一个图像中的红、绿、蓝颜色都称为通道,例如“拾色器”对话框中,如图5-4所示。R即为红色比重,G为绿色比重,B为蓝色比重。当三个颜色的比重均为0时,图像为黑色;相反,当三个颜色的比重均为255时为白色;当红色(R)比重为255,绿色和蓝色比重为0时,图像为正红色,以此类推。

图5-4“拾色器”对话框

HSB模式:

HSB色彩模式采用颜色的三属性来表色,H为色相,S表示饱和度,B则表示明度。将颜色三属性进行量化,饱和度和明度以百分比值0%~100%表示,色相以角度0°~360°表示,如图下所示。

   

HSL模式:

HSL色彩模式采用色相(H),饱和度(S),亮度(L)来表色,与HSB类似。但HSL中的亮度是指图像的明暗度,下描述的是调整图像亮度与明度的对比图。



友情提示:若你是对设计不太了解的小萌新,看完这个问题后,却对设计还有太多的疑惑(前途、薪资、技术含量、女生是否好找工作.....),强烈推荐你观看《设计萌新必看:学习UI设计必问的50个问题,从此系列贴开始》,相信能扫除掉你心目中90%以上的常见问题,请狠狠点击下方链接:http://bbs.itheima.com/thread-514779-1-1.html





精华推荐:
UI设计师如何自我介绍最有用!
如何向面试官介绍你的项目
从工作对接——告诉你UI设计师的工作流程
破解HR常见5种面试套路,助你轻松拿下Offer
初级设计师面试失败,大部分败在这50个问题上
设计面试——应聘机试题怎么破1
设计面试——应聘机试题怎么破2
设计面试——应聘机试题怎么破3


--------------------------------------------------------------------------------------------
如果有用,记得点赞留言哦~
【推荐阅读】:黑马论坛快回帖仅需这简单3步http://bbs.itheima.com/thread-513666-1-1.html
获取【UI设计视频教程资料】加绘儿2168934524
--------------------------------------------------------------------------------------------


0 个回复

您需要登录后才可以回帖 登录 | 加入黑马