发表于: 2019-04-30 22:03:48

1 1381


今天完成的事情:任务6

明天计划的事情:做任务6,

遇到的问题:无

收获:一总结一些关于配色的概念

色相
色相是指色光由于光波长,频率地不同而形成地特定色彩性质,也有人把它叫做色阶,色纯,彩度,色别,色质,色调等,按照太阳光谱的次序把色相排列在一个圆环上,并使其首尾衔接,就称为色相环,再按照相等地色彩差别分为若干主要色相,这就是红,橙,黄,绿,青,紫,等主要色相。
明度
明度是指物体反射出来地光波数量地多少,即光波的强度,它决定了颜色的深浅程度,某一色相的颜色,由于反射同一波长光波地数量不同而产生明度差别,例如粉红反射光波较多,其亮度接近浅灰的程度,比大红反射的光波量较少,其亮度接近深灰的明度,他们的色相相同,明度却不同,这里还有一个因素影响色彩亮度,人类的正常视觉对不同色光的敏感程度是不一致地,人们对黄、橙黄、绿色的敏感程度高,所以感觉这些颜色较亮,对蓝、紫、红色视觉敏感度低,所以觉得这些颜色比较暗,人们通常用从白到灰到黑的颜色划成若干明度不同地接替,作为比较其他各种颜色亮度地标准明度色阶。
纯度
纯度是指物体反射光波频率的纯净程度,单一或混杂的频率决定所产生颜色的鲜明程度。这是一个外来词汇,由于翻译的不同,也有把它翻译为:饱和度彩度、色纯、色度色阶,这些词的含义是一样的。当然,有些译法容易混淆,值得商榷。单一频率的色光纯度最高,随着其他频率色光的混杂或增加,纯度也随之减低。物体色越接近光谱中红、橙、黄、绿、青、蓝、紫系列中的某一色相,纯度越高;相反的。颜色纯度越低时,越接近黑、白、灰这些无彩色系列的颜色。
当我们绘画时,经常要比较几块颜色的不同.“便在调色时加以区别.这时要同时比较色相、明度、纯度三个方面,不能只看一两个方面的区别。两种颜色互相比较时.可能出现下面8种情况,其中包括了三属性搭配的各种
 


同类色   色环中15度夹角内的颜色相间隔2-3色为类似色

邻近色   (色相环中相距30度,或者相隔五六个数位的两色)为邻近色关系,属中对比效果的色组。色          
               相彼此近似,冷暖性质一致,色调统一和谐、感情特性一致。
配色方案是选取相互不冲突的相关色彩 一种色彩用作主色 而其它色彩用于丰富该方案
中差色(90+上下)  与此色相间隔4-7色为中差色  
            它的色彩的对比效果比较明快,是深受人们喜爱的配色
对比色  (24色环上相距120-180度是构成明显色彩效果的重要手段,也是赋予色彩以表现力的重要方法。其表现形式又有同时对        
             比和相继对比之分。
             比如黄和蓝、紫和绿、红和青,任何色彩和黑、白、灰,深色和浅色,冷色和暖  色,亮色和暗 色都是对比色关系。
             如:品红-黄-青,橙红-黄绿-蓝,黄橙-青绿-紫等视觉效果饱满华丽,让人觉得欢乐活跃.容易让人兴  奋激动
互补色  (180度) 它们对比强烈 可以用来吸引观众的注意力 当使用互补色方案时 
               重要的是选择主色并且使用其互补色用于强调
红与青,蓝与黄,绿与品红为互补色,两种颜色混合成为灰黑色



中性色 冷暖色


     暖色  可以创造温暖的感觉 暖色通常会让人联想起太阳 火焰和爱情 红色是血的颜色 感觉是温暖的 橙色和黄色会给人夏天的感觉 
     给图像添加一个橙色的滤镜 图像看起来就会有温馨快客的感觉
     冷色:通常会让人联想起凉爽的气候 冬季 死亡 悲伤 冰 夜晚和水这些事物 冷色可以给人平静 安宁 新人 干净的感觉 紫色与尊贵经常联系在一起 看起来十分内敛



主色调 辅助色 点缀色搭配

主色调 ▶▷
主题色即界面中偏向的颜色,比如京东的主题色就是红色,淘宝的主题色就是橙色。
主界面到底应该选择什么样的色彩搭配呢? 下面就来介绍几种方法:
●第一种方法,可以根据企业 VI 来确定 UI 界面的主题色,通常一家企业的 VI 代表企业的文化或者行业属性。比如中国银行的 VI 主题色为红色,红色在金融行业代表涨的意思,同时红色也是中国人比较喜欢的颜色,所以以前做的一个中国银行的项目用的就是红色。
●第二种方法,可以根据用户人群来确定UI界面的主题色,通常男生比较喜欢金属质感的黑色、灰色、蓝色系,女生喜欢的梦幻甜美色系、糖果色系,小朋友比较喜欢明度纯度比较高鲜艳的颜色。
●第三种方法,可以根据行业特征来确定主题色,比如科技型公司大多喜欢使用
蓝色,金融类公司大多使用红色,奢侈品公司大多使用金色和黑色。
主题色一般应用在界面比较强调的地方,比如标题、价格、按钮、导航等。
主色用量基本占据全部用色的25%,基本决定了整个界面的视觉风格。
辅助色 ▶▷
辅助色起到辅助主色的作用,又叫背景色,它在全部用色中约占据75%。
用与主色同色系色彩作为辅助色可以呈现柔和、整体、统一的视觉效果;
而用主色邻近色作为辅助色可以让界面有丰富的变化,产生活泼感;
用主色调对比色作为辅助色可以让主色更为突出。
通常情况下辅色为白色或者灰色比较多
点缀色 ▶▷
点缀色占全部色彩方案的5%左右、提醒的作用。
应用在鼠标悬停,选中状态,强调部分。点缀色要与界面整体色调相区别,一般在明度、饱和度上要有明显差异,一般会用明度或饱和度高的颜色
色彩在转换率上的影响
UI 设计中,色彩理论的价值多过于视觉装饰,它可以对你的生意造成极大的影响。这个着重体现在 CTA (call-to-action)按钮上:
一个 CTA 按钮是包含四件事情:位置,形状,文字,以及颜色
A 和 B 版本的按钮颜色表现的测试。其他的东西完全一样。只有按钮的颜色不同
虽然他们原本的预测绿色按钮会表现得更好,但结果是红色按钮多了21%的点击
然而,不太可能概括这些结果到所有的情形。没有一个神奇的颜色可以一直表现得很好在所有的网页跟 App 上。
色彩是设计师手中的一个伟大工具,和其他工具一样,为了有效地使用它,需要考虑其所有方面,掌握不同的技巧,以便您能够找到适合于设计任务和目标的解决方案。
三角色:是通过在色环上创建一个等边三角形来取出的一组颜色 可以让作品的颜色很丰富 
四方色: 在色轮上画一个正方形 取四个角的颜色 (尤其是使用其中一个颜色作为主色 其他的三个颜色作为辅助色的时候
四分色配色方案适合有经验的设计师,因为它是最难平衡的。

它采用色轮的四种互补颜色。如果将所选颜色上的点连接起来,会形成矩形。这种方案很难平衡色彩。







三原色  指色彩中不能再分解的三种基本颜色,我们通常说的三原色,即品红、黄、青(是青不是蓝,          

            蓝是品红和青混合的颜色)
色光三原色  是指不能透过其他颜色的混合调配而得出的“基本色”。
                   以不同比例将原色混合,可以产生出其他的新颜色。
色料三原色  品红色、黄色、青色
叠加型的三原色是  色光三原色
(人的眼睛是根据所看见的光的波长来识别颜色的。可见光谱中的大部分颜色可以由三种基本色光按不同的比例混合而成,这三种基本色光的颜色就是红(Red)、绿(Green)、蓝(Blue)三原色光。这三种光以相同的比例混合、且达到一定的强度,就呈现白色(白光);若三种光的强度均为零,就是黑色(黑暗)。这就是加色法原理,加色法原理被广泛应用于电视机、监视器等主动发光的产品中。
消减型的三原色是  色料三原色(用于书本、杂志等的印刷)。
在打印、印刷、油漆、绘画等靠介质表面的反射被动发光的场合,物体所呈现的颜色是光源中被颜料吸收后所剩余的部分,所以其成色的原理叫做减色法原理。减色法原理被广泛应用于各种被动发光的场合。 
色光三原色(加色法)
(红)+(绿)=(黄)
(蓝)+(绿)=(青)
(红)+(蓝)=(品红)
(绿)+(蓝)+(红)=(白)
印刷/颜料三原色(减色法)
(青)+(品红)=(蓝)
(品红)+(黄)=(红)
(黄)+(青)=(绿)
(青)+(品红)+(黄)=(黑)

二三个版本







返回列表 返回列表
评论

    分享到