色彩基础与界面配色原则复习课程

绿色
给人安全、自由、新 鲜、生命力的感受， 所以绿色经常应用于 安全管家，或者环保
健康类APP中。
黄色
象征着青春、活力、 创意，乐观，并且明 度极高，是一种很难 把控的颜色，黄色很 容易脏，所以要慎用。
紫色
象征着优雅、浪漫、 神秘、高贵。同样缺 少亲和力，并且略显 不稳重，紫色在APP
中应用的较少。
同类色对比可以让画面和谐统一，互补色对比可以让画面更具张 力。
PPAARRT.T1.1
色彩的对比（Color Contrast）
色相对比（同类色、互补色）
同类色对比可以让画面和谐统一，互补色对比可以让画面更具张 力。
PPAARRT.T1.1
色彩的对比（Color Contrast）
纯度对比（饱和度）
同类色
同一色相中不同倾向的系列颜色被称为同类色。如黄色中可分为 柠檬黄、中黄、橘黄、土黄，都称之为同类色。
对比色
色环中相隔120度至150度的任何三种颜色。
PPAARRT.T1.1
色彩基础知识（Intercation Design）
互补色
色相环中相隔180度的颜色，被称为互补色。如：红与绿，蓝与橙， 黄与紫互为补色。
明度
同一颜色在强光照射下显得明亮，弱光照射下显得灰暗模糊；同 一颜色加黑或加白掺合以后也能产生不同的明暗层次。二是各种 颜色的不同明度。每一种纯色都有与其相应的明度。黄色明度最 高，蓝紫色明度最低，红、绿色为中间明度。
PPAARRT.T1.1
色彩的对比（Color Contrast）
色相对比（同类色、互补色）
暖色
色环中红、橙一边的色相称暖色，能带给人温馨、和谐、温暖的 感觉。这是出于人们的心理和感情联想。它会使人联想到太阳、 火焰、热血。
黑白灰
黑白灰事实上是属于无色系，色环则是根据原色来指定的，没有 原色则是白，原色完全混合则是黑，灰是黑白之间的过渡。
PPAARRT.T1.1
PPAARRT.T1.1
PPAARRT.T1.1
色彩的对比（Color Contrast）
面积对比
将两个色彩强弱不同的色彩放在一起，若要得到对比均衡的效果， 必须以不同的面积大小来调整，弱色占大面积，强色占小面积， 而色彩的强弱是以其明度和彩度来判断，这种现象称为面积对比。
PPAARRT.T1.1
色彩的性格（Color Character）
使用纯度可以让主体更突出，人的眼睛更优先注意到纯度高的元素。
PPAARRT.T1.1
色彩的对比（Color Contrast）
明亮对比（颜色深浅）
深浅的对比可以让画面更具层次，当然前面也说到色相不同也可 以带来明度变化。
PPAARRT.T1.1
色彩的对比（Color Contrast）
冷暖对比
冷与暖的情感完全不同，画面过冷或者过暖都会让画面视觉以及 情感的失衡，二者在确定色调的情况下进行调和会让画面失衡。
色彩基础知识（Intercation Design）
色相
色相是指能够比较确切地表示某种颜色色别的名称。如玫瑰红、 桔黄、柠檬黄、钴蓝、群青、翠绿……从光学物理上讲，各种色相 是由射入人眼的光谱成分决定的。
纯度
含有色彩成分的比例愈大，则色彩的纯度愈高，含有色成分的比 例愈小，则色彩的纯度也愈低。可见光谱的各种单色光是最纯的 颜色，为极限纯度。当一种颜色渗入黑、白或其他彩色时，纯度 就产生变化。
色
色彩基础与界面配色原则
目录
CONTENTS
1 视觉中的色彩原则 2 色彩在界面中的应用 3 界面配色指南
PART 01
视觉中的色彩原则
色彩基础、对比、性格、远近、重量
PPAARRT.T1.1
色彩基础知识（Intercation Design）
三原色
绘画色彩中最基本的颜色为三种即红、黄、蓝，称之为原色。这 三种颜色纯正、鲜明、强烈，而且这三种原色本身是调不出的， 但是他们可以调配出多种色相的色彩。
冷色（蓝色）
干净、新鲜、宁静、理性、清凉、权威、科技、医学 暖色（红色） 激情、肌饿、俏皮、温暖、张扬、亲切、热情
PPAARRT.T1.1
白色
纯洁、神圣、信任、 安静。并且是所有颜 色中最耐看的颜色， 所以APP的背景基本
都使用白色。
蓝色
在APP中主题色应用 最多的就是蓝色 ， 象征着诚实、希望与 科技。在色彩心理学 中测试发现几乎没有
间色
由两个原色相混合得出的色彩，如黄调蓝得绿、蓝调红得紫。
复色
将两个间色（Biblioteka Baidu橙与绿、绿与紫）或一个原色与相对应的间色 （如红与绿、黄与紫）相混合得出的色彩。复合色包含了三原色 的成分，成为色彩纯度较低的含灰色彩。
PPAARRT.T1.1
色彩基础知识（Intercation Design）
互补色
色相环中相隔180度的颜色，被称为互补色。如：红与绿，蓝与橙， 黄与紫互为补色。
人反感蓝色。
红色
象征热情、性感、权 威和自信，是一种充 满能量的色彩、在一 些需要烘托热烈气氛 的APP中常会用到。
橙色
给人亲切、充满活力 和阳光地感觉。一般 在社会服务类或者电 商类APP用到的居多， 橙色可以激发人们的
消费欲望。
PPAARRT.T1.1
黑色
象征着高雅、高端、 冷漠。黑色缺少亲和 力，所以一般产品很 少定义黑色为主色。
PPAARRT.T1.1
色彩的远近（Color Distance）
色彩的远近感是指明度，纯度，冷暖，清晰度等多种对比而造成 的错觉现象。
PPAARRT.T1.1
色彩的远近（Color Distance）
明度 纯度 冷暖 清晰度
明度越高，视觉心理上就越靠前。
同类色
同一色相中不同倾向的系列颜色被称为同类色。如黄色中可分为 柠檬黄、中黄、橘黄、土黄，都称之为同类色。
对比色
色环中相隔120度至150度的任何三种颜色。
PPAARRT.T1.1
色彩基础知识（Intercation Design）
互补色
色相环中相隔180度的颜色，被称为互补色。如：红与绿，蓝与橙， 黄与紫互为补色。
同类色
同一色相中不同倾向的系列颜色被称为同类色。如黄色中可分为 柠檬黄、中黄、橘黄、土黄，都称之为同类色。
对比色
色环中相隔120度至150度的任何三种颜色。
PPAARRT.T1.1
色彩基础知识（Intercation Design）
冷色
色环中蓝、绿一边的色相称冷色，它使人们联想到海洋、蓝天、 冰雪、月夜等。