adobe dreamweaver教程对比色应用

老子不依

老子不依

2015-01-17 10:07

今天小编给大家带来的是一个比较有趣的dreamweaver小技巧,我们每天都在使用dreamweaver有很多小秘密,大家可能都不知道,今天小编给大家分享一个dreamweaver教程对比色应用,希望可以帮到大家哦!

  对比色在网页中的应用是很普遍的,它的特点是使画面生动有活力。

  1.冷暖色的对比 人们通过生活中的经验积累,对色彩有一种心理上的冷暖感觉,一般把橘红色定为暖色极、天蓝色定为冷色极。凡与暖色极相近的色和色组为暖色,如橙色、黄色、红色等;而与冷色极相近的色和色组为冷色,如蓝绿、蓝、蓝紫等。黑色偏暖,白色偏冷,灰、绿、紫为中性色。 在网页中应用对比色时,首先要注意的是定下整个画面的基本色调,是以暖色调为主还是以冷色调为主。所有网页设计都是在统一中寻求对比变化的。 例如设定两种对比色(R:255、G:207、B:0和R:0、G:96、B:208),如图1-6所示。

网页制作中的对比色应用

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/dreamweaver/)

  将同样形状和大小的两个色块平均摆放在画面中,如图1-7所示,画面显着单调、呆板。但若把暖色的面积加大,冷色的减小,如图1-8所示,画面构图看起来变得和谐了。

网页制作中的对比色应用

  在色彩上二种颜色的衔接有些生硬,所以需要使用灰色进行中和,这样颜色过渡得更自然、使整个画面和谐统一。 在网页的中间画一条曲线,这就定下了整个画面构图的版式,所有网页元素的布局必须围绕该版式来排列,如图1-9所示。 根据构图的需要排列其他网页元素,注意要考虑好标题的位置、大小和颜色,内文的大小和灰度。最终的效果如图1-10所示。

网页制作中的对比色应用

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/dreamweaver/)
展开更多 50%)
分享

猜你喜欢

adobe dreamweaver教程对比色应用

Dreamweaver 电脑应用
adobe dreamweaver教程对比色应用

利用对比色修复偏色照片

PS相片处理 PS基础 PS PS效果
利用对比色修复偏色照片

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop调色教程:调出青色高对比色调

PS PS教程
Photoshop调色教程:调出青色高对比色调

Photoshop调出照片的冷暖对比色

PS相片处理 PS基础 PS PS效果
Photoshop调出照片的冷暖对比色

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

adobe dreamweaver教程相近色应用

Dreamweaver 电脑应用
adobe dreamweaver教程相近色应用

Photoshop调出照片的强对比色调

PS相片处理 PS基础 PS PS效果
Photoshop调出照片的强对比色调

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

adobe dreamweaver教程网页安全色

adobe dreamweaver教程网页安全色

3dmax入门学习海面漂动的文字

3dmax入门学习海面漂动的文字
下拉加载更多内容 ↓