色彩的运用分解.ppt

1.1-2 邻近色配色 近邻色配色方法比较常见，搭配比同色系稍微丰富，色相柔和过渡看起来也很和谐。 观点：基于品牌色的邻近色运用，灵活运用到各类控件中。 1.1-3 类似色配色 类似色配色也是常用的配色方法，对比不强给人色感平静、调和的感觉。 观点：基于品牌色的类似色运用，有主次地用到页面各类控件和主体内容中。 中差色对比相对突出，色彩对比明快，容易呈现饱和度高的色彩。 观点：利用色彩对比突出按钮任务优先级，增加页面气氛。 1.1-4 中差色配色 1.1-5 对比色配色 主导的对比配色需要精准地控制色彩搭配和面积，其中主导色会带动页面气氛，产生激烈的心理感受。 观点：红蓝色反应不同交互和信息的可操作性，针对系统操作和用户操作的区分。 1.1-6 中性色配色 用一些中性的色彩作为基调搭配，常应用在信息量大的网站，突出内容，不会受不必要的色彩干扰。这种过配色比较通用，非常经典。 观点：利用大面积中性色作为主导色，品牌色在这里起到画龙点睛的作用，用于一些需要重点突出的场景，强调交互的状态等。 1.1-7 多色搭配下的主导 主色和其他搭配色之间的关系会更丰富，可能有类似色、中差色、对比色等搭配方式，但其中某种色彩会占主导。 观点：谷歌设置了四种品牌色，通过主次、合理的比例应用在界面中，并通过组控件不同的交互状态合理分配功能任务。 二、色调调和而形成的配色方式 2.1 有主导色调配色 这是由同一色调构成的统一性配色。深色调和暗色调等类似色调搭配也可以形成同样的配色效果。即使出现多种色相，只要保持色调一致，画面也能呈现整体统一性。根据色彩的情感，不同的调子会给人不同的感受： 2.1-1 清澈的色调 2.1-2 阴暗的色调 2.1-3 明亮色调 2.1-4 深暗色调 2.1-5 雅白色调 2.1-1 清澈色调 清澈调子使页面非常和谐，即使是不同色相，相同色调的配色能让页面保持较高的协调度。 观点：互补的色相搭配在一起，通过统一色调的手法，可以缓和色彩之间的对比效果。 2.1-2 阴暗色调 阴暗的色调渲染场景氛围，通过不同色相的色彩变化丰富信息分类，降低色彩饱和度使各色块协调并融入场景，白色和明亮的青绿色作为信息载体呈现。 观点：多色彩经过统一色调处理，区域间非常协调，也不影响整体页面阴暗气氛表现。 2.1-3 明亮色调 明亮的颜色活泼清晰，热闹的气氛和醒目的卡通形像叙述着一场庆典，但铺满高纯度的色彩，过于刺激，不适宜长时间游览。 观点：饱和度与纯度特性明显的搭配，在达到视觉冲击力的同时，可适当采用对比色或降低明度等方法调和视觉表现。 2.1-4 深暗色调 页面以深暗偏灰色调为主，不同的色彩搭配，像在叙述着不同的故事，白色文字的排版，整个页面显得厚重精致，小区域微渐变增加版面质感。 观点：以低暗色调构成整体画面氛围，小面积明亮部分不会影响整体感觉。 2.1-5 雅白色调 柔和的调子使页面显得明快温暖，就算色彩很多也不会造成视觉负重。页面的同色调搭配，颜色作为不同模块的信息分类，不抢主体的重点，还能衬托不同类型载体的内容信息。 观点：同色调不同色彩的模块，就算承载着不同的信息内容也能表现很和谐。 2.2 同色调配色 这是由同一或类似色调中的色相变化构成的配色类型，与主导色调配色中的属于同类技法。区别在于色调分布平均，没有过深或过浅的模块，色调范围更为严格。 观点：综合运用的情况，整体界面是有主导色调，在布局例如重点图标等是同色调配色灵活运用。 2.3 同色深浅搭配 这是由同一色相的色调差构成的配色类型，属于单一色彩配色的一种。 与主导色调配色中的同色系配色属于同类技法。从理论上来讲，在同一色相下的色调不存在色相差异，而是通过不同的色调阶层搭配形成，可以理解为色调配色的一种。 观点：同色深浅配色有着极高的统一性，但有点枯燥。 三、对比配色而形成的配色方式 一般说来，颜色从纯度，明度，色相上进行对比，明暗对比，深浅对比，冷暖对比等。颜色的对比很容易激发视觉上的冲击。颜色的对比原则从另一个层面上讲，也是一种衬托。为了让设计更好的表达主题，人们往往需要用很多相关元素去衬托主题。 3.1 色相对比 3.1-1 双色对比 3.1-2 三色对比 3.1-3 多色对比 3.2 纯度对比 3.3 明度对比 3.1-1 双色对比 色彩间对比视觉冲击强烈，容易吸引用户注意，使用时经常大范围搭配。 观点： 不管是整体对比还是局部对比，对比色给人强烈的视觉冲击，结合色彩心理学对品牌传达效果更佳。 3.1-2 三色对比 三色对比色相上更为丰富，通过加强色调重点突出某一种颜色，且在色彩面积更为讲究。 观点： 三色对比中西瓜红作为强调色限定在小面积展现非常关键，面积大小直接影响画面平衡感。 3.1-3 多色对比 多色对比给人