您的位置:首页 > 新闻中心 > 公司新闻
公司新闻

色彩在UI设计中的应用

添加时间:2022-09-13 17:24:50   浏览次数:400  

一、色彩的应用
人脑对于色彩的记忆度要高于形态,保定平面设计培训即一个App给用户留下深刻印象的往往是界面的色彩;例如说到支付宝,我们可能想不起它的首页长什么样子,标签栏图标是那些,但能马上记起它的界面主色是蓝色;因此运用好色彩对UI设计十分重要,它能直观的呈现产品的气质和性格,能有效的帮助用户组织和阅读信息,与界面设计产生联系和记忆。

好的配色往往依靠设计师审美、感觉搭配出来,但合理的颜色搭配必定存在合理的配色规律和配色方法论的支撑,下面结合相关案例为大家讲解色彩运用的几个技巧。
1. 不得触碰的禁区
分析研究了很多设计作品,发现他们在用色的时候有一部分区域是不会使用的,也就是我们常说的“配色禁区”;当然,这里的“禁区”是带双引号带的,并没有什么绝对的禁区,只是说这些颜色不易控制,在连基础色都没有驾驭好之前,尽量少碰。
在界面设计中,一般主色和辅助色都集中在右上角,次要的和不可点的颜色都集中在中中上方,而文字信息和背景色则集中在左侧,右下角禁区是我们要避开的对象。
. 色调一致
在App设计之前应先确定界面的主色调,主色将占据界面中很大的比例,通常是品牌色,而辅助色、点缀色、背景色等都应以主色调为基准来搭配,这样才能保证App整体色调的一致。
3. 60-30-10原则
60% 30% 10%的原则,是达到色彩平衡的佳比例。在60%的空间使用主色,可以运用到导航栏、按钮、图标等关键的元素中,使之成为整个App的视觉焦点和色彩关系;30%的空间使用辅助色,可以平衡过多的主色而造成的视觉疲劳;后剩下10%的空间为点缀色,可以用在一些不太重要的元素又需要区分的时候。

6:3:1原则构建了一种丰富的色彩层次,让界面看上去和谐、平衡和不杂乱。
4. 色不过三
经常很多大神在网上说配色不要超过三种色,其实就是「色不过三」原则,即在一个页面中不要使用超过3种颜色搭配,这也和上面说的“60-30-10原则”类似,即一个主色、一个辅助色和一个点缀色。

但在实际UI设计中,迫于产品的需要可能会使用更多数量的色彩,但切记不可超过7种色相(注意不是7种色值),每个色相还可以运用其饱和度、明度的变化分解出丰富的色彩搭配。

    电话:0312-2036669

    网址:http://www.hbbdtc.com

    地址:保定市莲池区莲池北大街23号财信大厦六层

全国服务热线

0312-2036669

Copyright © 保定市莲池区同创计算机技术教育中心 http://www.hbbdtc.com All Rights Reserved  网站制作三金科技  备案号:冀ICP备17019321号-4  
首页咨询课程