网页设计03网页艺术设计02.pptVIP

网 页 设 计 西 南 交 通 大 学 第三章 网页艺术设计 网页艺术设计中的点线面 点的布局安排 线的布局安排 面的布局安排 空间层次的布局安排 网页艺术设计中的色彩 网页设计配色基础 色调 色彩对比 色彩的调和 色彩的语言 精彩配色案例 网页艺术设计风格 欧美风格 韩国风格 中国传统风格 3.2 网页艺术设计中的色彩 色彩，是最先也是最持久地给浏览者以网站形象的因素。其实，网站形象是营销环节中非常重要的一个部分，如同人的衣着一样，信息空间的构造也需要恰如其分的包装。网站的内容不仅仅是由文字组成的，视觉元素在网站中也占有重要的位置。 在实用美术中，常有“远看颜色近看花，先看颜色后看花，七分颜色三分花”的说法。 这也就说明，在任何设计中，色彩对视觉的刺激起到第一信息传达的作用。因此，对色彩的基础知识的良好掌控，在网页设计中才能做到游刃有余。 3.2 网页艺术设计中的色彩 3.2 网页艺术设计中的色彩 3.2 网页艺术设计中的色彩 3.2 网页艺术设计中的色彩 3.2 网页艺术设计中的色彩 好的视觉形象是靠协调的色彩体现，色彩的搭配不仅体现着美学的诉求，而且是一种可以强化的识别信号。所以，主体色一经确定，要保持一定的稳定性，用这种色彩来帮助受众对网站的识别。 色彩在网站形象中具有重要地位，通常我们会发现新闻类的网站会选择白底黑字，这不仅是因为这种方式对带宽要求最低，更多的是因为人们平时习惯于这样阅读报纸，所以在潜意识中，这种色彩对于把新闻传达到脑海的效率最高。 色彩无疑是确立网站风格的灵魂。 3.2 网页艺术设计中的色彩 3.2.1 网页设计配色基础 　 　颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色，而其他所有颜色均属于彩色。从心理学和视觉的角度出发，彩色具有三个属性：色相、明度、纯度（彩度）。 3.2 网页艺术设计中的色彩 3.2 网页艺术设计中的色彩 3.2 网页艺术设计中的色彩 3.2 网页艺术设计中的色彩 3.2 网页艺术设计中的色彩 3.2 网页艺术设计中的色彩 3.2 网页艺术设计中的色彩 3.2 网页艺术设计中的色彩 3.2 网页艺术设计中的色彩 3.2 网页艺术设计中的色彩 3.2 网页艺术设计中的色彩 3.2 网页艺术设计中的色彩 3.2 网页艺术设计中的色彩 3.2 网页艺术设计中的色彩 3.2 网页艺术设计中的色彩 3.2 网页艺术设计中的色彩 3.2 网页艺术设计中的色彩 3.2 网页艺术设计中的色彩 3.2 网页艺术设计中的色彩 3.2 网页艺术设计中的色彩 3.2 网页艺术设计中的色彩 3.2 网页艺术设计中的色彩 从以上例子可看出： ● 三原色视觉冲击力最强，也最是刺目的，容易制造冲突、烦燥、不舒适的心情，所以是较难掌握的配色，大面积大范围使用要慎重。 ● 间色是由三原色中的两色调配二次，间于原色和复色之间，属于中性色，视觉冲击力次之，颜色的刺激缓和不少，给人舒适、愉悦的心情，是较容易掌握的配色，也是在设计中使用得比较多的颜色。 ● 复色是由两种间色或原色与间色相混合而产生的颜色，呈灰色阶，视觉冲击力更弱，柔和但是使人沉闷压抑。复色调配好了，能体现出高层次高素养的成熟特性魅力，也称为高级灰，是很经看的颜色。 　　由上可知，颜色相互混合的越多，饱和度越低，视觉冲击力越弱。 3.2 网页艺术设计中的色彩 ● 色彩运用到一定程度后，应该逐渐认识到在一个环境、区域范围里，色彩的属性、性能特性是相对的。例如黄色在蓝色、绿色这两个区域环境下，黄色可以说这个时候是呈暖色，而出现在桔红、朱红、深红这几个区域环境下，黄色可以说在这个时候是呈冷色。同样的，蓝色相对绿色是冷色，紫色相对蓝色是暖色等等。可根据网页设计主题的目的要求，环境协调度的需要等等做相应的搭配调整。 3.2 网页艺术设计中的色彩 3.2.2 色调 网页页面中总是由具有某种内在联系的各种色彩，组成一个完整统一的整体，形成画面色彩总的趋向，称为色调。也可以理解为色彩状态。色彩给人的感觉与氛围，是影响配色视觉效果的决定因素。 　 为了使网页的整体画面呈现稳定协调的感觉，以便充分的掌握其规律来更好的分析学习，我们把视觉角色主次位置分为如下几个概念，以便在网页设计配色时更容易操纵主动权。 3.2 网页艺术设计中的色彩 　 ■ 主色调　　页面色彩的主要色调、总趋势，其他配色不能超过该主要色调的视觉面积。（背景白色不一定根据视觉面积决定，可以根据页面的感觉需要。） 　■ 辅色调　　仅次与主色调的视觉面积的辅助色，是烘托主色调、支持主色调、起到融合主色调效果的辅助色调。 　　■ 点睛色 　　在