江苏龙网

  1. 首页 > 资讯 > 科技 > >

[]这4个配色技巧，解决你80%色彩问题( 四 )


文章图片

文章图片

▲ 两组互补色运用 ， 很好的将LOGO的矛盾感 ， 空间强加强 ， 要人过目不忘 。
三种颜色
[]这4个配色技巧，解决你80%色彩问题
文章图片

文章图片

▲ 这组作品 ， 通过三种颜色的叠加的形式 ， 让三元色巧妙的运用到设计中去 ， 同时颜色叠加形成一种新的时尚感 。
[]这4个配色技巧，解决你80%色彩问题
文章图片

文章图片

▲ 三种颜色运用最佳的案例当属于谷歌 ， 颜色的饱和度以及设计都恰当好处 。
[]这4个配色技巧，解决你80%色彩问题
文章图片

文章图片

▲ 在谷歌的设计中 ， 我们不难发现 ， 它很好的将多种颜色组合在一起 ， 不乱 ， 同时还很平衡 ， 这些值得我们设计师去好好领悟和学习 。
动手试试
我们来拿一个案例来尝试下我们的方法 ， 本文案例我从素材网站下了一个案例来尝试下我们今天分享的方法 ， 单色 ， 互补色 ， 三个颜色 ， 互补色拆分 。
单色使用
在页面中使用西瓜红作为一种主色调 ， 来强调品牌色和行动点 ， 整个界面会呈现出简约和谐的氛围 。
[]这4个配色技巧，解决你80%色彩问题
文章图片

文章图片

邻近色运用
这种配色和单色用法类似 ， 在滑块上滑动到红色旁边黄色配色 ， 作为额外的颜色 。
[]这4个配色技巧，解决你80%色彩问题
文章图片

文章图片

互补色使用
互补色比单色 ， 邻近色更加吸引用户注意力 ， 前面我们说了 ， 互补色在色彩里面是对比最突出的 ， 我们主页面是红色 ， 蓝色补色是我们需要强调吸引用户注意 。
[]这4个配色技巧，解决你80%色彩问题
文章图片

文章图片

互补色拆分使用
这个原理其实就是互补色基础上进行拆分 ， 对主要颜色增加一个辅助色 ， 比如主要颜色红色 ， 蓝色 ， 那么我们增加一个淡粉色和淡蓝色作为辅助色 ， 它的目的让颜色满足更多场景 。
[]这4个配色技巧，解决你80%色彩问题
文章图片

文章图片

三种颜色使用
这个原理也是类似的 ， 只不过我们选用了三个颜色应用在页面中 ， 颜色越多越不容易驾驭 ， 需要注意色彩之间的比例关系 。
[]这4个配色技巧，解决你80%色彩问题
文章图片

文章图片

免责声明
【[]这4个配色技巧，解决你80%色彩问题】本文章资源均通过网络等合法渠道获取 ， 该资料仅作为学习交流 ， 其版权归出版社或者原作者所有 ， 不对所涉及的版权问题负责 。如原作者认为侵权 ， 请联系我们 ， 我们立即删除文章 ， 谢谢


推荐阅读


上一篇：「」视觉中国缺席的107天

下一篇：「」Android 11 预览版更新，加入新 API 支持 5G 与折叠设备使用体验