相关文章
行业网站设计心得
网站制作让Dreamweaver MX显示最舒服的编程环境
网站设计避免在网站设计中使用框架页
网站设计学网页设计与网页制作,你该做啥?
网站设计用头标签Meta防止网页乱码的小技巧
网站制作网页布局的位置重心与位置间的对比关系
北京网站制作网页设计配色应用教程之各种色彩对比分析
北京网页设计HTML语言剖析(九)图形标记
企通互联HTML语言剖析(三)文件标记
网站设计问与答:CSS层叠样式表最佳入门教程
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置:首页 >> 网页设计 >> www.qitongnet.com网站设计网页设计配色应用教程之各种色彩对比分析
www.qitongnet.com网站设计网页设计配色应用教程之各种色彩对比分析
网页页面中总是由具有某种内在联系的各种色彩,组成一个完整统一的整体,形成画面色彩总的趋向,称为色调。也可以理解为色彩状态。色彩给人的感觉与氛围,是影响配色视觉效果的决定因素。 站长.站
为了使网页的整体画面呈现稳定协调的感觉,以便充分的掌握其规律来更好的分析学习,上次我们介绍了视觉角色主次位置的几个概念,本节我们介绍色彩的对比。企通互联
北京网站设计 网站建设 企通互联
对比与调和就是形式美的变化与统一规律 中国站长.站
在一定条件下,不同色彩之间的对比会有不同的效果。在不同的环境下,多色彩给人一种印象,色彩单一给人另一种印象。 Www_Chinaz_com
各种纯色的对比会产生鲜明的色彩效果,很容易给人带来视觉与心理的满足。红、黄、蓝三种颜色是最极端的色彩,它们之间对比,哪一种颜色也无法影响对方。
站长.站
很多朋友都以为色彩对比主要是红绿、橙蓝、黄紫色的对比,实际色彩对比范畴不局限于这些。是指各种色彩的界面构成中的面积、形状、位置以及色相、明度、纯度之间的差别,使网页色彩配合增添了许多变化、页面更加丰富多彩。网站设计
网站设计
色彩的对比规律大致有以下几点:北京网站制作
北京网页设计
■ 色相对比
Chinaz.com
是指因色相之间的差别形成的对比。当主色相确定后,必须考虑其他色彩与主色相是什么关系,要表现什么内容及效果等,这样才能增强其表现力。不同色相对比取得的效果有所不同,两色越接近,对比效果越柔和。越接近补色,对比效果越强烈。 网站建设
网站设计 网站建设
北京网站设计
→ 色相对比网页例图:http://www.portfolios.com 站. 北京网站建设长.站
Www@Chinaz@com
色相对比网页例图 Chinaz~com
色相对比分析:
主要是以绿色与蓝色之间的色相对比。从HSB数值上可看出嫩绿色的S纯度高B亮度也很高,因此艳丽的颜色作为背景与前景纯度稍低的墨绿和轱蓝色形成色相之间的对比。前景的墨绿虽然纯度达到最高值100%,比主色调高不少,但是因为亮度低,因此色彩显示没有主色调明艳。 网页设计 Www@Chinaz@com
结论:
中.国.站长站
该页面色相的对比,主要作用于前景与背景的对比、局部与整体的对比。 站长.站
■ 明度对比企通互联
网站设计
明度对比可分为:彩色差的明度对比及非彩色差的明度对比 北京网页设计
网站设计北京网站设计
是指色彩之间明暗程度的差别而形成的对比。是页面形成恰当的黑、白、灰效果的主要手段。明度对比在视觉上对色彩层次和空间关系影响较大。例如柠檬黄明度高,蓝紫色的明度低,橙色和绿色属中明度,红色与蓝色属中低明度。 [中国站长站]
→ 明度对比网页例图: www.qitongnet.comhttp://www.dior.com 中国站.长.站
Www@Chinaz@com
明度对比网页例图 Chinaz_com
北京网站制作 明度对比分析:(非彩色差) [中国站长站]
严格来说,该页面应该是黑白灰色非色彩构成,摄影图片中的人物衣服为灰色,相对单纯的黑白对比柔和舒适于视觉。能使页面显得更单纯、统一,形成另一道独特的风景。