网页设计配色应用教程:色彩对比分析

网页页面中总是由具有某种内在联系的各种色彩,组成一个完整统一的整体,形成画面色彩总的趋向,称为色调。也可以理解为色彩状态。色彩给人的感觉与氛围,是影响配色视觉效果的决定因素。

为了使网页的整体画面呈现稳定协调的感觉,以便充分的掌握其规律来更好的分析学习,上次我们介绍了视觉角色主次位置的几个概念,本节我们介绍色彩的对比。

对比与调和就是形式美的变化与统一规律

在一定条件下,不同色彩之间的对比会有不同的效果。在不同的环境下,多色彩给人一种印象,色彩单一给人另一种印象。

各种纯色的对比会产生鲜明的色彩效果,很容易给人带来视觉与心理的满足。红、黄、蓝三种颜色是最极端的色彩,它们之间对比,哪一种颜色也无法影响对方。

很多朋友都以为色彩对比主要是红绿、橙蓝、黄紫色的对比,实际色彩对比范畴不局限于这些。是指各种色彩的界面构成中的面积、形状、位置以及色相、明度、纯度之间的差别,使网页色彩配合增添了许多变化、页面更加丰富多彩。

色彩的对比规律大致有以下几点:

■ 色相对比

是指因色相之间的差别形成的对比。当主色相确定后,必须考虑其他色彩与主色相是什么关系,要表现什么内容及效果等,这样才能增强其表现力。不同色相对比取得的效果有所不同,两色越接近,对比效果越柔和。越接近补色,对比效果越强烈。

→ 色相对比网页例图:http://www.portfolios.com

色相对比网页例图

色相对比分析:

主要是以绿色与蓝色之间的色相对比。从HSB数值上可看出嫩绿色的S纯度高B亮度也很高,因此艳丽的颜色作为背景与前景纯度稍低的墨绿和轱蓝色形成色相之间的对比。前景的墨绿虽然纯度达到最高值100%,比主色调高不少,但是因为亮度低,因此色彩显示没有主色调明艳。

结论:

该页面色相的对比,主要作用于前景与背景的对比、局部与整体的对比。

时间: 2016-10-22

网页设计配色应用教程:色彩对比分析的相关文章

网页设计配色应用教程:色彩的调和

网页页面中总是由具有某种内在联系的各种色彩,组成一个完整统一的整体,形成画面色彩总的趋向,称为色调.也可以理解为色彩状态.色彩给人的感觉与氛围,是影响配色视觉效果的决定因素. 为了使网页的整体画面呈现稳定协调的感觉,以便充分的掌握其规律来更好的分析学习,我们前面介绍了色调的视觉角色主次位置的几个概念,也介绍了色彩的对比.今天我们介绍色彩的调和. 两种或两种以上的色彩合理搭配,产生统一谐调的效果,称为色彩调和.色彩调和是求得视觉统一,达到人们心理平衡的重要手段. 调和就是统一,下面介绍的四种方法能

网页设计配色应用实例:红色系剖析

  在网页颜色的应用机率中,根据网页主题内容的需求,纯粹使用红色为主色调的网站相对较少,多用于辅助色.点睛色,达到陪衬.醒目的效果.通常都配以其他颜色调和.本文对网页设计配色应用实例 进行了具体阐述供阅读. 红色的色感温暖,性格刚烈而外向,是一种对人刺激性很强的颜色.红色容易引起人的注意,也容易使人兴奋.激动.紧张.冲动.还是一种容易造成人视觉疲劳的颜色. 在众多颜色里,红色是最鲜明生动的.最热烈的颜色.因此红色也是代表热情的情感之色.鲜明红色极容易吸引人们的目光. 红色在不同的明度.纯度的状态

带你展望2015年的网页设计配色趋势

  一.Metro和柔和鲜嫩的色彩 Odam Luiran的网站是Metro风格,这种风格尤其适合一些比较鲜嫩柔和的颜色,扁平化网页设计在2014年中的流行让柔和色彩的用途变得越来越广泛.这样的色彩基调将在2015年得到进一步的延续,马卡龙色系也许会常常出现在网页设计中. 二.偏灰的冷色系粉彩 偏灰的冷色系色彩是一种看起来比较百搭的颜色,但是实际上,要将这类颜色使用的恰如其分却并不是一件容易的事情.这类色彩表现的比较中性,所以搭配任何颜色都不会显得突兀,但也不算出挑,而要让色彩之间真正融合,应该

网页设计配色技巧宝典

  网页设计配色技巧宝典:        互联网发展到如今这样的程度,在许多方面要求都大大的提高了,不管是信息的质量度,网页设计的美观度,都进入一个高端的阶段.特别是网页配色技巧也越来越多,网页从单色系到五彩缤纷系,人们的审美也在不断提高.在彩票网站程序站点的页面设计中,网站的色彩选择一般是根据网站的主题来确定的,随着经验的积累,发现现在网页的配色又回到单一色彩的设计了. 网页的配色有非常大的技巧,颜色的组合不是随意的,通常是将一种或者几种相近的颜色放在一起.开始这些颜色的组合我也不是用的很灵活

网页设计配色应用——色调

前面我们介绍了常用的电脑色彩模式RGB.HSB,以及色彩的三大属性,还有常用配色的基本概念和相关实例剖析.今天开始我们介绍应用部分,本节介绍调色. 网页页面中总是由具有某种内在联系的各种色彩,组成一个完整统一的整体,形成画面色彩总的趋向,称为色调.也可以理解为色彩状态.色彩给人的感觉与氛围,是影响配色视觉效果的决定因素. 为了使网页的整体画面呈现稳定协调的感觉,以便充分的掌握其规律来更好的分析学习,我们把视觉角色主次位置分为如下几个概念,以便在网页设计配色时更容易操纵主动权. ■ 主色调 页面色

网页设计配色基础:RGB与HSB

在实用美术中,常有"远看色彩近看花,先看颜色后看花,七分颜色三分花"的说法. 这也就说明,在任何设计中,色彩对视觉的刺激起到第一信息传达的作用.因此,对色彩的基础知识的良好掌控,在网页设计中才能做到游刃有余. 为了使下面的网页配色分析更易于理解,我们先来了解色彩的RGB模式和HSB模式. ■ RGB RGB是表示红色绿色蓝色又称为三原色光,英文为R(Red).G(Green).B(Blue),在电脑中,RGB的所谓"多少"就是指亮度,并使用整数来表示. 通常情况下,

怎么都不会错的6条网页设计配色原则

  身为网页设计新手的你,是不是还在纠结于你制作的网页找不到一组完美的配色方案?在本教程中我们将与你分享6条肯定会火,并且"错不了"的指导方针,你可以按照这些原则把握最基本的色彩规律.现在我们分享的这些原则都不是规则,你会在你的职业生涯中创造出更多的配色方案.相反,他们是一个起点,是你如何生存在网页设计领域色彩方向的安全指南. 一.需要配色的是你的画布,而不是你的图片 一个在网页设计中最根本的原则是,无论你花了多少时间创造了一个辉煌的设计,其最终的作用是发挥出内容的核心位置.你的配色方

网页设计配色精彩十例

配色|设计|网页|网页设计 颜色的使用在网页制作中起着非常关键的作用,有很多网站以其成功的色彩搭配令人过目不忘.但是对于刚开始学习制作网页的人来说,往往不容易驾驭好网页的颜色搭配.除了学习各种色彩理论和方法之外,笔者认为多学习一些著名网站的用色方法,对于我们制作美丽的网页可以起到事半功倍的作用.所以,笔者总结了一些著名网站的颜色搭配方法,这些方法可以让我们的学习少走弯路,快速提高我们的网页制作水平.一.网页颜色原理和象征意义 我们所有网页上颜色,在HTML下看到的是以颜色英文单词或者十六进制的表

炫光和透明风格网页设计作品及教程

炫彩和透明风格的网页设计是我个人喜欢的设计风格之一.下面的设计作品和教程是我接触和收集到的这一类的设计风格的代表.这些作品和教程可以在我们动手创建个人的网页设计时给我们以启发,并且教会我们实际实现的技巧.总结起来,这些设计有着如下共同特点: 一.非常漂亮的抽象背景图片,内容以光晕.烟雾类为主.这些图片有着非常好的渐变,可以很好的和网页背景色融合在一起,便于后期代码实现实际的效果.在站酷上搜索这一类的素材,你会发现很多非常漂亮的图片可以用到你的设计上. 二.简洁的排版和字体.你会发现这一类设计页面