
在网页的色彩设计中,统一与变化相结合的原则是指在具体设计的过程中,首先要注重整个页面的统一,没有统一就不能很好地体现出秩序感。下面介绍网页色彩设计原则,希望对您有帮助。

一、统一与变化相结合的原则
在网页的色彩设计中,统一与变化相结合的原则是指在具体设计的过程中,首先要注重整个页面的统一,没有统一就不能很好地体现出秩序感,没有秩序的网页就谈不上美,所以,要实现网页色彩的美,就首先要注重整个页面色彩的统一、协调。但需要注意的是,在一个页面中并不是越统一越好,如果过分统一,则可能会使得整个页面的色彩组合显得过分单调、枯燥和乏味,缺乏新鲜感。因此,在网页的设计中,在保障统一的前提下,注重色彩的变化,但这种变化在整个色彩的组合中应处于次要的地位,起到调节和点缀的作用,如果变化过多,往往会使得整个页面看起来杂乱,反而干扰了主题的表达。在页面的色彩设计中,统一与变化具体是通过色彩的色相、明度和纯度等的变化来实现的。但在具体的色彩设计过程中统一与变化的原则并不是一成不变的,而是在统一的大前提下,在局部的设计上做出适当的调整,从而使得一些设计体现出古典的韵味,有的设计显现出传统的风格,而有的则更多地展现出现代化的韵味与气息。因此,只要掌握统一与变化之间的比例关系,就能达到统一中有变化,变化中显现出秩序感。
二、色彩的平衡原则
网页的色彩在设计的过程中,特别要注重色彩间的平衡,即具体参与构成色彩组合的各种色彩、图形以及其他诸多的要素,在画面结构中力争达到一种力的均衡状态时所形成的色彩关系。色彩的平衡主要可分对称式平衡和均衡式平衡两种。
1.对称式平衡
对称式色彩平衡是指以网页的轴线为中心,通过两侧色彩要素的并列重复处理,以达到和谐统一的效果,同时显现出静态特征的色彩关系。对称式平衡有绝对对称和相对对称之分。绝对对称指的是在中轴线两侧的色使得画面显得拘谨呆板、生硬机械,因此,恰当的处理是极其重要的。相 彩要素要完全一致,具有大方、安定的艺术情趣,但如果处理不当,则会对对称式平衡则是指在中轴线两侧的色彩要素基本一致即可,即只要在小部分的位置略作变化的对称平衡方法,利用对称的构图格式,采取变换内容的方式,来实现整个页面的相对对称。其实,不但在页面色彩的设计中相对对称的平衡设计非非常重要,而且在实际的生活中,这种设计也是经常用到的,例如,中国传统文化中的对联的设计,采用的就是这种对称模式,即上下联无论是字数、字体,还是字义都是相似或相对的。这样的处理模式体现了大统一、小变化的相对对称的色彩搭配原则。
2、均衡式平衡
均衡式平衡是指在网页色彩的设计上尽管没有采用中轴式的左右或上下的对称式平衡模式,但是在色彩的搭配上却能做到视觉和心理上的平衡关系,即通过对色彩各个造型要素的有机组合,以达到视重稳定的平衡表现形式。均衡式平衡相对于对称式平衡而言更加活泼,富有变化性,也更具运动感。设计师在做的过程中往往会借助色彩的色相、明度以及纯度的变化,尤其是借助设计师自身对色彩的心理感知,体验色彩本身的轻重、前进与后退、冷与曖等,通过合理的搭配实现色彩间的平衡。例如,在具体的设计过程中,即使是同样大小的黑白两个图形,黑色就显得重,而白色则显得轻,前者所占面积小,后者则所占的面积相对较大,因此,要平衡二者的视觉重力关系,就要缩小黑色或者放大白色,而要平衡二者的视觉大小关系,则要放大黑色或缩小白色。
总而言之,页面色彩设计的平衡是不能单纯依靠数字的计算就能解决或完成的,关键在于设计师的个人感受以及艺术修养,最主要的是设计师能否在自身的感受与用户的感受之间架起沟通的桥梁,即设计师所感受到的正是用户所感受到的,这样色彩设计的意图才算达到了。
三、地纹色与图形色的有效搭配原则
地纹色与图形色间的搭配主要在平面的视觉环境中使用,图形是指面的视觉环境中,所描绘的画面形象,又称为正形。而除去正形以外的那些形象则被称为负形,俗称地纹。二者所拥有的色彩,分别称为图形色和地纹色。图形与地纹是对象与背景的关系,即二者是同时并置的关系一图形和地纹是会同时出现在网页中的,图形色和背景色同样如此。图形色与地纹色搭配是否合理与整个页面是否具有整体感,是否主题明确有着密切的关系。在具体设计的过程中,有一些需要注意的:例如,在要求图形感强烈的画面中,就应该将图形色和地纹色之间的对比要明显,可借助调节明度的中调和长调、色相的补色和对比关系、纯度的强对比关系等来实现。而一般在主题形态要求多变的色彩构成中,图形色就需要尽可能丰富一些,而地纹色则相对要单一一些。另外,在处理图形色的面积和地纹色的面积时,二者间的差距尽量要大,要么将图形色的面积放大,这样主色出现后就会显得层次分明;要么,将图形色放小,但可通过鲜艳的颜色来烘托,而将地纹色的亮度可相应降低一些,拉开二者间的差距。如果图形色和地纹色间的面积相当,或者色彩的亮度等方面旗鼓相当的话,很容易在二者间造成色彩的抗衡,这样会对主题的表达造成干扰。
四、色彩的节奏与韵律有效结合的原则
节奏和韵律是运动过程中有秩序的连续。原本是指音乐表演中所采用的有规律的强弱、长短现象;而韵律则原指诗词中的平仄格式和押韵规则;在色彩的设计中节奏和韵律则用来描述色彩组合的状态,色彩间交替出现的有规律的强弱、长短现象,以及色彩间的对比与协调关系。节奏侧重于指同一因素的反复交替,是同一色彩要素连续重复时所产生的运动感;韵律则变化较多,犹如诗歌的押韵。节奏和韵律你中有我,我中有你,简单地说,节奏是一种简洁、鲜明的韵律,而韵律则是一种复杂、含蓄的节奏。在色彩设计中,节奏和韵律是通过色彩的光源、色相、明度、纯度以及利用人们对色彩的心理感觉(如色彩的冷暖、色彩的轻重以及色彩的前进和后退等)等的有机结合,使其呈现出一定的条理感和秩序感。
色彩的节奏
在进行色彩设计时,色彩的节奏大致可以分为三种类型:重复的节奏、渐变的节奏以及多元的节奏。
(一)重复的节奏
重复的节奏是指在色彩的设计中将某一个或者多个要素的变化与对比设计成一种固定的形式,并使得这种形式在网页的画面中重复出现,这样就形成了色彩不断重复出现的节奏感,从而给人一种丰富而有序、稳定而有规律的视觉效果。一般而言,重复的节奏可以分为两种:连续的重复和交替的重复。连续的重复是利用同一色相、明度或纯度的色彩,或者利用同一种颜色的形状、同一种颜色的面积以及同一种色肌理等色要素,根据需要连续呈现多次之后所获得的节奏感。这种反复可以是一个色彩要素,也可以是几个小的色彩要素组成的色彩单元,这种连续的重复会带给人们一种极富规律的秩序美。交替的重复和连续的重复相比,是将两个或两个以上独立的色彩要素依据方向、位置以及色调等交替重复出现所形成的节奏,相对复杂一些,并且其变化也要遵循一定的格式和规律,其变化更具多样性。重复的节奏有利于加强重复色彩在用户心目中的印象。
(二)渐渐变的节奏
新变的节奏的色彩设计是将色彩中的色相、明度、纯度以及色块的形状、面积等要素按照一定的秩序进行变化,例如按照等差或等级级数进进行变化,这种变化可以是从大到小、或从小到大,也可以是从强到弱,或从弱到强,更可以是由浅到深,或由深到浅……・从而形成一种逐渐过渡的节奏感。按等差级数变化所形成的节奏感一般缓慢而平滑,而按等级级数变化所形成的节奏感则一般跳跃性较强,渐变的意也更加浓烈,但比较容易让人产生单调之感。因此,在网页的设计中如果需要借用渐变的节奏来体现某一主题,可以根据需要灵活选择这两种渐变模式。
(三)多元的节奏
多元的节奏是指在色彩的设计中利用多种重复或渐变节奏组合而形成的节奏感。例如,有效利用色彩的冷暖、明明暗、形状等的起伏、方向强弱等的变化,这种变化会带给用户视觉上的较强的节奏感。这种节奏的变化相对比较复杂,是多种色彩要素共同作用的结果,不但层次丰富,而且形式复杂,色彩间的相百影向和配合更为明导。多元的节春的最大特点在于运动感强,给人生机勃勃之感,充满着个性。
(四)色彩的韵律
色彩的韵律是在节奏感之上获得的一种比节奏境界更高的、重复体现色彩设计师情感和思想的一种设计模式,这种韵律感一般会贯穿整个页面,通过设计师的精心设计,让用户明确体会到设计师的创作意图以及感受到设计师所要传到给自己的信息。因此,节奏是细节、是局部,而韵律则是整体、是全局。节奏为韵律服务,韵律引导节奏的表达。
五、色彩的简单化原则
在有限的网页页面如果色彩太过于丰富,用户会感到一种无形的压力,感觉到纷乱无序,让人应接不暇,以至于有厌倦之感。因此,与其将众多的色彩色块组合起来,如果每个组成色块的质量,还还不如将这些色块加以简单化、统一化,反而会给用户更加强的视觉冲击力,也会留给用户更深的印象。在一个页面中,色彩尽管在给用户第一印象的传递中具有非常重要的作用,但是色彩终究是配角,因此,简单的色彩反而更具感染力,能使效果更集中、更强烈、更醒目,也更容易让人记忆。色彩的简单化可以通过尽量色彩的使用,以最单纯的色彩设计关系来体现色彩效果。
六、色彩的凸显原则
如果说色彩的简单化是对色彩选择中过分选用色彩的限制的话,那么,色彩的凸显原则就是对色彩选择中过分单一化的一种限制,因此,是为了避免色彩过分单一,而采取某种色彩刺激手段,从而吸引用户的 色彩的简单化与凸显二者是相互制约的关系。具体来讲,色彩的凸显就关注和兴趣。例如,在网页的色彩设计中往往会采用黑与白、冷与暖、大与小、比例、形状以及面积之间的对比关系,以实现在整个页面中对这一部分的凸显,即可以在明亮的背景上用暗色的对作为凸显和强调在暖色的背景上选用冷色的对象作为凸显,在大面积的背景上用小面积的对象作为凸显和强调等。
七、色彩的系统化原则
网站建设色彩设计应该遵循系统化的原则,色彩的系统化追求的是色间关联性,即页面多种色彩间如何做到相互呼应,做到“你中有我,我中有你”,要做到这一点的关键点在于色彩间要有共性。这样,页面总体的风格就很容易被用户感受到,用户也能感受到一种整体感,即便是页面中的某一色彩单元也能给人留下深刻的印象。
2
网页设计的配色原则
1. 需要配色的是你的画布,而不是你的图片
一个在网页设计中最根本的原则是,无论你花了多少时间创造了一个辉煌的设计,其最终的作用是发挥出内容的核心位置。你的配色方案永远不应该比它呈现的内容的更加“响亮”。你的设计应该是在后台,目的是帮助突出网站的内容。所以,为了突出网页的内容,淡色才是首选。
2. 选择简单的灰色作为你网站的基调
你可以为你的网站基调选择无数种颜色,不过我建议你采用最简单的颜色,比如白色/浅灰色与深灰色的搭配文字背景。
你可以看看任何热门的网站、模版、主题,白色或浅灰色与深灰色搭配成了大多数的选择,这当然也是有充分理由的。这样的搭配对访客而言提高了你内容的可读性,并且把你的图片突出在最前方。
3. 只选择一种颜色突出显示
如果你选择好几种不同的色调来,那么你的配色方案绝大多数是有问题的。你颜色用得越多,你的页面就越来越难以控制。所以,在你网页以灰色基调的前提下,你最好只选择一种鲜艳的颜色来作为你想要突出的事物,比如标题、菜单、按钮等等。你的高亮颜色可以是蓝色、红色、绿色,等等。
你最好选择与你的基调颜色相关的高亮颜色。打开你的颜色选择器,并单击你彩色方块的中心。
4. 如果有疑问,请使用蓝色
如果你对你的高亮色的选择有疑惑的话,不妨使用蓝色。蓝色是一种弹性比较大的颜色,可以和很多种颜色搭配。
另一方面,如果你是用蓝色,那么你用错颜色的概率就会很低。如果你正犹豫着不知道用什么颜色好,不妨使用蓝色。比较安全的蓝色包括从海军蓝到深蓝色(H235-H190),而我通常选择H205的蓝色。
5. 给你的高亮色增加变化
你一旦选择了高亮的颜色,从该点移动滑块来选择接下来的颜色。在你的设计中也需要其他的颜色,高亮色的稍微变化会让你的颜色选择变得简单,但又不显得乏味。
6. 尽量不要使用颜色选择器右上角的颜色
颜色选择器的右上角是一块肥沃的土地。它们可以执行出惊人的效果,而且非常诱人,但通常想用好需要大量的经验。如果没有足够的经验,它们可能会导致事故的发生,所以最好以削弱你的颜色,最好都保持比较淡化的色彩。相关正版图书推荐,长按下方图片扫码购买:


