小编:今天分享一篇关于UI设计的色彩搭配教程,@梦画诗音同学总结自己多年来色彩搭配方面的知识和经验,UI设计中,配色一直是关键点,同样也是难点。一个好的配色是一个设计的点睛之笔。今天我们来看一下同色系是如何搭配得当的,一起来学习吧!

总结自己多年来色彩搭配方面的知识和经验,一来督促自己,二来系统化自己的配色知识,如果能够帮助到您,将不胜荣幸~如果您有不同的观点,或者您在此观点中发现错误,欢迎指正,将不胜感激~

hao-de_01

hao-de_03 hao-de_04 hao-de_05 hao-de_06 hao-de_08

原文地址:站酷

原文作者:梦画诗音

转载请注明:学UI网 » UI设计之色彩搭配

登录收藏

学UI就上学UI网!越努力,越幸运!

“学UI网www.xueui.cn ”最值得关注的UI学习平台! 每天发布高质量的设计教程和分享设计经验,服务于20万UI设计师,帮助初学者快速转型。每周六晚上免费YY公开课(36013311),给大家提供更多免费学习的机会。想成为设计师的你快来关注吧!

【特色推荐】

APP截图站app.xueui.cn”  海量APP截图,让你灵感爆发!国内最好的APP截图站。

国内最棒的UI设计导航站” 专为UI设计学习者打造的资源+学习,双用途的网址导航站。亲爱的,你收藏了吗?

【学UI网 原创文章 投稿邮箱:tougao@xueui.cn,也可以找各个群的管理】

 给学UI网打气,加油  猛点这里 >>

 
你可能喜欢的:
​如何找到合适的设计参考?​如何找到合适的设计参考?
用正确姿势阐述你的设计风格用正确姿势阐述你的设计风格
基于material design的Android TV设计指南基于material design的Android TV设计指南
购物车,不仅仅是购物车购物车,不仅仅是购物车
UX设计必备的23项审核清单UX设计必备的23项审核清单
色彩——为色盲设计色彩——为色盲设计
180种渐变色随你选180种渐变色随你选
表单设计的5个新规则表单设计的5个新规则
淘宝2017UI设计风格改版升级淘宝2017UI设计风格改版升级
网页视觉设计师设计基本手册(二)网页视觉设计师设计基本手册(二)
  1. 那我看了,我怎么知道他们相差多少度,我要把那个色环背下来吗,在PS 常用中也没有这个色环,只有那么数条形的,可能真实用到的时候还需要理解一段时间

  2. 1、纯度,一般以饱和度身份出现。两者是同等概念,需要强调。2、明度非色彩的深浅,例黑色深为黑,浅为灰。那么白色呢?深为何?浅为何?通俗易懂的解释应为色彩加白程度。3、饱和度(纯度)和明度是相对的,即饱和度↑明度↓。4、整体讲解很不错适合新手和色彩基础薄弱的孩纸。好评

    • 谢谢你不同的观点,我也在学习中。1. 纯度=饱和度,这个观点是对的。2. 明度为颜色的深浅,这样解释是对的。例如纯色+白,明度会不断增加,而纯色+黑,明度却会不断降低。单纯的解释为色彩加白程度是不全面的,因为颜色+黑,明度会降低,颜色自然深。而(原色黄)没有加白,明度就低于(原色红)。3. 饱和度与明度不是相对的关系,例如原色红与深红相比,就是饱和度越高,而明度越高。谢谢,你的好评。

        • 同色相下,明度为色彩加白程度,也可以这么理解吧,没必要纠结更细了,知道意思就可以了。(其实继续纠结这句话也是不正确的 ,因为纯色还可以加黑改变明度。)同色相下,饱和度和明度也不是相对的,因为改变一个颜色的饱和度,不但可以加白,还可以加黑或者其他颜色,你ps里面打开一个颜色调一下。我们只是讨论问题,加深印象,我的意思并不是要打架哟

  3. 讲的很好,都是大学学的最基本的,建议初学者使用同色系和30度和60度来配色其他的后期慢慢研究。 ,配色理论学好了还是配不出好的其实配色应该跟着感觉走