您的位置: 首页 > 软件教程 > Dreamweaver教程专题 > 网页制作中的相近色应用

网页制作中的相近色应用

9.2分
出处:网络 时间:2013-03-25

您可能感兴趣的话题: dreamweaver  

核心提示:相近色是在网页设计中常用的色彩搭配,它的特点是画面统一和谐。下面主要讲解暖色调与冷色调中相近色的应用方法。

  相近色是在网页设计中常用的色彩搭配,它的特点是画面统一和谐。下面主要讲解暖色调与冷色调中相近色的应用方法。

  1.暖色调 暖色主要由红色调组成,比如红色、橙色和黄色。暖色调给人温暖、舒适和活力的感觉,因此在网页设计中可以突出视化效果。 在网页中应用相近色时,要注意色块的大小和位置。例如,设置三种暖色调(R:120、G:40、B:15,R:160、G:90、B:40和R:180、G:130、B:90),如图1-1所示。

网页制作中的相近色应用

  不同的亮度会对人们的视觉产生不同的影响,颜色重的会显得面积小,颜色浅的会显得面积大。将同样面积和形状的三种颜色摆放在画面中,如图1-2所示,画面显得单调、乏味,这种过于平均化的摆放在网页设计中是不可取的。设定颜色最重的褐色为主要色,因此面积最大,中间色稍小,浅色面积最小,如图1-3所示,画面马上就显得丰富了。

网页制作中的相近色应用

  插入图片的颜色一定要与基本色和谐,在Photpshop CS中调节插入图片的色调,所有冷色调的颜色都要用暖褐色中和。

  2.冷色调 青,蓝,紫都属于冷色系,冷色调可以给人明快、硬朗的感觉。 例如,设定两种颜色(R:50、G:80、B:110和R:140、G:170、B:180),一深一浅,一个稍微偏蓝,一个稍微偏绿,虽然颜色的倾向略有不同,但两种颜色放在一起非常和谐,理解了这种颜色关系,就可以在网页设计中创造出和谐的颜色搭配。 执行“图像”→“调整”→“色彩平衡”命令,调节要导入图片的颜色,注意保持图片色彩和所选色的和谐,掌握好分寸,如图1-4所示。

网页制作中的相近色应用

  最终效果如图1-5所示。导航条也要使用纯度不高的浅蓝色。这种和谐的冷色调会使人感受到科技和未来。

网页制作中的相近色应用

网友评论
多特网友 2014-07-14 17:24:06 回复
很不错,虽然知道,但是时间长了,就会不注意的忘掉。重温一下还是不错的
多特网友 2014-01-17 15:29:46 回复
##我看了之后,受益很多哦,##
多特网友 2013-11-13 20:05:53 回复
对ui设计还是蛮有用的,能不能多讲点
多特网友 2013-08-08 14:16:50 回复
受教了!感谢
多特网友 2014-07-14 17:24:06 回复
很不错,虽然知道,但是时间长了,就会不注意的忘掉。重温一下还是不错的
多特网友 2014-01-17 15:29:46 回复
##我看了之后,受益很多哦,##
多特网友 2013-08-08 14:16:50 回复
受教了!感谢
多特网友 2013-11-13 20:05:53 回复
对ui设计还是蛮有用的,能不能多讲点

Dreamweaver教程专题

精品软件课程
更多 >
Adobe Flash,是Macromedi... [详细]
MySQL是一个小型关系型数据库管理系统,被... [详细]
PHP是一种 HTML 内嵌式的语言,是一种... [详细]
HTML的中文叫做“超文本标记语言”。是用来... [详细]
Dreamweaver是网页制作和管理的所见... [详细]
JavaScript是基于对象和事件驱动并具... [详细]