adobe dreamweaver教程相近色应用

2015-01-19 10:33 54 1 收藏

图老师dreamweaver知识栏目每天都会有更新哦!今天图老师小编又给大家分享一个dreamweaver教程相近色应用,各种小技巧尽在图老师,每天都会及时更新各种小教程,没有做不到,只有你不知道!

【 tulaoshi.com - 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所示。导航条也要使用纯度不高的浅蓝色。这种和谐的冷色调会使人感受到科技和未来。

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

网页制作中的相近色应用

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

来源:https://www.tulaoshi.com/n/20150119/130503.html

延伸阅读
在使用dreamweaver时,我们可能会中途更换站点,那该怎么操作呢?今天小编为大家介绍一下如何dreamweaver怎么编辑站点。 首先打开dreamweaver,在菜单栏中找到“站点”——“管理站点”,如下图所示。 打开“管理站点”对话框,我们可以选择需要修改的站点,如下图中的“duote”,选择站点...
今天小编为大家介绍一下如何在dreamweaver中打开网页,下面一起和小编来看看具体操作吧。 打开网页文件很简单,只要在站点文件夹下找到你要打开的网页,双击该网页即可。 打开网页后,我们默认看到的是设计页面,当然我们也可以切换到代码、及代码和设计界面,这样可以更加方便我们制作网...
这里说的动态网页,与网页上的各种动画、滚动字幕等视觉上的“动态效果”没有直接关系,动态网页也可以是纯文字内容的,也可以是包含各种动画的内容,这些只是网页具体内容的表现形式,无论网页是否具有动态效果,采用动态网站技术生成的网页都称为动态网页。 从网站浏览者的角度来看,无论是...
今天小编为大家介绍一下Dreamweaver CSS样式面板,希望对大家有帮助。 使用“CSS 样式”面板可以跟踪影响当前所选页面元素的 CSS 规则和属性(“正在”模式),或影响整个文档的规则和属性(“全部”)。使用“CSS 样式”面板顶部的切换按钮可以在两种模式之间切换。使用“CSS 样式”面板还可以在“全部”和“正在”模式下修...
在使用dreamweaver时,如果想要删除站点,那该怎么操作呢?今天小编为大家介绍一下如何dreamweaver怎么删除站点。 首先打开dreamweaver,在菜单栏中找到“站点”——“管理站点”,如下图所示。 打开“管理站点”对话框,我们可以选择需要修改的站点,如下图中的“duote”,选择站点后点击...

经验教程

545

收藏

17
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部