网页色彩设计——色彩对比.ppt

网页图片分析 网页图片分析 色彩的面积对比 形态面积对比是指各种色彩在画面构图中所占面积比例多少而引起的明度、色相、纯度、冷暖对比。 在色彩对比中，面积的变化对对比的影响至关重要，色彩是否能形成主色、主调，决定于它在整个色彩区域面积的比例。 A C B D 色彩面积对比类型 对比色彩的面积相当时，互相之间产生抗衡，对比效果强烈，也称抗衡对比。 当面积大小悬殊时，则产生烘托、强调的效果，也称优势对比。 A 色彩相同、面积相同 B 色彩不同、面积相同 C 色彩相同、面积不同 D 色彩不同、面积不同 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 课后思考 以右侧网页为模板结合色彩对比的知识分别完成色彩对比练习。 要求练习中包含色相、明度、纯度以及面积对比要素。 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 纯度对比 纯度对比是指因纯度差别而形成的对比。 纯度对比包含三方面的内容：1、纯色与含灰的色彩的对比，2、各种不同色彩倾向的灰色间的对比，3、纯色之间的对比。 11种色调 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 纯度11色调 分别是指： 鲜明、高亮、明亮、清澈、苍白、灰亮、隐约、浅灰、阴暗、深暗、黑暗。 其中“鲜明”和“高亮”色调的彩度很高，所以会给人一种华丽而又强烈的感觉；“清澈”和“隐约”的亮度和彩度都比较高，所以会给人一种柔和的感觉；“灰亮”和“浅灰”以及“阴暗”会给人一种朴素而又冷静的感觉；“深暗”和“黑暗”的亮度很低，所以会给人一种深沉而又凝重的感觉。 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 明度对比 明度对比就是因为明度差别而形成的色彩对比。 明度对比在色彩构成中占有重要位置,色彩的层次、体感、空间关系主要靠色彩的明度对比来实现. 以明度对比为主构成的色调 高明度基调 中明度基调 低明度基调 最长调 高明度基调 以高明度色彩(高明度色彩在画面面积上占绝对优势,即面积在70%左右时),为主构成高明度基调； 高明度基调给人联想到的是晴空、清晨、朝霞、昙花、溪流、化妆品等.给人的感觉是轻快、柔软、明朗、娇媚、纯洁.应用不当会使人感觉疲劳、冷淡、柔弱、病态. 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 中明度基调 以中明度色彩(中明度色彩在画面面积上占绝对优势,即面积在70%左右时),为主构成中明度基调。 中明度基调给人朴素、稳静、老成、庄重、刻苦、平凡的感觉。应用不当会造成呆板、贫穷、无聊的感觉。 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 低明度基调 以低明度色彩(低明度色彩在画面面积上占绝对优势,即面积在70%左右时),为主构成低明度基调； 低明度基调给人感觉沉重、浑厚、强硬、刚毅、神秘.也可构成黑暗、阴险、哀伤等色调. 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 网页图片分析 最长调 大面积明度色阶1，小面积明度色阶9；或大面积明度色阶9，小面积明度色阶1；或明度色阶9和1各占一半，属最强对比。 最强对比具有强烈、刺激、锐利、保露的特点。若处理不当，会产生生硬、过分刺激、动荡不安的感觉。 网页色彩设计——色彩对比邵攀科 网页版面的基本视觉元素 色彩理论 色彩对比 色彩情感与表现 网页色彩设计 色彩对比 色彩对比有多种类别。从色彩性质来分有：色相对比、纯度对比、明度对比；从色彩的形象来分有：形状对比、面积对比，位置对比、虚实对比、肌理对比；从色彩的生理与心理效应来分有：冷暖对比、轻重对比、动静对比、胀缩对比、进退对比、新旧对比；从对比色数来分有：双色对比、三色对比、多色对比、色组对比、色调对比；另外还有同时对比、连续对比等。 本讲主要内容 色彩对比 色相对比 明度对比 纯度对比 面积对比 色相对比 色相对比是由色相间的差别造成的对比。色相对比关系的强弱，可以色相在色相环上距离与角度来表示。以24色相环为例，任选一色作为基色，则可把色相对比分成近似色、中差色、对比色与互补色等多种类别。 色相环 色环描述 了色彩的分类，快速地指示出了三原色、间色、三次色。通过色环可以帮助设计师快速的选择正确