网站配色技巧.pptVIP

网站美工实战第一课张鹏 目标 网站整体运营流程 色彩入门 1、色彩与视觉原理： 色彩是由光的刺激而产生的一种视觉效应。光是产生色的原因，色是光感觉的结果。 色彩入门 2.颜色分无彩色和有彩色两大类。 无彩色是指黑，白，灰系统色。 有彩色是指除了非彩色以外的所有色彩，如，红、绿蓝等。 3、三原色 一切颜色都来自三原色：红、绿、蓝[RGB]，其它的色彩都可以用这三种色彩调和而成。 色彩入门 4、色彩的三要素 [1]、色相：色相是指色彩的相貌,是区别色彩种类的名称。 [2]、饱和度也称为纯度：是指色彩的纯净程度。 [3]、亮度：指色彩的明暗程度。 色彩的分析 1、色彩的心理联想 2、色彩表示的意义 3、色彩运用的效果 当我们看到不同的颜色时，心理会受到不同颜色的影响而发生变化而产生一些联想。 不同的色彩又可以表达了不同的含义。 不同的色彩运用又会得到不同的效果 红色 心理联想： 兴奋、热烈、激情、喜庆、高贵、紧张、奋进、辟邪、危险 表示的意义： 自由、血、火、胜利 运用的效果： 刺激、兴奋、强烈煽动效果 橙色 心理联想： 愉快、激情、活跃、热情、精神、活泼、甜美 表示的意义： 阳光、火、美食 运用的效果： 活泼、愉快、有朝气 黄色 心理联想： 光明、希望、愉悦、阳光、明朗、动感、欢快 表示的意义： 阳光、黄金、收获 运用的效果： 华丽、富丽堂皇 绿色 心理联想： 舒适、和平、新鲜、青春、希望、安宁、温和 表示的意义： 和平、春天、青年 运用的效果： 友善、舒适 青色 心理联想： 宁静、悠远、寒冷 表示的意义： 希望、宁静、悠远、寒冷 运用的效果： 希望、宁静、寒冷 蓝色 心理联想： 清爽、开朗、理智、沉静、深远、伤感、寂静 表示的意义： 天空、海洋、信念 运用的效果： 冷静、智慧、开阔 紫色 心理联想： 高贵、神秘、豪华、思念、悲哀、温柔、女性 表示的意义： 忏悔、女性 运用的效果： 神秘感、女性化 黑色 心理联想： 深沉、庄重、成熟、稳定、坚定、压抑、悲观 表示的意义： 夜、高雅、死亡 运用的效果： 气魄、高贵、男性化 白色 心理联想： 洁净、明朗、清晰、透明、纯真、虚无、简洁 表示的意义： 贞洁、光明 运用的效果： 纯洁、清爽 灰色 心理联想： 沉着、平易、暧昧、内向、消极、失望、抑郁 表示的意义： 质朴、阴天 运用的效果： 普通、平易 网色配色原则 [1]、特色鲜明： 一个网站的用色必须要有自己的独特风格，这样才能显得个性鲜明，给浏览者留下深刻的印象。 [2]、搭配合理： 网页设计虽然属于平面设计的范畴，但它又与其他平面设计不同，它在遵从艺术规律的同时，还要考虑人的生理特点，色彩搭配一定要合理，给人一种和谐、愉快的感觉，避免采用纯度很高的单一色彩，这样容易造成视觉疲劳。 [3]、讲究艺术性： 网站设计也是一种艺术活动，因此它必须遵循艺术规律，在考虑到网站本身的特点同时，按照内容决定形式的原则，大胆进行艺术创新，设计出既符合网站要求，又有一定艺术特色的网站 网页配色的方法 [1]、单色的使用：简单的说，这种方法是采用一种颜色的深浅搭配，尽管网站设计要避免采用单一色彩，以免产生单调的感觉，但通过调整色彩的饱和度与透明度也可以产生变化，使用网站避免单调。 [2]、邻近色的使用：所谓邻近色，就是在色相环中相邻近的颜色，比如：红与黄、绿与蓝为相邻色。采用相邻色设计网页可以使用网页避免色彩杂乱，易于达到页面的和谐统一 网页配色的方法 [3]、对比色使用：使用两种完全不同的颜色搭配，对比色可以突出重点，产生强烈的视觉效果。在设计时一般以一种颜色为主色调，对比色作为点缀，可以起到画龙点眼的作用 网页配色的方法 [4]、冷色的使用： [5]、暖色的使用： 红.橙.橙黄.黄.黄绿.绿.青绿.蓝绿.蓝.蓝紫.紫.紫红.红 |___________| |____| |_________| |_________| | | | | 暖色系 中性系 冷色系 中性系 网页配色的方法 [6]、叠透法的使用：使用不同色彩纯度的颜色叠加搭配，由于色彩的纯度不同，从而形成不同色彩的叠加和透明。比如同种色的叠透、类似色的叠透和对比色的叠透明。使页面色彩具体立体感与空间感。 [7]、主次搭配的使用：以一种颜色为主要颜色，即作为主色，同时辅以其他颜色混合搭配，形成缤纷而不杂乱的搭配效果。 网页配色技巧 [1]、用一种色彩：这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。 [2]、用两种色彩：先选定一种色彩，然后选择它