色彩搭配设计.ppt

* 原始 * 帅气、中性 二、以色相为主的搭配方式 选择符合想表现的色相，并采用色调中的色调配色法做设计，清楚的表现出该色相的感觉。 何谓“色调配色法”：使用两种色调的配色法，着眼点要何种感觉，色相的选择就限定在那个色相的色系中。 三、以色调为主的搭配方式 以各种色调所具有的感觉，加上各种感觉的组合作为考虑因素，来配置。 四、依据所属的风格选择基调色 浪漫的、温柔的、优雅的感觉 基本感觉： 浪漫的—梦幻般的、故事般的、童话式的、洛可可调的 温柔的—柔软的、轻巧的、温柔的、妩媚的 优雅的—优雅的、女性化的、温柔的、可爱的、令人怜惜的 主要的基调色：粉色调、淡色调、浅灰色调为基础色的基 本配色。p/lt/ltg 基本配色：使用上述的色调，以同一色相、类似色相做整合，并用色调做浓淡的表现（同色系的浓淡、色调中的色调配色法。） 古典的、正统的、稳重的感觉 基本的感觉： 古典的—传统的、古典的、样板化的 正统的—正统的、正统传承的 稳重的—坚强、单一、安稳 主要的基调色：深暗色调（d/dk/dp） 、中性色调（w- bk）等为基础的色彩 基本的配色：使用上述的色调，做同一色调的、类似色调的整合，色相也使用同一的、类似的色彩。用同色调、类似色调作整合的配色上再添加色相以求变化。 民族性的、自然的感觉 基本的感觉：民族性的、异国情调的、自然的 主要的基调色：灰色调、沉色调、深色调、暗色 调等为基础的色彩(g/d/dk/dp) 基本的配色：使用上述的色调，以同一色调的、类似色调的整合，再将色相以同一的、类似的范围做整合。并在同一、类似色整合过的色彩上添加不同的色相以求变化。 轻快活泼的感觉 基本的感觉：敏捷的、有规律的、轻快的、活动的 主要的基调色：以淡色调、明亮色调、鲜艳色调等为基础的色彩基本色调(lt/b/v) 基本的配色：使用上述的色调，以同一色相、类似色相做整合，并用色调做浓淡的表现（同色系的浓淡、色调中的色调配色法。） 原始的感觉 基本的感觉：幻觉的、强烈的、野性的、华丽的 主要的基调色：明亮色调、鲜艳色调、暗色调等 为基础的色彩(b/v/dk) 基本的配色：使用上述的色调，在色调中以色相做对比的变化。 男性化的、帅气的感觉 基本的感觉：干练的、精神的、硬朗的、 主要的基调色：深色调、暗沉色调、暗色调、灰 色调等为基础的色彩(g/d/dk/dp) 基本的配色：使用上述的色调，以同一色相、类似色相做整合，再以同一色相、类似色相做整合。 * PCCS 日本的色研机构，简称日本色研。 * * * 无彩色系里没有色相与纯度，可分为灰色、明灰色与暗灰色等明度的阶段分类。 * 色相对比分析：　　主要是以绿色与蓝色之间的色相对比。从HSB数值上可看出嫩绿色的S纯度高B亮度也很高，因此艳丽的颜色作为背景与前景纯度稍低的墨绿和轱蓝色形成色相之间的对比。前景的墨绿虽然纯度达到最高值100％，比主色调高不少，但是因为亮度低，因此色彩显示没有主色调明艳。　　结论：　　该页面色相的对比，主要作用于前景与背景的对比、局部与整体的对比。 * 明度对比分析：（非彩色差）　　严格来说，该页面应该是黑白灰色非色彩构成，摄影图片中的人物衣服为灰色，相对单纯的黑白对比柔和舒适于视觉。能使页面显得更单纯、统一，形成另一道独特的风景。 * 纯度对比分析：　　整个页面看起来异常艳丽刺激然而又非常的协调。以上数值主要选取了几种较有代表性的颜色。　　大家注意看，以上色彩除了粉红色，其他几组颜色都是高饱和度高亮度的颜色，因此充分的发挥出了色彩的艳丽程度。包括粉红色在内的几种灰色阶，在中间起到了和谐作用。白色能拉开相近色阶的空间及明快页面的作用，在这里可以说是功不可没。　　结论：　　页面实际上用了不少颜色，配色大胆。抓住颜色主次冷暖的安排，适度再加上和谐的过渡色灰色，实现了作者对该页面的轻松配色。从多种高纯度的搭配协调能力上看，足可见作者对色彩设计搭配不一般的功底。　　这类网页配色非常能够体现出一个网站页面产品个性，配色难度大。让人过目难忘。 * 　补色对比分析：　　由冷色系的绿色、蓝色组成大背景环境，纯度较低。前景主要是突出产品、文字信息内容的大红色形成补色对比效果，RGB的R255数值与HSB是H为零，数值显示非常明确，标准的大红色。纯度亮度非常高，达到最高值，加之白色的勾边，使得红色更为凸显，更易于视觉对信息的迅速捕捉。　　结论：　　对比色