前言
进行UI设计时,还在为了配出和谐、能满足用户体验的配色而纠结吗?还在面对黑白原型图时无从下手吗?下面介绍5种快速配色方法,保证让你的设计更高效!
1
色环-色彩原理
色彩原理是通过在色环上选取不同角度,搭配出不同效果的配色,在这里举了以下3种例子。
【60°邻近】
较和谐统一
【120°三元】
视觉冲击强
【180°互补】
效果突出
在实际使用时可以进行更多角度的尝试
色彩理论是配色的基础,通过专业的理论知识进行配色,配色时就不用只凭感觉啦!
2
明暗对比配色法
配色时,如果界面色调偏暗,或是色调偏灰都会显得界面观感不好,此时可以按照以下方法进行调整,使色调更加和谐。
使用黑色做背景时,搭配高饱和度颜色,
使用低饱和度颜色做背景时,搭配黑色。
这个方法也常用于强调突出重点。
3
HSB配色法
在调色时,可以通过只修改H、S、B数值中的一个形成一系列和谐的色调。
改变色相H
饱和度明度相同
改变饱和度S
色相明度相同
改变明度B
色相饱和度相同
·制作图形的光影或明暗变化时常会改变H、B.
·区分同层级不同内容的icon常会改变S.
4
色彩吸取/色卡
前面提到的几种配色法都是在理论的基础上,进行调整配色,而这种方法可以十分快速且准确的提取需要的颜色。
图片吸取
选取合适的图片-模糊-平均模糊-吸取出需要的颜色到色盘使用
ps:该方法配合情绪板使用更佳
色卡吸取
在专门的色卡网站选取合适的配色进行使用。在这里推荐几个色卡网站,还有更多的色卡网站等你去寻找!
网址:https://coolors.co/
网址:https://colorsinspo.com/
5
渐变色配色法
渐变色配色能够很好的提高设计的高级感、在界面中营造焦点、引导视线等。
将渐变运用于icon,使其贴合主色调,且可以很好的展现其质感。
将渐变运用于背景,可以增加高级感且使界面融合的很自然。
上方提及的所有方法都可以组合进行使用,搭配出更加符合设计理念的配色!

優(yōu)網(wǎng)科技秉承"專業(yè)團(tuán)隊(duì)、品質(zhì)服務(wù)" 的經(jīng)營理念,誠信務(wù)實(shí)的服務(wù)了近萬家客戶,成為眾多世界500強(qiáng)、集團(tuán)和上市公司的長期合作伙伴!
優(yōu)網(wǎng)科技成立于2001年,擅長網(wǎng)站建設(shè)、網(wǎng)站與各類業(yè)務(wù)系統(tǒng)深度整合,致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)(品牌展示型、官方門戶型、營銷商務(wù)型、電子商務(wù)型、信息門戶型、微信小程序定制開發(fā)、移動(dòng)端應(yīng)用(手機(jī)站、APP開發(fā))、微信定制開發(fā)(微信官網(wǎng)、微信商城、企業(yè)微信)等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。