我爱房屋

当前位置:主页 > 装修攻略 > 色彩搭配 >

色彩搭配原理与技巧:从对比色中找辅助色

色彩搭配原理与技巧:从对比色中找辅助色

时间:2022-01-31 来源:网络整理 作者:爱房屋
导读:色彩搭配原理与技巧第三刀:从对比色中找辅助色在界面设计汇总使用互补色彩的对比是最为强烈的。下面这款APP的名称叫KOI,很喜欢这款应用配色,运用到了冷暖配色,起了非常好的点缀效果,看起来灵动而醒目。在设计中,冷色与暖色的对比是界面设计中最为广泛的使用方法,效果也非常的出众。冷暖色彩搭配的方法基本没有啥缺点,使用在设计中,技巧性比较多,对设计的细腻感受要求比较高。

配色原理与技巧第三把刀:从对比色中寻找辅助色

通常人们认为,只要颜色面积最多,就是主色。其实,人们的阅读心理是不同的。如果色彩饱和度较低,则容易被面积相对较小的高饱和度色彩所吸引。因此,在定义界面的主色时,应该暂停一个饱和度(纯度)高的颜色,因为主色会比较稳定。

在界面设计摘要中,使用补色的对比度最强。这种颜色可以使使用者的视觉产生强烈的刺激、强烈的情感,给人留下鲜明的印象。这是最简单的传播方式。适用于夸张、张扬的场景。但是这种颜色的使用过于普通,可能会给用户带来视觉疲劳。给人一种不安的感觉。那么在使用这样的搭配方式时,需要控制所使用的位置和信息区域,而核心位置可以这样使用。

三对主要的互补色:红-绿、蓝-橙、黄-紫

我们可以看到很多APP图标为了吸引用户的注意力,都使用了对比强烈的补色:番茄快点、QQ空间、360相机

界面设计颜色搭配

色彩搭配分类_色彩搭配分类_词语感情的色彩分类三种

色彩搭配原理与技巧

UI教程

冷暖对比也会用在色彩上:冷暖对比是自然平衡的规律色彩搭配分类,可以用在大量的设计中。这样的配色会让作品变得非常丰富多彩而不单调。

UI设计

我们来看看几个APP的图标设计:

以下应用程序的名称称为 KOI。我非常喜欢这个应用程序的配色。它采用冷暖色调搭配,有很好的点缀效果。它看起来聪明而引人注目。

APP的名称叫KOI

Tweetbot 的图标也使用了冷暖色的对比。是不是既吸睛又可爱?你可以试试这个组合,试试百灵。

萌萌漫画工作室,这个图标用冷暖结合的样子看起来很精彩,视线集中在中心点。

色彩搭配分类_词语感情的色彩分类三种_色彩搭配分类

Seedling Comic Studio

在设计上,冷暖色的对比是界面设计中应用最广泛的手法色彩搭配分类,效果也非常出众。

颜色就像阴阳太极。冷暖两级平衡,还原生活中的和谐。使用这种配色效果让用户感到舒适和平静。

冷暖色的搭配方法基本没有缺点。用在设计上,技术含量更高,对设计的细腻感要求更高。

支付宝的主图标虽然变了,变成了简单的蓝色支付宝,但主页面还是采用了冷暖色调的组合,很好的区分了类别,让页面上丰富的类别显得不太好。疏散。很多设计师每次遇到整页分类图标都头大,处理的时候很容易把页面搞乱。推荐使用冷暖方式来调整和平衡页面。

支付宝的主图标

当时米醋在设计360防丢器的时候,用了红蓝两种颜色。将 360 字体样式融入建筑中使用暖红色,而定位针使用冷蓝色。

嗯,先写到这里。复习我们今天讲的知识点。

1.颜色不超过三个

2.主色、面积的定义

3.寻找辅助色,你还记得那对辅助色吗?

今天给大家分享的不仅是界面使用,还有选择颜色时最重要的三点!很实用!看似简单,大家需要多分析才能使用~

原文: 原创/自译教程:界面设计精要——彩色三剑流!

相关阅读

  • 浅绿色配什么颜色好看?不尽怎么搭配好呢?

    浅绿色配什么颜色好看?不尽怎么搭配好呢?

    那么,浅绿色配什么颜色好看?一、浅绿色配什么颜色好看浅绿色配什么颜色好看1、搭配白色而浅绿色是一种很洋气的颜色,所以特别适合搭配白色,无论是上班,还是出门旅游,都可以吸引到别人的注意。浅绿色配什么颜色好看2、搭黑色浅绿色配什么颜色好看3、搭米色浅绿色配什么颜色好看4、搭灰色浅绿色配什么颜色好看5、搭橙色浅绿色配什么颜色好看6、搭卡其色

  • 色彩搭配口诀大全,你值得拥有!(珍藏版)

    色彩搭配口诀大全,你值得拥有!(珍藏版)

    色彩搭配口诀:1.色彩颜料配色口诀.:常运用下述三定律将不同的着色物质按一定比例混拼,进行颜色复制.颜色搭配需要遵循三个原则,就会搭配的很好看,也会很得体,很时尚.我刚学美术,学色彩,我想问一下,色彩的颜色怎么来调,就是什么颜色和什么颜色可以得到什么颜色,有没有口诀?按比例调色,每个格子的两种颜色的比例都要是相同的.色彩的搭配有没有什么口诀,我不会搭配颜色!画画色彩搭配有什么技巧?