恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
简单配色小技巧(二)
0.0°
2017-11-05 原创文章 经验/观点 举报 1389 10 7 0

其实配色也没那么复杂

周写了一篇《简单配色小技巧(一)》受到了编辑的推荐,还有同学们的支持,十分感谢,给予了我非常大的鼓励!

么么么



PS:部分配图自动放大,无法控制,所以给大家带来的效果冲击请见谅



大家先来看看这2个好玩的配色

仔细看

哪个颜色在前,哪个颜色在后




我们来分析一下


前进感和后退感随着色彩色相、明度和彩度的不同,

所得到的感觉也不同。

暖色像的高明度比冷色相更具有前进感


所以

…………………….

暖色相的黄色更具有前进的感觉

冷色相的绿色更具有后退的感觉



那么,为什么要举这个例子那

因为我们平时的配色要考虑到


色彩对比





很神奇的哦~~~~~~~

继续往下看


1.明度对比

如果周围的色彩是鲜明或者灰暗的,

本身看上去也会有鲜明或者灰暗的感觉




中间的灰色是同一个色值

但是放在白色背景的灰色方块明度变暗了

而放在黑色背景的则变亮了




2.色相对比

随着周围色彩的不同,色相看上去也有很大的不同




中间的绿色是同一个色值

但是放在左边黄色之上有碧绿的色调,

但是放在右边蓝色之上有蓝色的色调



3.彩度对比

周围色彩的明亮不同,看上去本身的明亮也会有所不同






中间的蓝色是同一个色值

但是放在左边看上去没有朝气,

                                      右边的蓝色就显得很分明又强烈                                        



4.补色对比

在色相环上180度相对立的两种并置产生的对比效果。



中间的青色是同一个色值

但是放在左边红色的补色上显得更加强烈

而右边的则不够分明


我们在补脑一下

色相环张这样哈 !!!!!!!!






那么,看了这么多是不是该运用了那



配色的目的是使得画面整体符合人的色彩感知

有秩序的色彩组合,往往能够使人产生愉悦的视觉享受

利用色相明度饱和度之间的对比与面积比例的变化

调整色彩的统一与变化,从而达到配色的均衡



举例说明


1.单色表现-暖色




由于色相种类比较少,很容易使得画面变的稳定

我们可以通过明度和饱和度的变化达到均衡


举例说明如下










还有

2.类似色相配色

冷色系




运用色相环中相近的色彩进行搭配,

更容易使得画面配色达到均衡


举例说明如下




暖色系

同上 






例如 

这样的




还有这样的

是不是很有逼格、逼格、逼格






继续往下看



3.双色相配色




色相差异较大的配色

是用彩度的色相差异进行强烈的对比











继续666


4.三原色配色


首先我们来脑补一下

什么是三原色

光线三原色

印刷三原色

都有什么区别




(光线三原色,加色法)

主要是人眼感受的色彩

用于我们常用的电脑、手机等电子设备


or




(印刷三原色,减色法)

用于印刷品展现的色彩


三色彩配色也是最高的强烈对比的配色

(当然我们平时在运用的时候可以增加中间的协调色)



举例说明





(在国内,很多电商平台的促销广告会运用非常强烈的色彩对比来吸引购买者)




5.白色和黑色背景有彩色的配色




这类在无彩色中,使用有彩色的方法,

可以强调有彩色的印象,

会提高色彩的视认性


举例说明










END


以上是2期《简单配色小技巧》的第二期

希望能够帮助到需要的人哦~~~~~~~~~~~~~~~~~~。

定期发布最新好文,请持续关注哦!!!

有收获的同学,点个赞吧!么么哒


知研社-知无不言 zhī wú bù yán

更新:2017-11-05

收藏

10人已收藏

治柱讲Ai

知研设 微信:zhuangzhizhu

  • 14

    作品

  • 456

    粉丝

  • 3

    关注

  • AIGC变现模式及MJ和SD解析
  • 推荐5个超好用的国内AI绘图工具
  • AIGC人工智能,正在改变你的工作方式
  • 二十五岁设计师,还年轻吗?
相关标签
设计ui教程经验

    猜你喜欢

      2017-11-05 原创文章 经验/观点 举报 1389 10 7 0

      简单配色小技巧(二)

      0.0°

      你确定要举报简单配色小技巧(二)

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2017年11月05日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      7
      10
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录