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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
甲方竟敢说你的配色丑! 我来教你怼回去(二)
0.0°
2018-09-21 原创文章 经验/观点 举报 1156 10 7 0

在上一篇中,我们了解了色彩的性质以及色彩的分类之后,我们再通过色彩之间的搭配组合,来展现丰富多彩的配色效果。


色彩单体在设计中的影响力很大,而多种色彩的搭配能够展现出更加丰富多彩的印象,将合适的色彩进行有效的搭配,设计作品的质量会有很大的提升。




在色相环中,我们把色彩划分为12种基本色相,选取其中某一种色相做为基准色相,这样就会产生包括同一色相、邻近色相、类似色相、中差色相、对比色相、互补色相在内的六种色相之间的关系,了解这些关系之后,配色实践就变得简单多了。


色彩之间的搭配大体上可以分为两种:


1、取得协调的配色

2、强调设计的配色


取的协调的配色是通过同一或者类似的色相搭配,形成稳定、和谐的印象;


而强调设计的配色则是通过不同色相之间的相互碰撞,强调色相差异,从而形成某种色彩的印象。


取得协调的配色


由某一种色相或者在色相环上相邻的类似色构成,统一画面的配色,可体现整体统一性,强烈展现色相的印象,这种配色展现自然与和谐的印象,但同时也容易形成单调乏味的印象。


▐ 同色系配色


同色系配色是由一种色相构成的统一性配色,主色和辅色都在同一色相上,可以体现整体画面的统一性。



同时这种配色也容易形成单调、乏味味道,所以在明度和纯度上适当有一些变化,加强面积上的对比,使画面更加均衡。


下面举几个同色系配色的案例





▐ 邻近色配色


在色相环上相邻的色彩,因为色相上存在微妙的差异,所以配色效果比同色系配色稍微丰富,柔和过渡的色相使得页面看起来更加和谐。



下面举几个邻近色配色的案例






▐ 类似色配色


类似色色相上含有共通成分,配色也可以体现出和谐、协调的印象,这中配色是最能体现出色相差的配色类型。



类似色的色彩具有适度的变化和动感,同样可以用过色相差体现画面色彩的张弛效果。


下面举几个类似色配色的案例






强调设计的配色


在同色系色彩搭配构成的配色中,可以通过添加强调色的配色技巧,突出画面重点,强调色一般选择基本色的对比色或者白色、白色。如何确保强调色限定在小面积内展现是关键。


▐ 中差色配色


中差色色相上基本没有共通性,色彩包括了类似色色相到对比色色相,搭配出一种暧昧的印象,表现出舒适感和适度的刺激效果。



下面举几个中差系配色的案例






▐ 对比色配色


对比色配色也叫相反色配色,色彩对比效果十分强烈。



色彩之间互相衬托,形成明快、鲜明的印象,适合于表现活力四射,朝气蓬勃的画面。


下面举几个对比配色的案例






▐ 互补色配色


互补色在色相环的相对位置,色相差较大,配色体现出十分强烈的视觉冲击效果。



同时也容易形成廉价、劣质的印象。


下面举几个互补色配色的案例






多色搭配的配色


一般来讲,三色搭配和多色搭配体现出明显的色相差异,富裕张弛感的色彩组合呈现出活跃、动感的效果。多色搭配的要点在于通过高纯度的有彩色和黑色、白色的搭配,或者通过很高纯度的对比色之间的组合产生强烈的对比效果。


▐ 三邻色搭配


在色相环上选取相邻的三种颜色搭配,有一定的色相差但不是很大,可以营造和谐的氛围,并且有丰富的质感和层次。



下面举几个三邻色配色的案例






▐ 三角形配色


使用与对角线相邻的颜色进行三色搭配,虽然三种颜色的选择方式并没有达到平衡,偏离互补色的不规则三角形所造成的色相的微妙差异,产生了有趣的设计效果。



下面举几个三角形配色的案例






▐ 正三角形配色


在色相环以正三角形为色彩搭配,色彩与色彩之间的间隔相当远,彼此间的差异很大,而色相的对比度提高,画面表现出了华丽的感觉。



下面举几个正三角形配色的案例






▐ 四边形配色


选取一对互补色相邻对四种颜色组成的配色,俩俩之间既有邻近色的和谐,也有对比色的强烈刺激,可以营造个性的感觉。



下面举几个四边形配色的案例






▐ 正四边形配色


色相环中的正四边形对于的颜色,色彩之间差异是均等的,整体设计自然呈现出协调的状态。



下面举几个正四边形配色的案例






▐ 总结


色彩之间的搭配大体上可以分为色彩与色彩之间相互调和的配色,以及衬托某种色彩的配色两种。


相互调和的配色是通过统一的色相,或者类似色彩的配色通过不同色相之间的色彩碰撞,强调色彩差异,从而形成突出某种色彩的印象。


Image https://mp.weixin.qq.com/s/y6WQ4Y3eDrjgs2y9ZY9cTwtitle


更新:2018-09-21

收藏

10人已收藏

  • 16

    作品

  • 46

    粉丝

  • 0

    关注

  • 你说我的产品不好用? 产品可用性(Part1)
  • 文字设计原理(四):字体的表现力
  • 文字设计原理(三):文字的易读性
  • 文字设计原理(二):文字与意像

    猜你喜欢

      2018-09-21 原创文章 经验/观点 举报 1156 10 7 0

      甲方竟敢说你的配色丑! 我来教你怼回去(二)

      0.0°

      你确定要举报甲方竟敢说你的配色丑! 我来教你怼回去(二)

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2018年09月21日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      7
      10
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录