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

西南交通大学
网页设计
杨柳
1
网页艺术设计中的点线面
点的布局安排
线的布局安排
面的布局安排
空间层次的布局安排
网页艺术设计中的色彩
网页设计配色基础
色调
色彩对比
色彩的调和
色彩的语言
精彩配色案例
网页艺术设计风格
欧美风格
韩国风格
中国传统风格
第三章网页艺术设计
2
色彩,是最先也是最持久地给浏览者以网站形象的因素。其实,网站形象是营销环节中非常重要的一个部分,如同人的衣着一样,信息空间的构造也需要恰如其分的包装。网站的内容不仅仅是由文字组成的,视觉元素在网站中也占有重要的位置。
在实用美术中,常有“远看颜色近看花,先看颜色后看花,七分颜色三分花”的说法。
这也就说明,在任何设计中,色彩对视觉的刺激起到第一信息传达的作用。因此,对色彩的基础知识的良好掌控,在网页设计中才能做到游刃有余。
网页艺术设计中的色彩
3
图50 利顿茶商
网页艺术设计中的色彩
4
图51 中国瓷器
网页艺术设计中的色彩
5
图52 北美工艺品展
网页艺术设计中的色彩
6
图53 中国蔬菜网
网页艺术设计中的色彩
7
好的视觉形象是靠协调的色彩体现,色彩的搭配不仅体现着美学的诉求,而且是一种可以强化的识别信号。所以,主体色一经确定,要保持一定的稳定性,用这种色彩来帮助受众对网站的识别。
色彩在网站形象中具有重要地位,通常我们会发现新闻类的网站会选择白底黑字,这不仅是因为这种方式对带宽要求最低,更多的是因为人们平时习惯于这样阅读报纸,所以在潜意识中,这种色彩对于把新闻传达到脑海的效率最高。
色彩无疑是确立网站风格的灵魂。
网页艺术设计中的色彩
8
网页设计配色基础

颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色,而其他所有颜色均属于彩色。从心理学和视觉的角度出发,彩色具有三个属性:色相、明度、纯度(彩度)。
网页艺术设计中的色彩
■色相(Hue):
也叫色调,指颜色的种类和名称,是指颜色的基本特征,是一种颜色区别于其他颜色的因素。色相和色彩的强弱及明暗没有关系,只是纯粹表示色彩相貌的差异。如红、黄、绿、蓝、紫等为不同的基本色相。
基本色相环
9
网页艺术设计中的色彩
■明度(Value):  也叫亮度,指颜色的深浅、明暗程度,没有色相和饱和度的区别。不同的颜色,反射的光量强弱不一,因而会产生不同程度的明暗。非色彩的黒、灰、白较能形象的表达这一特质。
10