设计技巧！教你创建交互设计自查表(3)
图5：内容展现相关 对于内容这块，最多的异常的关注点在于大量的空态、极值、网络数据过期等的提示。不同的APP根据自身的类型不同，所要考虑的内容也完全不同。 5. 用户个人属性 图6：用户个人属性相关 在大多数应
在上一篇教程中，我们学习了色彩三种基本属性的各自配色应用，这一篇教程我将会为大家讲到色彩三种基本属性之间的关系即色调的相关知识内容。
1. 色调
色调指的是色相和明度、纯度之间的关系,一幅画面中色彩的总体倾向，是大的色彩效果。从图中可看出越靠上色彩越亮，越靠下色彩越暗，越靠左色彩纯度越低，越靠右色彩纯度越高。
如下图，在鲜艳的纯色中加入白色就会变成明色调，加入灰色则变成浊色调，加入黑色则变成暗色调。
如下图，根据不同的明度和纯度组合，又可将明色调分为鲜明、高亮、明亮、清澈；将灰色调分为苍白、灰亮、隐约、浅灰；将暗色调分为阴暗、深暗、黑暗11种色调。
色彩之间在数量上的多与少、大与小的比例差别决定了色调的倾向，如下图，突出任何—种明度或纯度因素的色相面积都无疑是强调了与之相联系的色调倾向。
色调的构成应抓住色彩节奏与韵律，巧妙有机地调正各种色彩，使之彼此相互连结、相互依存、相互呼应，从而构成和谐的色彩整体，而多样与统一是色块处理、色调构成的基本法则
2. 色调区分
色调的控制，能更加有效地把握色彩表达的感情色彩。比如“鲜明”和“高光”色调的彩度很高，给人一种强烈而又热情的feel；“清澈”和“隐约”的 亮度和彩度较高，十分温顺；“灰度”“浅灰”以及“阴暗”的亮度和彩度较低，让人feel低调、理性；“灰暗”和“黑暗”的亮度非常低，让人feel深沉 凝重等等。
2.1 鲜明的纯色调
纯色调是由高纯色相组成的色调，每一色相个性鲜明，具有挑战性、令人振奋、赏心悦目。如下图，强烈的色相对比意味着年轻、充满活力与朝气。
2.2 清新的中明色调
中明色调的刺激感仅次于高纯色调，中色调加入了少量白色，提高了明度。如下图，清新、明朗，像少男少女的纯真、朝气蓬勃，具有上进精神。
2.3 明净的明色调
明色调属于青色系列，其特征是加入了多量的白色，提高整体色调的明度，色感相对减弱。如下图，透明清丽、明净而轻快。
2.4 高雅的明灰调
如下图，在色彩中调入大量的浅灰颜色，提高了色相的明度，形成高明度的灰调，蕴含着高雅与恬静。
2.5 朴实的中灰调
中灰调是中等明度的含灰色调，色相环中所有颜色均调入中灰色，纯度降低，色相感淡薄。如下图，带有几分深沉而暗淡，朴实而稳重的特色。
2.6 中庸的浊色调
如下图，浊色调居于色彩体系的明暗中轴线与高纯色之间的位置，具有明显的色彩个性，有宜于调和色调。
2.7 稳定的中暗调
中暗调属于暗色系色彩，调入了少量黑色，使保持色相原有的基础上又笼罩了一层较深的调子，如下图，显得稳重老成、严谨与尊贵。
2.8 浑厚的暗灰调
色相环中所有颜色均调入暗灰色，使色相感呈低弱、灰暗的灰调，就像乌云密布、阴郁暗淡，令人压抑。
2.9 深沉的暗色调
暗色调入了大量的黑色，形成浓浓的深色调。隐约略显各色的相貌，这是暗色调的特征。如下图，表现出深沉坚实、冷静庄重的气质。
3. 色相与色调的统一区分
3.1 相同是冷色,但色调不同
如下图，相同是冷色,但色调不同。暗色调表现出强烈的力量感；明亮的色调表现出清爽的feel。
3.2 同一色调,但色数不同
如下图，同一色调,但色数不同。色数较多的画面显得丰富多彩，而色数少的，画面则显得更加统一。
3.3 相同是单一色调,但色相不同
如下图，相同是单一色调,但色相不同，给人的心理印象也不同。
通过这个篇幅的教程，我们知道了从整体上去把握画面的色彩搭配，那么不同色彩搭配会给人不同的领悟，而这种领悟是因为色彩的性质所决定，在下一篇教程中将为大家介绍色彩性质的相关知识。
色相环中所有颜色均调入暗灰色，使色相感呈低弱、灰暗的灰调，就像乌云密布、阴郁暗淡，令人压抑。
2.9 深沉的暗色调
暗色调入了大量的黑色，形成浓浓的深色调。隐约略显各色的相貌，这是暗色调的特征。如下图，表现出深沉坚实、冷静庄重的气质。
3. 色相与色调的统一区分
3.1 相同是冷色,但色调不同
如下图，相同是冷色,但色调不同。暗色调表现出强烈的力量感；明亮的色调表现出清爽的feel。
3.2 同一色调,但色数不同
如下图，同一色调,但色数不同。色数较多的画面显得丰富多彩，而色数少的，画面则显得更加统一。
3.3 相同是单一色调,但色相不同
如下图，相同是单一色调,但色相不同，给人的心理印象也不同。
通过这个篇幅的教程，我们知道了从整体上去把握画面的色彩搭配，那么不同色彩搭配会给人不同的领悟，而这种领悟是因为色彩的性质所决定，在下一篇教程中将为大家介绍色彩性质的相关知识。
在上一篇教程中，我们学习了色彩三种基本属性的各自配色应用，这一篇教程我将会为大家讲到色彩三种基本属性之间的关系即色调的相关知识内容。
1. 色调
色调指的是色相和明度、纯度之间的关系,一幅画面中色彩的总体倾向，是大的色彩效果。从图中可看出越靠上色彩越亮，越靠下色彩越暗，越靠左色彩纯度越低，越靠右色彩纯度越高。
如下图，在鲜艳的纯色中加入白色就会变成明色调，加入灰色则变成浊色调，加入黑色则变成暗色调。
如下图，根据不同的明度和纯度组合，又可将明色调分为鲜明、高亮、明亮、清澈；将灰色调分为苍白、灰亮、隐约、浅灰；将暗色调分为阴暗、深暗、黑暗11种色调。
色彩之间在数量上的多与少、大与小的比例差别决定了色调的倾向，如下图，突出任何—种明度或纯度因素的色相面积都无疑是强调了与之相联系的色调倾向。
色调的构成应抓住色彩节奏与韵律，巧妙有机地调正各种色彩，使之彼此相互连结、相互依存、相互呼应，从而构成和谐的色彩整体，而多样与统一是色块处理、色调构成的基本法则
2. 色调区分
色调的控制，能更加有效地把握色彩表达的感情色彩。比如“鲜明”和“高光”色调的彩度很高，给人一种强烈而又热情的feel；“清澈”和“隐约”的 亮度和彩度较高，十分温顺；“灰度”“浅灰”以及“阴暗”的亮度和彩度较低，让人feel低调、理性；“灰暗”和“黑暗”的亮度非常低，让人feel深沉 凝重等等。
2.1 鲜明的纯色调
纯色调是由高纯色相组成的色调，每一色相个性鲜明，具有挑战性、令人振奋、赏心悦目。如下图，强烈的色相对比意味着年轻、充满活力与朝气。
2.2 清新的中明色调
中明色调的刺激感仅次于高纯色调，中色调加入了少量白色，提高了明度。如下图，清新、明朗，像少男少女的纯真、朝气蓬勃，具有上进精神。
2.3 明净的明色调
明色调属于青色系列，其特征是加入了多量的白色，提高整体色调的明度，色感相对减弱。如下图，透明清丽、明净而轻快。
2.4 高雅的明灰调
如下图，在色彩中调入大量的浅灰颜色，提高了色相的明度，形成高明度的灰调，蕴含着高雅与恬静。
2.5 朴实的中灰调
中灰调是中等明度的含灰色调，色相环中所有颜色均调入中灰色，纯度降低，色相感淡薄。如下图，带有几分深沉而暗淡，朴实而稳重的特色。
2.6 中庸的浊色调
如下图，浊色调居于色彩体系的明暗中轴线与高纯色之间的位置，具有明显的色彩个性，有宜于调和色调。
2.7 稳定的中暗调
中暗调属于暗色系色彩，调入了少量黑色，使保持色相原有的基础上又笼罩了一层较深的调子，如下图，显得稳重老成、严谨与尊贵。
2.8 浑厚的暗灰调
在上一篇教程中，我们学习了色彩三种基本属性的各自配色应用，这一篇教程我将会为大家讲到色彩三种基本属性之间的关系即色调的相关知识内容。
1. 色调
色调指的是色相和明度、纯度之间的关系,一幅画面中色彩的总体倾向，是大的色彩效果。从图中可看出越靠上色彩越亮，越靠下色彩越暗，越靠左色彩纯度越低，越靠右色彩纯度越高。
如下图，在鲜艳的纯色中加入白色就会变成明色调，加入灰色则变成浊色调，加入黑色则变成暗色调。
如下图，根据不同的明度和纯度组合，又可将明色调分为鲜明、高亮、明亮、清澈；将灰色调分为苍白、灰亮、隐约、浅灰；将暗色调分为阴暗、深暗、黑暗11种色调。
色彩之间在数量上的多与少、大与小的比例差别决定了色调的倾向，如下图，突出任何—种明度或纯度因素的色相面积都无疑是强调了与之相联系的色调倾向。
色调的构成应抓住色彩节奏与韵律，巧妙有机地调正各种色彩，使之彼此相互连结、相互依存、相互呼应，从而构成和谐的色彩整体，而多样与统一是色块处理、色调构成的基本法则
2. 色调区分
色调的控制，能更加有效地把握色彩表达的感情色彩。比如“鲜明”和“高光”色调的彩度很高，给人一种强烈而又热情的feel；“清澈”和“隐约”的 亮度和彩度较高，十分温顺；“灰度”“浅灰”以及“阴暗”的亮度和彩度较低，让人feel低调、理性；“灰暗”和“黑暗”的亮度非常低，让人feel深沉 凝重等等。
2.1 鲜明的纯色调
纯色调是由高纯色相组成的色调，每一色相个性鲜明，具有挑战性、令人振奋、赏心悦目。如下图，强烈的色相对比意味着年轻、充满活力与朝气。
2.2 清新的中明色调
中明色调的刺激感仅次于高纯色调，中色调加入了少量白色，提高了明度。如下图，清新、明朗，像少男少女的纯真、朝气蓬勃，具有上进精神。
2.3 明净的明色调
明色调属于青色系列，其特征是加入了多量的白色，提高整体色调的明度，色感相对减弱。如下图，透明清丽、明净而轻快。
2.4 高雅的明灰调
如下图，在色彩中调入大量的浅灰颜色，提高了色相的明度，形成高明度的灰调，蕴含着高雅与恬静。
2.5 朴实的中灰调
中灰调是中等明度的含灰色调，色相环中所有颜色均调入中灰色，纯度降低，色相感淡薄。如下图，带有几分深沉而暗淡，朴实而稳重的特色。
2.6 中庸的浊色调
如下图，浊色调居于色彩体系的明暗中轴线与高纯色之间的位置，具有明显的色彩个性，有宜于调和色调。
2.7 稳定的中暗调
中暗调属于暗色系色彩，调入了少量黑色，使保持色相原有的基础上又笼罩了一层较深的调子，如下图，显得稳重老成、严谨与尊贵。
2.8 浑厚的暗灰调
色相环中所有颜色均调入暗灰色，使色相感呈低弱、灰暗的灰调，就像乌云密布、阴郁暗淡，令人压抑。
2.9 深沉的暗色调
暗色调入了大量的黑色，形成浓浓的深色调。隐约略显各色的相貌，这是暗色调的特征。如下图，表现出深沉坚实、冷静庄重的气质。
3. 色相与色调的统一区分
3.1 相同是冷色,但色调不同
如下图，相同是冷色,但色调不同。暗色调表现出强烈的力量感；明亮的色调表现出清爽的feel。
3.2 同一色调,但色数不同
如下图，同一色调,但色数不同。色数较多的画面显得丰富多彩，而色数少的，画面则显得更加统一。
3.3 相同是单一色调,但色相不同
如下图，相同是单一色调,但色相不同，给人的心理印象也不同。
通过这个篇幅的教程，我们知道了从整体上去把握画面的色彩搭配，那么不同色彩搭配会给人不同的领悟，而这种领悟是因为色彩的性质所决定，在下一篇教程中将为大家介绍色彩性质的相关知识。
