0591-83468929
UI设计中色彩使用的10个原则
福州会计培训 福州英语培训 作者:   来源:    时间:2021-04-08   字体:[大] [中] [小]

1. 颜色术语

颜色术语构成了我们颜色学问的根底。把颜色术语,如色相,色彩和阴影,看作是我们能够用来开发共同调色板的工具。

Hue(色相)

色相是颜色的一个技术术语。色相是指母色--没有添加白色或黑色的饱和色。


Tint(淡色;淡性)

当白色参加到一个色相中时,就会产生一个颜色。


Shade(色度)

当黑色参加到一个色相中时,就会产生一个色度。


tone(色彩)

当灰色,无论是色彩(白色)还是阴影(黑色),都被添加到一个色彩中时,就会产生一个色彩。


color value(颜色明度)

颜色明度是指颜色的明暗水平。它表示反射光的数量。


Saturation(饱和度)

饱和度是指颜色的亮度和强度。高饱和度的颜色鲜艳耀眼,而低饱和度的颜色则暗淡无光。


2. 层次构造

当一个元素的外观与四周环境构成比照时,阐明该元素具有较高的重要性。我们能够运用颜色和颜色权重来树立界面中的层次构造。

经过运用颜色的色彩,我们能够给元素分配不同的重要性。

假如一个元素比另一个元素更重要,它的视觉权重就应该更高。这样能够便当用户快速阅读页面,辨别重要和不重要的信息。

更突出、更大胆的信息是用户的视野会首先被吸收到的,然后他们会转向它下面的辅助信息。


3. 表现力

在令人难忘的时辰展现品牌颜色,以强化您的品牌共同作风。

想想你的品牌颜色就像一盘牛油果吐司上的盐和胡椒粉。盐放多了,就会盖过自然的滋味,放少了,就会显得平淡无奇。

当在界面上添加颜色来强化你的品牌时,要思索好添加的时间和地点。


4. 容纳性

设计产品与建造图书馆或学校等公共建筑相似--它需求容纳一切人。

网络内容无障碍指南(WCAG)有一些倡议,以确保我们界面中的颜色对有运动、听觉和认知障碍的人来说是无障碍的。例如,他们的文字规范请求至少有4.5:1的比照度

要确保你契合这些规范,请下载Stark,它将检查你的设计能否无障碍。你还能够用他们的插件模仿色盲,并依据需求停止调整。

我们经常试图设计出美观的东西,而疏忽了思索与我们产品互动的不同用户。

随着我作为一个设计师的成熟,我曾经承受了一切的各种限制,这些限制会毁坏我的圆满设计理念。ADA合规性就是这样的限制要素之一。

当我们试图为Dribbble点赞时,我们能够摆脱这种状况,但当我们为真正的人类开发产品时,这不是一个好的做法。


5. 含义

颜色会唤起不同的觉得或心情,所以经过理解颜色的心理学,我们能够应用与目的受众产生共鸣的品牌颜色。

重要的是要认识到你的受众是谁,记住,不同的文化和地域对颜色的认知是不同的。例如,在西方文化中,白色常常与婚礼联络在一同,而在亚洲文化中,白色被以为是哀悼的颜色。

你对颜色及其含义理解得越多,它的力气就越大。

企业在品牌和营销中,无时无刻不在运用颜色作为影响我们心情的战略。留意到简直每家快餐店都会在品牌中运用红色和黄色吗?这是由于红色能引发刺激、食欲、饥饿感,它能吸收人们的留意力--而黄色则能引发快乐和友好的觉得。


6. 限制颜色

经过限制应用程序中颜色的运用,那些的确得到颜色的区域会得到更多的关注,例如文本、图像和按钮等单个元素。

你会留意到,在许多有大量彩色帖子和不可预测内容的应用程序中,如Instagram或Twitter,他们的界面常常十分平淡。这很奇妙,但它将焦点从界面上移开,并将其集中在内容上。


7. 状态

颜色能够提供一个应用程序、其组件和元素的状态信息。

颜色是我们在界面中显现状态变化的一种方式。经过淡化按钮的颜色,能够标明按钮已被禁用,或者用红色高亮显现按钮,则标明呈现了错误。我们还应该为我们的错误颜色配上错误信息和图标,以确保明晰,并吸收色盲用户。


8. 分歧性

界面中的颜色运用应该是分歧的,所以即便上下文发作变化,颜色的含义也总是相同的。

假如在我们的品牌中运用红色,那么我们应该防止运用它来通知有关错误状态。我们能够运用黄色等替代颜色来防止混杂。

这是一个很容易处理的问题,所以没有理由防止在我们的品牌中运用红色或黄色。


9. 颜色调色板

我如何取得圆满的调色板?

这要从对颜色理论和根本工具的简单了解开端。

第1步--原色和系统色

我喜欢从一个主色开端,我会依据爱好、研讨或上面我在#5中分享的颜色含义来肯定。

我选择的主色是我的品牌色。

一旦我有了主色,我就需求文字、背景、容器等的颜色。

通常状况下,我会选择一个深色的颜色,用于我的文本,而背景则是浅灰色的颜色。

第二步 - 创立调色板

一旦我为我的用户界面选择了我的根底颜色,我就会把这些颜色放入Google颜色工具(接近底部),以取得该颜色的不同色彩和色彩。

这并不总是圆满的,但这是一种简单的办法,能够生成一个近乎圆满的调色板,以后我能够依据需求添加或调整。

假如我需求互补色或测试可访问性,我能够用Google颜色工具来完成一切这些工作。这是一个一站式的效劳。

第三步--把一切的东西合在一同


10. 60-30-10规则

60%是你的主导色,30%是辅助色,10%是重点色。

"这个室内设计规则是一种永久的装饰技巧,能够协助你轻松地将一个颜色计划组合起来。60%+30%+10%的比例是为了给颜色带来均衡。这个公式之所以有效,是由于它能发明出一种均衡感,让人们的视野从一个焦点温馨地挪动到下一个焦点。”

与我之前提到的技巧相似,比方少用颜色来增增强调和强化品牌,60-30-10是一个粗略的工具,能够确保我们在颜色上不走过场。

我还喜欢从我的界面后退几步,眯起眼睛。含糊的图像会让我更好地理解层次构造,以及我能否运用了过多的颜色。

在线客服

加我微信好友