这才是配色的正确打开方式

每次我开始做界面设计或者练习的时候,关于颜色的搭配总是不能够很好的把握,我有很明显的一个问题在于,紧紧围绕的着主题色,导致整体页面看起来很单调,但是要怎么搭配,这个度又觉得自己很难去把握。
emmmm….被配色快逼死的我。
网上看了很多的文章,今天就来总结一下我学到的最简单易用的三个方法吧!
一个界面中的主要色彩不要超过三种,表达出主题即可,不管是做平面还是做网页和app,都要遵循这个最简单的道理。
但是我一开始以为色不过三是指一个页面颜色最多不要超过三种,后来又多看了一些文章发现,这个是指不要超过三种色相的搭配。在单个色相中可以运用颜色明度或者饱和度做色彩的丰富性,而这种不要超过三种。
如果设计的界面颜色太多,用户打开的第一眼印象会觉得有点乱,如下图:
58同程的金刚区其实是比较有特点的,但是颜色有点过多,会让用户觉得整个界面在视觉上会稍微有点凌乱,可能也是因为产品的logo颜色比较多,识别度上来说是挺好的,但是用到界面搭配上会有点多了。
右图中的vipkid以统一的色彩风格为导向,加上邻近色作为辅助色,增强用户对产品的记忆,在视觉上也让用户觉得更加舒适和自然。但是如果整个页面都换成主题色的话,会让用户觉得整个界面没有重点同时还很单调。
小结:三色搭配,要控制在不超过三种颜色的色相范围即可,运用单色的设计,会显得单调乏味,而整体颜色饱和度过高会显得界面杂乱无章而不透气,因此我们在设计的时候要把控好颜色的数量,通过颜色的把控让我们的界面主次分明。
确定主色
好的色彩搭配同时还需要符合产品的特征和想要给用户带来的氛围,比如蓝色能给人带来平静,因此大部分的阅读和学习类的主色调用的是蓝色。
想大家都会在做产品之前做一些竞品分析,和主要针对人群划分以及产品定位,当确定好了产品的方向和消费人特征之后,就可以在上图中选择合适的颜色来做细微的调整。
我们在设计初期需要对项目有比较明确的了解和定位,然后提炼出比较贴切的主色来进行定位设计。
每种颜色代表的意义也有所不同,会导致整个的视觉方向和感觉也会有所不同。从第一张图中我们能够发现浅蓝色代表可靠,黄色代表活力,而这两个颜色就比较符合产品的定位,因此在确认了主色之后,再来搭配辅助色和点缀色,就会更加容易一些,因为你心里已经知道需要搭配出怎样的整体感觉出来。
而网页设计、界面设计、banner设计等,主色调运用的规律也会有所不同,网页和界面会将主色调运用在结构和装饰上,而banner和海报则视觉上要求会比较高,将主色调运用在背景上,重点突出。如下图所示:
但是这种形式大部分会在我们的视觉稿和练习里面使用的比较多,在我们平时的工作中,还是要根据所推的产品和主题来确定banner的颜色,但选择范围要在界面整体视觉效果比较协调和统一的情况下。
那么我们的主色从哪里来选择呢?最常见以及最普遍的用法就是讲产品logo的颜色来作为主题色,这样能够有效的保持品牌基金和视觉上的一致性。
不过有一点需要注意的是从视觉的角度上出发,选择了饱和度比较高的色彩做主色时,要考虑用户是否会在使用时造成视觉疲劳。
色盘里寻找灵感
解决了主色调的问题,在界面需要搭配其他辅助颜色的时候,如何搭配也是个很大的问题,要怎么搭配才能好看又平衡呢?我们可以从色盘里寻找灵感。
在色彩运用中能够达到平衡色的有三种类型:
1、互补色搭配
在界面的设计中,使用互补色的对比是视觉上最为强烈的,能够给用户的视觉产生强烈的刺激。
这种使用的比较少,但是很容易就能够让用户记住,因此音遇的这种孟菲斯风格目前在是市面上还是比较少见的,但它的整体风格让用户一打开就能够记住。
2、冷暖色搭配
用冷色和暖色的造成的视觉平衡是设计师经常使用的方法,也是很容易就出效果的
这种颜色的搭配使用由于技巧比较多,因此对设计师的要求比较高,需要多练习
3、深浅色搭配
在设计时都用浅色会显得界面不够稳定,但是使用深色又会显得比较沉闷,因此两者互相搭配,能够更好的平衡画面。如下图所示:
深浅色搭配最经典的案例是苹果的产品图,而最直观给人的感受是高大上,浅色的背景搭配深色的产品,较多的空间留白,页面整体稳定平衡,同时突出产品主体 。
划重点
1、色不过三:三色搭配,要控制在不超过三种颜色的色相范围即可,设计的时通过颜色的把控让我们的界面主次分明;
2、确定主色:通过产品定位同时搭配定义色盘来确定主色方向;
3、在色盘中寻找灵感:通过色盘来选择界面其他颜色的搭配,达到整体视觉的平衡。
本文来源网络,版权归原作者所有,仅供参考,如有侵权,请联系我删除!


梅雨季节家中容易潮湿 优质断桥窗品牌了解一下
做快餐加盟店需要注意的事项有哪些
ISG系列管道离心消防泵 恒压供水设备
有什么好的生意可以做 砂锅焖鱼饭快餐可以加盟吗
常平镇 中控考勤机销售维修公司_代理中控,科密考勤机
这才是配色的正确打开方式
如何开饰品店 六招帮你解决开店的琐碎之事
青海喷涂石膏供应商
4235mm钢花管(注浆小导管)打孔设计与施工注浆工艺
坚果激光电视618延续销量、销售额双第一超神战绩
EVA提环路锥 路障 交通警示安全锥 方锥 请勿泊车锥
定制PVA吸水海绵片 去污清洁吸水海绵厂家
机械式大劈力劈裂机多少钱一台
黑鹰破拆工具四件套厂家批发
欧嘉璐尼案例分享丨三室一厅92㎡ 颜色就该这样搭
手持式落锤弯沉仪功能及优点
中频逆变点焊机 中频焊机
西城园林绿化养护找哪家公司,欢迎致电
结晶切片机销售
机床导轨防护罩在数控机床领域的使用如今越来越广泛