千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > UI培训教程分享:UI设计师如何让界面的配色更和谐

UI培训教程分享:UI设计师如何让界面的配色更和谐

来源:千锋教育
发布人:qyf
时间: 2021-12-31 15:39:00 1640936340

  配色是每一位UI设计师都需要了解的知识,作为一名合格的UI设计师配色审美是非常重要的,那么UI设计师如何让界面的配色更和谐呢?我们来看看下面的UI培训教程详细介绍吧。

千锋<a href=UI设计培训5" />

  UI培训教程分享:UI设计师如何让界面的配色更和谐?我们先从色轮开始。当谈到颜色、对比、和谐时,我们的脑海中必须有这样的画面:

  里有3个重要元素值得我们注意,分别是色调、明度和饱和度。

  1.色调

  色调是zu原始状态下的颜色。例如蓝色、绿色、huang se、红色等,它不受任何光线和阴影的变化影响。

  这里有一个便于理解例子:色调就是你在色轮中看到的色彩,它与任何明暗或饱和度因素无关。

  2.明度

  明度表示了色彩的明暗程度。当我们走在路上,可以看到一些元素早上和晚上的颜色改变。例如,一座山的颜色是棕色,早晨的色调较浅,晚上的色调较暗。

  在ui中,明度扮演着重要角色,不但有助于我们获得良好的对比度,还能帮助我们在界面中构建出不同的层次结构。

  以谷歌的material design为例,上图中就使用了不同的明度来凸显重要元素。

  明度的不同表现可以给我们一种层次感。当一种颜色的亮度为100时,就会得到白色。当一种颜色的亮度为0%时,它会生成。下面这张图片可以帮助大家理解。

  3 饱和度

  现在我们来谈谈饱和度,饱和度指的是色彩的鲜艳程度。当我们提升颜色的饱和度时,色彩就会变得更强烈和生动。当我们降低色彩的饱和度时,颜色就会变得更加黯淡,而当我们把饱和度降到低时,色彩就变成了灰色。

  需要注意的是,由于在现实世界中,我们对颜色饱和度的表现是有限制的,所以在印刷、例如书籍或海报等领域不宜使用过多。而在数字世界,我们显然拥有更多的可能性。

  UI设计师如何让界面的配色更和谐?上面已经为大家讲了一部分,希望本篇文章能够对想要零基础学习UI设计的你有所帮助,如果你想更快的学习UI设计,可以来千锋教育UI培训班进行学习,让你更快的掌握UI设计技术。

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT