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


[]这4个配色技巧,解决你80%色彩问题
文章图片

文章图片

棕色
棕色 , 棕色常被联想到泥土、自然、简朴 。它给人可靠感觉 , 一般设计中能带来温暖 , 舒适的感觉!
[]这4个配色技巧,解决你80%色彩问题
文章图片

文章图片

[]这4个配色技巧,解决你80%色彩问题
文章图片

文章图片

黑色
黑色 , 深邃 , 黑色是宇宙的底色 , 代表安宁 , 与白色相反 , 没有任何情感倾向 , 界面中尽量少用纯黑 。
[]这4个配色技巧,解决你80%色彩问题
文章图片

文章图片

白色
白色 , 干净 , 神圣 , 纯洁的颜色 , 通常被认为是“无色”的 。白色的明度最高 , 无色相 。
UI常用配色原理
在UI中配色有哪几种方式呢 , 今天教大家一些小技巧 , 要了解UI中配色 , 首先我们的知道关于颜色的几个小知识:
[]这4个配色技巧,解决你80%色彩问题
文章图片

文章图片

纯色
顾名思义就是单色 , 一个颜色组成 , 在界面中经常通过颜色深浅冷暖对比来使用 。
[]这4个配色技巧,解决你80%色彩问题
文章图片

文章图片

邻近色
相邻的两组颜色 , 色相环中相距30度 , 或者相隔五六个数位的两色 , 为邻近色关系 , 色调统一和谐、感情特性一致 。
[]这4个配色技巧,解决你80%色彩问题
文章图片

文章图片

互补色
在色相环中每一个颜色对面(180度对角)的颜色 , 称为互补色 , 也是对比最强的色组 。把对比色放在一起 , 会给人强烈的排斥感 , 搭配不好会很山寨 。
三种颜色
界面中 , 由三种颜色组成的配色 。
[]这4个配色技巧,解决你80%色彩问题
文章图片

文章图片

▲ 这是一对红蓝互补色
[]这4个配色技巧,解决你80%色彩问题
文章图片

文章图片

▲ 在蓝色和红色基础上 , 选择一个邻近色作为拆分互补色
拆分互补色
拆分互补色就是在互补色的前提下 , 每个互补色再增加一个同色系的颜色 , 比如互补色是蓝色 , 和红色 。
以上就是色彩中常用一些搭配方式 , 互补色 , 单色 , 邻近色 , 拆分互补色 , 那么界面中怎么运用呢 , 来看一些实际的案例
单色运用
[]这4个配色技巧,解决你80%色彩问题
文章图片

文章图片

▲ Copper的产品设计 , 整个产品就采用一种配色 , 暖粉色 , 颜色年轻活泼 , 暖粉色很好的运用在界面的各个地方 , 形成统一的品牌认知 。
[]这4个配色技巧,解决你80%色彩问题


推荐阅读