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

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


当前位置: 主页 > 和记娱乐AG手机版 >

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

为了使网页的整体画面出现稳定和谐的感到,以便充分的把握其规律来更好的阐发进修,我们前面先容了色调的视觉角色主次位置的几个观点,也先容了色彩的比较。本日我们先容色彩的调和。

两种或两种以上的色彩合理搭配,孕育发生统一谐调的效果,称为色彩调和。色彩调和是求得视觉统一,达到人们生理平衡的紧张手段。

调和便是统一,下面先容的四种措施能够达到调和页面色彩的目的。

■ 同种色的调和

相同色相、不合明度和纯度的色彩调和。使之孕育发生秩序的渐进,在明度、纯度的变更上,增补同种色相的单调感。

→ 同种色的调和网页例图:http://www. solar1.org

同种色的调和阐发:

同种色给人的感到是相称和谐的。它们平日在同一个色相里,经由过程明度的诟谇灰或者纯度的不合来轻细加以区其余,孕育发生了及其奥妙的韵律美。为了不至于让全部页面出现过于单调平淡,有些页面则是加入极其小的其他颜色做点缀。该页面应用了同种色的黄色系,淡黄、柠檬黄、中黄、经由过程明度、纯度的奥妙变更孕育发生缓和的节奏美感。

结论:

同种色被称为最稳妥的色彩搭配措施

■ 类似色的调和

在色环中,色相越接近越调和。主要靠类似色之间的合营色来孕育发生感化。

→ 类似色的调和网页例图:http://www. solar1.org

类似色的调和阐发:

类似色相较于同类色色彩之间的可搭配度要大年夜些,颜色富厚、富于变更。

以上页面主要取的是色环中的黄色、绿色、蓝色经由过程明度、纯度、面积上的不合实现变更和统一的。虽然主色调的米黄色在页面中应用面积最大年夜,然则我们看到因为它的明度异常高,饱和度就低落了,是以在页面中处在不显着的角色。而绿色的纯度最高,且应用面积次之,页面显示较显眼,是以用于次级导航位置上。全部页面主次的视觉向导分明。

结论:

不是每种主色调都是极其显眼的位置,平日多扮演着用于凸起主体的帮助性配角。而紧张角色每每在页面顶用的份量极少,却又起到凸起主体的感化

■ 渐变色的调和

渐变色实际是一种调和措施的运用。是颜色按层次徐徐变更的征象。色彩渐变就像两种颜色间的混色,可以有规律地在多种颜色中进行。暗色和亮色之间的渐变会孕育发生远近感和三维的视觉效果。

→ 渐变色的调和网页例图:http:// www.macromedia.com

渐变色的调和阐发:

该页面背景应用了渐变的效果,增添了视觉空间感。在导航栏、广告区域、产品技巧的大年夜标题块,都应用了渐变的技巧伎俩来表达,孕育发生三维的视觉效果,统一了全部页面的设计说话,也是差别于其他网站页面的个性表现,达到让人印象深刻的目的。

结论:

渐变色能够柔和视觉,增强空间感,表现节奏和韵律美感,统一全部页面的目的。

除了统一当然也可以起到变更页面视觉形式的感化。该设计说话可做必要的时刻适当的应用。

本部分小结:

本节主要对色彩的比较与调和做了实例阐发。例如当页面平淡单调,必要用比较伎俩做些变更来富厚页面的色彩设计;当页面变更过多,显得刺目刺眼、杂乱,可以经由过程以上先容的调和措施进行调剂,使得页面看起来更统一和谐。

● 主如果经由过程面积大年夜小、冷暖比较来表达表现页面的主次关系、中间思惟。

● 颜色平淡可加入适当类似色比较色来使页面孕育发生变更。颜色杂乱可以适当加入同类色或者类似色、白色、玄色、灰色做到统一调配的目的。

● 比较色的搭配并不是便是说是绝对值的红或者绿,蓝或橙、黄或紫。比较色的第一视觉倾向越显着配色难度就越大年夜,也便是说越难调和;反之,倾向越不显着的比较色越随意马虎调和。请参照刚才比较色调和页面阐发例子措施。

● 不是一种色彩面积用得越多或者越少、纯度、明度越高便是能凸起主体的主角色,主如果根据色彩互相之间的搭配关系来表现的。

● 一个页面中纯真绝对的应用某种颜色或是应用绝对异常多种颜色搭配,随意马虎孕育发生个性效果,那叫玩色彩了,限于色彩运用得异常纯熟的同伙,但不保举初学者应用。

下一节我们先容 第四节 血色系

发表评论
加载中...

相关文章