KOK体育app官方入口
Mou Mou Jidian Generator
发电机维修 发电机回收
发电机出售 发电机租赁
客户统一服务热线

0299-945303188
17493816671

您的位置: 主页 > 工程案例 > 酒店场所 >

写给设计小白的色彩基础指南

本文摘要:颜色的本质当今是色彩的世界,物体颜色的差别,带给我们的情绪也截然差别。想要掌握颜色,首先就要研究颜色的本质。 颜色分为光学三原色和颜料三原色。1. 光学三原色光学三原色由:红、绿、蓝组成。 色值划分是:红(red ):#FF0000 RGB(255,0,0)绿(green):#00FF00 RGB(0,255,0)蓝(blue):#0000FF RGB(0,0,255)2. 颜料三原色颜料三原色由:品红、黄、青组成。

KOK体育app官方入口

颜色的本质当今是色彩的世界,物体颜色的差别,带给我们的情绪也截然差别。想要掌握颜色,首先就要研究颜色的本质。

颜色分为光学三原色和颜料三原色。1. 光学三原色光学三原色由:红、绿、蓝组成。

色值划分是:红(red ):#FF0000 RGB(255,0,0)绿(green):#00FF00 RGB(0,255,0)蓝(blue):#0000FF RGB(0,0,255)2. 颜料三原色颜料三原色由:品红、黄、青组成。色值划分是:品红(magenta):#FF00FF CMYK(42,64,0,0)黄(yellow):#F8F400 CMYK(0,11,92,0)青(cyan):#00FFFF00FFFF CMYK(38,0,16,0)理论上,原色可以调制出绝大部门的其他色,而其他色都调不出原色。那么,这两种有什么区别呢?3. 区别光学三原色和颜料三原色最主要的区别就是他们的混淆原理差别,分为相加混色和相减混色。

光学三原色为相加混色(可以明白为光的叠加),混淆后颜色的明度提高,三色混淆即为白色。相反,颜料三原色接纳相减混色(可以明白为光的吸收),混淆后颜色的明度和纯度都市下降,三个混淆即为玄色。

在设计中我们可以区分为 RGB(光学三原色)和 CMYK(颜料三原色)。RGB 模式本质上与 CMYK 模式没有区别,只是发生颜色的方式差别。显示器接纳RGB模式,就是因为显示器是电子光束轰击荧光屏上的荧光质料发出亮光从而发生颜色,当没有光的时候为玄色,光线加到最大时为白色。而打印机呢?它的油墨不会自己发出光线。

因而只有接纳吸收特定光波而反射其它光的颜色,所以需要用减色法来解决。运用场景:光学三原色:RGB模式,灯光色彩中;颜料三原色:CMYK模式,绘画和印刷领域。

冷暖色调冷暖色由三种原色、三种间色和六种复色组成的系统就称为十二色环,从紫色至黄绿为冷色,黄色至紫色为暖色。冷色可以让人遐想到海洋、天空、雨雪等,让人发生理智、严寒、寂静的感受。暖色可以让人遐想到火焰、太阳等,让人发生温暖、热情、开放的感受。

实际案例中,冷暖色调的搭配,直接决议了鉴赏者的第一感官。鉴赏者第一眼的情绪感慨,就由此而来。颜色的三个属性颜色的三个属性划分为:色相(Hue)、明度(Brightness)、饱和度(Saturation)。

1. 色相色相指的是这些差别波长的色的情况。波长最长的是红色,最短的是紫色。色彩是由于物体上的物理性的光反射到人眼视神经上所发生的感受。

色的差别是由光的波长的是非差异所决议的。把红、橙、黄、绿、蓝、紫和处在它们各自之间的红橙、黄橙、黄绿、蓝绿、蓝紫、红紫这 6 种中间色——共计 12 种色作为色相环。

在色相环上排列的色是纯度高的色,被称为纯色。2. 明度明度是表现色所具有的亮度和暗度。盘算明度的基准是灰度测试卡。玄色为 0,白色为 10,在 0~10 之间等距离的排列为 9 个阶段。

色彩可以分为有彩色和无彩色,但后者仍然存在着明度。作为有彩色,每种色各自的亮度、暗度在灰度测试卡上都具有相应的位置值。

彩度高的色对明度有很大的影响,不太容易分辨。在明亮的地方判别色的明度比力容易的,在暗的地方就难以判别。3. 饱和度饱和度是用数值表现色的鲜艳或鲜明的水平。

饱和度为 0 时,就是黑白灰。有彩色的种种色都具有彩度值,无彩色的色的彩度值为0,对于有彩色的色的彩度(纯度)的崎岖,区别方法是凭据这种色中含灰色的水平来盘算的。

颜色搭配1. 单色单色指的是某个颜色纯度的变化,就是在原有色上叠加 10%~90% 的白色/玄色获得的一个颜色。这种方法运用到产物中,会给人一种朴素、低调洁净的感受;同时,也会给人一种单调的感受。单色的颜色搭配适合沉醉式的产物中使用,不会因为色彩而打乱用户的体验。产物案例:MUJI2. 互补色互补色是指在色相环上对立(180°)的两个颜色。

色彩中的互补色有红色与绿色互补,蓝色与橙色互补,紫色与黄色互补。补色并列时,会引起强烈对比的色觉,会感应红的更红、绿的更绿。互补色是很难把控的一种色彩搭配。

由于色彩打击力极强,用好了可以到达视觉峰值,反之则会很“村气”3. 相近色相近色是指在色环上相邻的两三个颜色,在色相环上相距 60°它们色相相互相近,冷暖性质一致、色调统一和谐、情感特性一致。相近色是选择相近色彩时很不错的方法,可以在同一个色调中制造富厚的质感和条理。一些效果不错的色彩组合有蓝绿色、蓝色和蓝紫色,另有黄绿色、黄色和橘黄色等。

4. 对比色对比色是人的视觉感官所发生的一种生理现象,是视网膜对色彩的平衡作用。指在相环上相距 120° 到 180° 之间的两种颜色。

对比色能使色彩效果体现更显着,形式多样,极富体现力。需要注意的是,互补色一定是对比色,可是对比色纷歧定是互补色。色彩的视觉出现1. 光源色物体只有在光的照射下我们才气看到他们的颜色。发光体发出的光,形成了差别的色彩,我们将这些色光称之为光源色。

2. 固有色固有色就是我们平时看到物体的颜色。好比在正常光照下我们看到一个物体是红色,那他的固有色就是红色。3. 情况色情况色是物体周围情况的颜色。情况色对我们看到物体颜色的影响很是大。

大家平时肯定也遇到过一个物体在差别的光照下,出现出来的物体颜色也不尽相同。好比,一个在蓝色天空下的苹果会出现部门淡蓝色,就是情况色的影响。色彩花样1. RGBRGB 色彩模式是工业界的一种颜色尺度,是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来获得林林总总的颜色的,RGB 即是代表红、绿、蓝三个通道的颜色,这个尺度险些包罗了人类视力所能感知的所有颜色,是现在运用最广的颜色系统之一。

2. HSB在 HSB 模式中,H(hues)表现色相,S(saturation)表现饱和度,B(brightness)表现明度。3. HSL在 HSL 模式中,H(hues)表现色相,S(saturation)表现饱和度,L(Lightness)表现明度。4. HSB 和 HSL 的区别HSB 和 HSL 都是表现色相、饱和度和明度,差别的点在于应用开发中,差别开发语言下可调治的明度值名词差别,所以这两个花样不用过于纠结哪个用的更多,详细使用中就是需要哪个用哪个。

差别颜色的感受1. 玄色玄色代表着品质、权威、严肃、稳重、高级。它是所有颜色中最有气力的,玄色+金色凸显高尚感,玄色+红色凸显时尚感。

玄色是永不外时的颜色。2. 白色白色代表纯洁、信任、朴素、简朴。

玄色和白色经常会被用作无色,这两个颜色没有色彩倾向,属于中性色,所以经常被忽略掉。在界面设计中,白色经常被用作配景色,提高画面明度,凸显其他内容,提高文字的易读性。

3. 红色红色代表喜庆、热情、旷达、自由、欢喜。它是很强势的颜色,一泛起就会使人热血沸腾,经常泛起在电商运动中,让人有购物的激动。同时,红色也有一种警告的寄义。

一些产物高危操作的 Button,都是用红色来提醒用户。4. 蓝色蓝色代表岑寂、商务、未来、科技、宁静,它是一种比力理智的颜色,在色彩心理学的测试中发现,险些没有人对蓝色反感。

主色挪用蓝色的太多了:知乎、Twitter、Behance、钉钉等,蓝色的运用给用户一直宁静、放心的感受。5. 黄色黄色代表辉煌、高尚、信心。它的明度极高,虽然没有红色给人那么强烈的感官,可是黄色给人一种警示的意思。黄色经常会以高尚的寄义被用到:网站的 VIP。

6. 绿色绿色代表康健、活力、生命、宁静、宁静、平静。绿色可以治愈心灵,当你不开心的时候,看一下绿色的工具,会让你的愉悦值增加。

它在生活中用到最多的寄义是宁静:绿色通道、绿灯等。7. 紫色紫色代表浪漫、时尚、性感、梦幻、缔造力。

紫色+粉色经常在女性化妆品被用到,紫色在自然生活中很少看到,所以也有一种稀有、高尚的感受。色彩在设计中的应用1. 数量一个页面中只管不要凌驾 3 种颜色(黑白除外),颜色过多会让用户的兴奋值上升,不易恒久检察。2. 统一性每一个产物都有自己的主色调,所有的页面的色彩搭配都要和主色调呼应,主色调的合理运用直接关系到用户对产物的信任值。

同一组件、场景中,颜色使用要保持一致,切忌“自由发挥”,毫无规范可言。3. 60-30-10原则60%、30%、10% 的原则,是到达色彩平衡的最佳比例。在 60% 的空间使用主色,可以运用到导航栏、按钮、图标等关键的元素中,使之成为整个 App 的视觉焦点和色彩关系;30% 的空间使用辅助色,可以平衡过多的主色而造成的视觉疲劳;最后剩下 10% 的空间为粉饰色,可以用在一些不太重要的元素又需要区分的时候。

6:3:1 原则构建了一种富厚的色彩条理,让界面看上去和谐、平衡和不杂乱。4. 颜色禁忌禁用纯黑、纯灰,纯黑和纯灰会使用户陷入负面情绪中,可以在玄色和灰色中加入一些色调,让颜色看上去更柔和,另外纯玄色看时间久了会使人疲惫,在实际产物中,也很少有用纯黑的。5. 文字中的使用超链接颜色用蓝色,为什么呢?最早期电脑中用的是深灰色配景+玄色字,那时候能用非玄色最深的颜色就是蓝色,所以这个习惯一直延续至今。这种用户习惯很是一致的情况下,只管不要去改颜色,因为改成此外颜色就会颠覆用户认知,学习成本就会增加。

6. 卡片阴影一定不要用纯玄色阴影,阴影的颜色会受到情况色和固有色的影响,对于有颜色卡片的配景,只管使用比卡片更深的同色系颜色来调阴影,会使得阴影更洁净、整洁。配色网站推荐1. Wbgradients网站链接:https://webgradients.com/Wbgradients 是一个在线调整渐变色的网站 ,可以凭据你想要的调整效果,同时支持复制 CSS 代码,可以更好的与开发对接。2. Grabient网站链接:https://www.grabient.com/Grabient 是一个很是漂亮且实用的渐变配色网站,支持 CSS 样式代码复制、360度渐变旋转、自由增加或删除渐变颜色等功效。

设计师可以在色块下方自由添加和调整渐变的色系、以及线性渐变偏向。3. Color Grid网站链接:https://www.0to255.com/740941该网站随意选色值,它自动换算出已选色值的 32 种明度色值,简朴易用。

4. Eva Design System网站链接:https://colors.eva.design/Eva Design System 是一个基于深度学习算法的配色网站。适用于给我们的产物或品牌生成一个系统的配色方案。右上角可以切换浅色模式和深色模式的对比。5. Color Hunt网站链接:https://colorhunt.co/Color Hunt 是开放的调色板荟萃,可以添加到 chrome 浏览器,利便随时随地使用。


本文关键词:写给,设计,小,白的,色彩,基础,指南,颜色,的,KOK体育app官方入口

本文来源:KOK体育app官方入口-www.hk-hotline.com

Copyright © 2007-2021 www.hk-hotline.com. KOK体育app官方入口科技 版权所有  ICP备案:ICP备97797034号-1