Dreamweaver对比色应用
若水分享
1147
对比色在网页中的应用是很普遍的,它的特点是使画面生动有活力。
1.冷暖色的对比 人们通过生活中的经验积累,对色彩有一种心理上的冷暖感觉,一般把橘红色定为暖色极、天蓝色定为冷色极。凡与暖色极相近的色和色组为暖色,如橙色、黄色、红色等;而与冷色极相近的色和色组为冷色,如蓝绿、蓝、蓝紫等。黑色偏暖,白色偏冷,灰、绿、紫为中性色。 在网页中应用对比色时,首先要注意的是定下整个画面的基本色调,是以暖色调为主还是以冷色调为主。所有网页设计都是在统一中寻求对比变化的。 例如设定两种对比色(R:255、G:207、B:0和R:0、G:96、B:208),如图1-6所示。
将同样形状和大小的两个色块平均摆放在画面中,如图1-7所示,画面显着单调、呆板。但若把暖色的面积加大,冷色的减小,如图1-8所示,画面构图看起来变得和谐了。
在色彩上二种颜色的衔接有些生硬,所以需要使用灰色进行中和,这样颜色过渡得更自然、使整个画面和谐统一。 在网页的中间画一条曲线,这就定下了整个画面构图的版式,所有网页元素的布局必须围绕该版式来排列,如图1-9所示。 根据构图的需要排列其他网页元素,注意要考虑好标题的位置、大小和颜色,内文的大小和灰度。最终的效果如图1-10所示。
1.冷暖色的对比 人们通过生活中的经验积累,对色彩有一种心理上的冷暖感觉,一般把橘红色定为暖色极、天蓝色定为冷色极。凡与暖色极相近的色和色组为暖色,如橙色、黄色、红色等;而与冷色极相近的色和色组为冷色,如蓝绿、蓝、蓝紫等。黑色偏暖,白色偏冷,灰、绿、紫为中性色。 在网页中应用对比色时,首先要注意的是定下整个画面的基本色调,是以暖色调为主还是以冷色调为主。所有网页设计都是在统一中寻求对比变化的。 例如设定两种对比色(R:255、G:207、B:0和R:0、G:96、B:208),如图1-6所示。
将同样形状和大小的两个色块平均摆放在画面中,如图1-7所示,画面显着单调、呆板。但若把暖色的面积加大,冷色的减小,如图1-8所示,画面构图看起来变得和谐了。
在色彩上二种颜色的衔接有些生硬,所以需要使用灰色进行中和,这样颜色过渡得更自然、使整个画面和谐统一。 在网页的中间画一条曲线,这就定下了整个画面构图的版式,所有网页元素的布局必须围绕该版式来排列,如图1-9所示。 根据构图的需要排列其他网页元素,注意要考虑好标题的位置、大小和颜色,内文的大小和灰度。最终的效果如图1-10所示。