网站色彩设计演示幻灯片.pptVIP

网站色彩设计 任务分析 网页色彩进行附有鲜明创建性及理想化的组合，是理性与感性相结合的创造过程 给网页带来生命力 界面设计的语言 视觉信息传达的手段和方式 知识要点 1.色彩三要素 明度、色相、纯度 明度：色彩的明亮或晦暗程度 色相：色彩的相貌。 纯度：色彩的鲜浊程度 知识要点 网页色彩的组成 网页色彩由主颜色、副颜色、点缀色组成 主颜色：显示网页整体基调和风格，通常不超过2种颜色。 副颜色：在网页中是辅助主颜色的次要颜色，通常为1-3种颜色 点缀色：在网页中用于突出、强调显示，主要用于LOGO、范围较小的按钮、标签等，通常为1-2种颜色 知识要点 主颜色的配色 整个网页的基调色，是网页色彩设计的关键颜色。 设计方法： （1）用色彩的意向来配置主颜色。 （2）用行业色来配置主颜色 （3）用商品色来配置主颜色 （4）用浏览者的偏爱来配置主颜色 （5）用流行色来配置主颜色 知识要点 副颜色的配色 副颜色主要是主颜色与副颜色所形成的对比关系，可以有明度对比，色相对比，纯度对比和冷暖对比 （1）明度对比：因明度差别而形成的色彩对比。体现层次感、立体感、空间关系 高明度：轻快、活泼、柔软、辉煌 中明度：刚强、丰富、有力量给人含蓄、厚重的感觉，色相和纯度配合，避免过分软弱无力感 低明度：朴素、丰富、宏大，有寂寞感与后退感。 明度对比调和在很多情况下是相互结合，明度对比强给人感觉光感强，体感也强，页面的清晰度高，明度对比弱给人感觉光感弱，体感弱，页面不清晰，如果对比太强给人生硬、空洞简单化的感觉。 知识要点 （2）色相对比：主颜色和副颜色因色相差别而形成对比。 同类色配色：安静、协调、整齐统一色相里不同明度与纯度色彩的对比，色相感显得单纯、柔和、高雅、文静。 类似色配色：和谐、统一，更蕴含变化的效果。可搭配白色（明亮）、灰色（柔和）、黑色（厚重），尤其注意黑色、白色的结合干净、大众化 对比色配色：色彩感鲜明、强烈、饱满、丰富。凝造出强弱跟名的氛围。注意所选颜色在整体画面中的比例，可加入黑色、或者白色等无色彩缓和。 互补色配色：完整、丰富、富有激情。相互辉映的效果。视觉冲击力强。面积比、中间色的过度、光泽色的间隔 调和存在。 知识要点 （3）纯度对比：高调、中调、低调 高纯度：冲动、快乐、热闹活泼给人新鲜夺目、华丽、强烈的感觉（儿童、青少年、女性）表现产品的单纯、活泼、新鲜个性的网页内容。运用不当。。。 中纯度：稳重大方、含蓄明快、成熟信任。表现高档产品、理性消费或价格档位较高的产品给人高档次的感觉。 低纯度：老成、干练。男性化的独具一格的配色方法。 （4）冷暖对比 知识要点 点缀色的配色 通常色彩鲜艳，在整个网页中起强调作用 与副颜色的配色方法相同。