配色方法,三种UI的选择配色方法(2)
d、分裂补色配色
如果我们同时用补色及类比色的方法来确定的颜色关系,就称为分裂补色。
优点:这种颜色搭配既具有类比色的低对比度的美感,又具有补色的力量感。形成了一种既和谐又有重点的颜色关系。如在上面三种颜色中,红色就显得更加突出。
案例:
e、原色搭配配色
除了在一些儿童的产品中,三原色同时使用是比较少见的。但是,无论是在中国还是在美国的文化中,红黄搭配都是非常受欢迎。红黄搭配应用的范围很广――从快餐店到加油站,我们都可以看见这两种颜色同时在一起。
蓝红搭配也很常见,但只有当两者的区域是分离时,才会显得吸引人,如果是紧邻在一起,则会产生冲突感。
案例:
f、二次色搭配
二次色之间都拥有一种共同的颜色――其中两种共同拥有蓝色,两种共同拥有黄色,两种共同拥有红色,所以它们轻易能够形成协调的搭配。
优点:如果三种二次色同时使用,则显得很舒适、吸引,并具有丰富的色调。它们同时具有的颜色深度及广度,这一点在其它颜色关系上很难找到。
案例:
方法二: 叠柔配色法
这个方法,看起来复杂,但用起来很简单。
主要分三个步骤
1、任意选择一个白色或黑色 , 或黑白渐变(可以是点、线、面…甚至字体)
2、 然后混合模式选择叠加或柔光
学习 · 提示
- 一定要打开PS,跟着教程做一遍,做完的图到这交作业: 提交作业
- 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
- 教程有看不懂的地方,可以到论坛发帖提问: 新手求助
- 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
- 关注我们学更多,每天都有新教程: 新浪微博 抖音视频 微信小程序
- d) return false;this.setAttribute('overtime', d + 5000)">上传作业
- 教程提问
- 素材在哪
![](http://www.16xx8.com/1diy/imges/noavatar.gif)
![](http://www.16xx8.com/1diy/imges/noavatar.gif)
相关教程
- 排版教程,讲解排版中的对比与对齐
- 色彩知识,讲解三原色的原理和调色关系
- 色彩知识,色彩的基础知识
- 文字排版,二十个文字排版技巧教程
- 配色教程,电商配色基础知识
- 色彩知识,讲解PS工具中的颜色模式
- 二维码,如何设计制作动态二维码?
- 颜色设置,教你如何配置Photoshop的颜色
- 素材技巧,教你如何整理素材
- 压缩图片,三个常用压缩图片工具网站
推荐教程
- 用户体验,分享20个有影响力的包装设计
- 色彩知识,讲解颜色基础知识和配色理论
- UI知识,尺寸对UI设计的影响
- Photoshop初级教程-命令的技巧
- 用户体验,如何让用户心动?
- 颜色管理,让自己的照片在网上正确地显示
- 设计界面最常用最舒服的12种颜色(含色
- 移动设计,移动应用导航模式设计方法
- 调色知识,简单实用的调色原理
- 图片画册平面设计排版ps理论教程
关注大神微博 加入>>
-
色彩知识,分享一些色彩的知识
-
设计的图标模糊?教你四招轻松搞定。
-
教你如何通过直方图识别照片的曝光是否
-
分享一些配色设计的方法
-
设计知识,印刷品设计的小知识
-
压缩图片,三个常用压缩图片工具网站
-
详细阐述图层混合模式
-
IE终成历史,回顾一下我们用过的IE浏览器