方位:规划主页 > 网站制造 > 配色计划 >

颜色调配快速入门攻略

来历:优设网 作者:YI易规划 时刻:2019-09-03 20:17

一个规划著作出现到用户面前,第一眼进入眼皮的便是产品的视觉体现,而产品的颜色在其间起到了无足轻重的作用,毫无疑问颜色调配关于规划师来说是十分重要的。那么详细到实践项目中该运用什么怎样的颜色,需求怎样做呢?下面我将逐渐去分析。

色轮的概念

规划时不同电子终端上显现的颜色都是根据 RGB 形式,是一种加色模型。色光三原色便是红(Red)、绿(Green)和蓝(Blue)。首要来了解一下色轮。

色轮,是一个十分有用的东西。能够由此直观地了解到什么是三原色、互补色、相似色。在根底色轮之上,能够树立一个颜色系统,进行项目规划时能够根据颜色系统去挑选颜色,确保了颜色运用的准确性及规划功率。

同类色:15°以内 附近色:60°以内 相似色:90°以内 比照色:120°~180° 互补色:180°

五种调配办法

1. 同种颜色配

运用一种颜色及其相应的多种亮色和暗色,整个页面会十分一致。

2. 相似颜色配

运用色相附近的颜色,页面元素不会彼此抵触,愈加和谐有质感。

3. 互补颜色配

假如挑选运用互补色,最佳调配是一种作为主色,另一种用于着重。它们有着十分激烈的比照度,用在需求特别着重某个元素时会十分有用。

4. 涣散互补颜色配

寻觅三种颜色,其间两种相互相似,另一种与它们构成比照。这个配色十分易学并且简单出作用。

5. 三角敌对颜色配

望文生义,便是色环上三角敌对的颜色。最经典的便是蒙德里安风格的红黄蓝格构图,时至今日依然十分契合规划趋势。

颜色是有心情的

颜色自身是没有心情的,仅仅由于不同波长的光经过人的眼睛传到大脑,引起了人们不同的心思感触,所以颜色才有了心情。每种颜色都会给人共同的心思感触,引起咱们不同的心情,因此在规划过程中颜色心情是必需要考虑的一个重要元素。

1. 黑色

沉稳、品质感、收敛。

独自运用时黑色能够很简单招引用户的留意力。和其他颜色调配运用时能够很好地调配组合,运用黑色的布景能够十分好的杰出页面中的内容,简单出作用,运用场景十分广泛。能够进步其明度得到不同明度的灰色,例如苹果系统的深色形式。

规划时一般不会运用纯黑色,由于纯黑在显现屏上的显现作用并不是很好,所以一般会挑选灰色。灵敏运用灰色能够让你的规划愈加优异。

2. 白色

洁净、纯真、简练。

白色中包含了一切的颜色。页面规划中经常会运用到白色,你能够在上面摆放布局任何元素而不会感觉突兀,作为页面的布景色。由于白色是无色相的,在规划中一般也会略微变色,运用到像乳白色、雪白色等颜色,这样不会显得过火单调。黑色和白颜色配是一个十分经典的组合,只需把握好运用的占比,能够创造出十分高档的规划。

3. 赤色

热心、烦躁、风险、正告。

赤色元素很简单招引到用户的留意,能够特别着重页面的某个元素,比方音讯的小红点,可是时刻一久就会引起眼睛疲惫,所以规划中赤色元素一般不会大片运用。可是咱们能够经过下降调整明度、纯度,来运用。

别的,赤色还代表着风险及正告。红绿灯上的红灯停,炙热的火焰灾祸。页面规划中能够在删去提示、制止操作功用时运用。

4. 橙色

温暖、生动、年青。

黄色+赤色得到橙色。归于暖颜色的颜色,既不会像赤色那样烦躁,又不会像黄色那么绚烂,十分具有亲和力,用户对其承受程度十分高。柑橘类的生果都是橙系的,代表着健康、活跃。和秋天相关的一些项目上,也会选用明度稍低的橙褐色来规划。橙色能够和绿颜色配,十分适用于 K12 教育类的产品,绿色为主色,橙色为着重色,标志着青少年健康有生机的特征。

5. 黄色

阳光、光辉、夺目、尊贵。

这是一个明度十分高的颜色。自身是不适合运用在数字化范畴的规划的,由于其显现作用较差,可是能够经过调整它的明度和纯度来得到咱们想要的颜色。黄色和深灰色是一个很好的组合,闲鱼美团都选用了这种颜色,黄色的高明度的颜色与明度较低的深灰色能够构成极强的比照作用,经过这种比照作用咱们能够完成着重的功用点。其他都是运用在比较特定的一些场景,例如红绿灯的黄色的提示作用,古代皇帝的专用色,农作物老练的颜色等。

6. 绿色

健康、大自然、新鲜、环保、安全。

绿色是大自然的颜色,大多数植物的颜色,现在十分发起的环保日子都是选用绿色为主颜色,健康无污染。代表着春天,在策划规划春天相关事物活动,能够运用绿色为主色进行规划。绿色是有着安全特点的,在付出、保证方面一般是运用许多的,与赤色正好是相反的作用。

7. 蓝色

科技、纯洁、深邃、放松、忠实

蓝色是三原色之一。和大海、天空有着不可分割的联络,是忠实、放松的标志,在规划中运用是极端广泛的。别的,蓝色也是科技世界范畴的专属颜色,是沉着、功率的代名词,随处可见的企业官网、VI、软件、宣扬物料等。像是心思治疗室都是运用蓝色系的环境,可见蓝色是十分易承受的颜色,在规划中运用起来十分便利。

8. 紫色

奥秘、富有、压抑。

紫色是一个十分刺激性的颜色。独自运用简单给用户形成心思上的压力,一般会调配其他颜色运用,紫色和蓝颜色配运用时能够创造出既沉着又有些梦境的颜色,紫色和粉色合作运用时,能够创造出十分美丽的女性化的颜色。

9. 粉色

爱情、心爱、温馨、浪漫。

粉色是一种爱情的颜色。一般和爱情、浪漫相关,像是情人节七夕节等,都会运用粉色来规划。不同纯度明度的粉色适用于不同的场景,纯度较低,明度较高的浅粉色能够传达出柔嫩、香甜的感觉。和赤色、橙色、黄色暖颜色调配,蓝色冷颜色调配都能够结合出许多不同的颜色作用。

树立颜色系统

作为规划小白,颜色的运用可能是很难的,面临一个项目时不知道该怎么挑选主题色、辅佐色,这个时分咱们能够先经过学习别人优异的著作,从中提取一套规划颜色。这儿引荐是优异的规划著作或拍摄图片,是否优异有一个根本的评判规范,那便是你自己看到这个著作图片是美观的优异的。下面是一些从拍摄图片中提取的几套颜色系统,抛转引玉。

总结

同类色、附近色、相似色、互补色,这些颜色联系构成了咱们日常规划的颜色根底,衍变出许多种颜色调配办法。了解不同颜色的颜色心情,为进行项目规划时挑选适宜的颜色供给根据。树立颜色系统,能够将系统依照不同职业、不同特性、针对的用户等标签分类整理,堆集自己的颜色库。