- 相关推荐
网页设计的色彩运用
色彩是网页给人的第一印象，色彩运用的好坏直接影响人们对这个网页的认同与否，设计者在设计网页时除了考虑需要网页本身的特点外，还要遵循一定的艺术规律，从而设计出色彩鲜明、性格独特的网页。因此，如何在网页设计中运用色彩是网页设计的重中之重。以下是小编给大家整理的关于网页设计的色彩运用相关资料，欢迎阅读！
引言
网页设计是一门新兴的设计类和网络交叉学科，近几年随着网络的发展而逐渐受到人们的重视。网页以网络为载体，把各种信息以最便捷的方式传达给受众。在这种标准的需求下，逐步产生了审美的需求。网页的色彩是树立网页形象的关键之一，色彩运用的好坏直接影响人们对这个网页的认同度，网页色彩搭配既是一项技术性工作，同时也是一项艺术性很强的工作。因此，设计者在设计网页时除了考虑网页本身的特点外，还要遵循一定的艺术规律。
色彩运用
1.1 色彩分类
在色彩缤纷的世界里，人们通过视觉感知到的色彩是非常丰富的。色彩按照种类可以分为原色、间色和复色。就色彩的系别而言，则可分为非彩色系和彩色系两大类：
①彩色系：指包括在可见光谱中的全部色彩，以红、橙、黄、绿、蓝、紫等为基本色;
②非彩色系：指由黑色、白色及黑白两色相融而成的各种深浅不同的灰色系列。
1.2 色彩种类
(1)原色。原色就是不能用其他颜色混合而成的颜色。我们可以用原色混合成其它各种各样的颜色。基本上原色分为红、黄、蓝3种。这3种颜色当中不能掺杂其它的任何一种颜色。
(2)间色。间色就是由两种颜色混合而成的颜色。我们用三原色就可以调出3个间色来。例如，红色加黄色可以调出橙色，黄色加蓝色可以调出绿色，蓝色加红色可以调出紫色。橙色、绿色、紫色称为间色。
这种交错关系构成了色光、颜料与色彩视觉的复杂联系，也构成了色彩原理与规律的丰富内容。
(3)复色。原色就是由一种间色和另外一种原色混合而成的颜色。例如：黄色加橙色为黄橙，红色加橙色为红橙，蓝色加紫色为蓝紫，红色加紫色为红紫，蓝色加绿色为蓝绿等等。黄橙、红橙、蓝紫、红紫、蓝绿称为复色。
以上的原色、间色和复色就构成了千变万化的色彩世界。我们在运用色彩时可以根据这些特性，搭配出不同效果的色彩方案。
网页设计的色彩运用
根据专业的研究机构研究表明，彩色的记忆效果是黑白的3.5倍，也就是说，在一般情况下，彩色页面较完全黑白页面更加吸引人。通常的做法是：主要内容文字用非彩色(黑色)，边框、背景、图片用彩色。这样页面整体不单调，主要内容也不会让人眼花缭乱。黑白是最基本和最简单的搭配，白字黑底、黑底白字都非常清晰明了。灰色是万能色，可以和任何彩色搭配，也可以帮助两种对立的色彩和谐过渡。
(1)红色。红色的纯度高，引人注目，有人称之为“火与血”的颜色，能增高血压，加速血液循环。用红色为主色的网页不多，在大量信息的页面里使用大量面积的红色不易于阅读，但若搭配好的话，也可以起到振奋人心的作用。过纯的红色容易使人疲劳，引起人的心理反感，因此，一般只有在以节庆为主题的网页中会大面积使用纯红色，而在其它主题的网页中，要使用大面积的红色就需要加入白色或暗色调。
(2)橙色。橙色在网页中经常被使用，通常给人一种温馨明快的感觉，如果将黄色或黄绿色与橙色搭配会使网页呈现出非常好的效果。在各种网站中，橙色的使用几率比较多，橙色既能体现一种青春的活力同时也不失稳重。
(3)黄色。黄色作为一种主色调，在网页配色中经常会作为背景色来使用。黄色本身给人一种清爽、明朗的感觉，所以能够得到大部分人的认可。在一些门户网页中经常会运用到黄色，黄色会带给人一种积极向上的感觉，使人身心愉悦。高彩度的黄色与黑色的结合可以达到清晰整洁的效果，这种配色实例在网页设计十分多见。
(4)绿色。绿色通常被认为是象征和平的颜色，同时也会带给人安静祥和的感觉。在一些与健康相关的网站中经常会用到绿色。用浅绿色作为网页背景色，可以给人营造一种平静的氛围，也可以给人一种清凉的感觉。
(5)蓝色。蓝色在网页元素中出现的几率是最高的。很多政府门户、学校门户网页都使用蓝色作为背景色。使用蓝色既能达到庄重的效果，也能给人整洁、轻快的感觉。蓝色与白色、青绿色搭配会使人感到开阔、清凉。很多企业做网页时都选择了蓝色，IBM公司网页就是其中之一。
(6)紫色。紫色通常让人有一种神秘的感觉，在一些个性网页中经常会出现紫色。在一些女性的网站中，经常会使用紫色做为主色调。蓝紫色通常与蓝色一起搭配使用。
(7)白色。白色除因明度高而感觉冷外基本为中性色，明视度与注目度都相当高。白色能满足视觉的生理要求，因此与其它色彩混合均能取得很好的效果。网页和其它视觉作品不同，它要求具有较高的阅读可视性，所以白色使用相当多。
(8)黑色。黑色是没有纯度的颜色，黑色在心理上是一个很特殊的色彩，它本身无刺激性，但是与其它色彩配合能增加刺激性。黑色是消极色，所以单独使用的情况用途不多，但是与其它色彩配色均能取得较好的效果。
色彩运用的主要问题
(1)做网站建设时要选准标准色，标准色的选择要符合自身特点。在了解色彩的基础上选择适合自己的标准色。同时，为了让主页更加丰富多彩、引人注目，可以在标准色的基础上，配以不同的辅色。在标准色的基础上搭配不同的辅色，使得网页看起来丰富而统一。
(2)在主页选色以前，要做很多的辅助工作。例如，在选色前要充分考虑网站受众的社会背景、心理需求。不同社会背景的人，对于色彩的感知也是不同的。因此，网站的设计者要充分考虑网站受众的心理因素和年龄特点，选择出符合受众心理的标准色。网站的用色要考虑到多方面的需求，尽可能地吸引访问者的目光，总结他们满意或者是不满意的原因，综合考虑。
(3)在设计网站的时候，我们应该关注流行色的发展趋势。每年都会有一些流行色出现，这是符合大众心理的一些基本色调。在设计网站的时候可以巧妙地加以应用，这样网页会富有朝气、令人赏心悦目。与此同时，还要关注网友对网站的评价，及时进行改进，这样才会吸引更多的受众，提高网站点击率。
(4)在制作网页时，要凸显自身特色。不能一味地去迎合大众。我们应该做到在保持自身特色的同时符合大众的心理。目前，随着网民人数的不断增加，网民的素质也越来越高，大多数的网民喜欢选择有特色、风格独特的网站进行浏览。网页设计师在设计网页时，可以选择体现自己风格的色彩大胆应用。
(5)网站设计师在设计网站时，应该更加注重整体效果。在设计网站页面时，要更多地考虑平面设计的因素，把握整体。色彩的明暗、轻重、冷暖，以及调和色和对比色的应用等都要考虑在内。
网页色彩设计的含义
1、网页色彩设计的含义
网页的色彩设计是将两种或两种以上的色彩同时并置在同一网页的界面内、并置的色彩相互作用、相互影响，从而形成网页的整体环境的色彩关系与色彩印象的创意性审美活动。
2、网页色彩设计的特征
上海网站设计企业从色彩感官刺激角度来说，网页的色彩设计主要在于色相的并置过程。但色彩的并置并不是那么简单的过程，而是需要色彩设计师从色彩学、色彩心理学以及计算机色彩形成的基本原理等请多方面进行理性地分析，然后制定出合理的设计方案。网页的色彩并不是简单的色彩合成，网页的色彩设计也不是仅仅为用户提供视觉刺激，而因为不同的人有不同的色彩审美观念，会因用户的年龄、性别、受教育水平等请多因素而影响到色彩的设计布局，设计师要充分考虑到这一点。网页的色彩设计不但是一门科学，而且是一门艺术，因而必须遵守其特定的设计规律。
首先，网页的色彩设计要遵从人的视觉习惯，在色彩搭配时应时刻注意眼睛的舒适性，不要用亮度太高或太低的色彩，以在特定的时间段内注视后不疲劳为宜。其次，在色彩设计的时候要尽量满足用户对色彩审美的需求，尽可能地为用户呈现出美观，符合用户需求的色彩配置。再次，网页的色彩设计是为传递网页信息服务的，即尽管色彩在网页中地位非常重要，但其终究还是一个配角，不能“抢了主要信息的风头”，因此，设计师在色彩选择和搭配的时候时刻要牢记色彩的配角地位。此外，色彩的选择与搭配仍然要注重关注主体用户对色彩的相关喜好。
色彩设计的基本原则
上海网站设计企业认为色彩对网页的设计而言，完全可以用一个中国的成语来概括赏心说目，这一词语从总体上就可以很好地概括出出网页色彩设计的一个基本原则:“赏心”和“悦目”，“说目”是网页色彩设计的初级层次，即网页色彩的设计首先应该适应和满足人的生理视觉系统的要求，这是设计的基础，只有在满足了视觉上的和谐、舒适，才能满足用户的“赏心”这一高级层次的需求，即在满足了生理视觉系统要求的基础上，方能进一步去探究色彩带给用户的心理感受。如何做到既“悦目”，又“赏心”呢?下面上海网站设计介绍一些能满足这两个基本的原则网页色彩设计策略。
1、统一与变化相结合的原则
上海网站设计企业在网页的色彩设计中，统一与变化相结合的原则是指在具体设计的过程中，首先要注重整个页面的统一，没有统一就不能很好地体现出秩序感，没有秩序的网页就谈不上美，所以，要实现网页色彩的美，就首先要注重整个页面色彩的统一、协调。但需要注意的是，在一个页面中并不是越统一越好，如果过分统一，则可能会使得整个页面的色彩组合显得过分单调、枯燥和乏味，缺乏新鲜感。因此，在网页的设计中，在保障统一的前提下，注重色彩的变化，但这种变化在整个色彩的组合中应处于次要的地位，起到调节和点缀的作用，如果变化过多，往往会使得整个页面看起来杂乱，反而干扰了主题的表达。在页面的色彩设计中，统一与变化具体是通过色彩的色相、明度和纯度等的变化来实现的。但在具体的色彩设计过程中统一与变化的原则并不是一成不变的，而是在统一的大前提下，在局部的设计上做出适当的调整，从而使得一些设计体现出古典的韵味，有的设计显现出传统的风格，而有的则更多地展现出现代化的韵味与气息。因此，只要掌握统一与变化之间的比例关系，就能达到统一中有变化，变化中显现出秩序感。
2、色彩的平衡原则
上海网站设计企业在网页的色彩设计的过程中，特别要注重色彩间的平衡，即具体参与构成色彩组合的各种色彩、图形以及其他诸多的要素，在画面结构中力争达到一种力的均衡状态时所形成的色彩关系。色彩的平衡主要可分对称式平衡和均衡式平衡两种。
（1）、对称式平衡。
对称式色彩平衡是指以网页的轴线为中心，通过两侧色彩要素的并列重复处理，以达到和谐统一的效果，同时显现出静态特征的色彩关系。对称式平衡有绝对对称和相对对称之分。绝对对称指的是在中轴线两侧的色使得画面显得拘谨呆板、生硬机械，因此，恰当的处理是极其重要的。相 彩要素要完全一致，具有大方、安定的艺术情趣，但如果处理不当，则会对对称式平衡则是指在中轴线两侧的色彩要素基本一致即可，即只要在小部分的位置略作变化的对称平衡方法，利用对称的构图格式，采取变换内容的方式，来实现整个页面的相对对称。其实，不但在页面色彩的设计中相对对称的平衡设计非非常重要，而且在实际的生活中，这种设计也是经常用到的，例如，中国传统文化中的对联的设计，采用的就是这种对称模式，即上下联无论是字数、字体，还是字义都是相似或相对的。这样的处理模式体现了大统一、小变化的相对对称的色彩搭配原则。
（2）、均衡式平衡
均衡式平衡是指在网页色彩的设计上尽管没有采用中轴式的左右或上下的对称式平衡模式，但是在色彩的搭配上却能做到视觉和心理上的平衡关系，即通过对色彩各个造型要素的有机组合，以达到视重稳定的平衡表现形式。均衡式平衡相对于对称式平衡而言更加活泼，富有变化性，也更具运动感。设计师在做的过程中往往会借助色彩的色相、明度以及纯度的变化，尤其是借助设计师自身对色彩的心理感知，体验色彩本身的轻重、前进与后退、冷与曖等，通过合理的搭配实现色彩间的平衡。例如，在具体的设计过程中，即使是同样大小的黑白两个图形，黑色就显得重，而白色则显得轻，前者所占面积小，后者则所占的面积相对较大，因此，要平衡二者的视觉重力关系，就要缩小黑色或者放大白色，而要平衡二者的视觉大小关系，则要放大黑色或缩小白色。
总而言之，页面色彩设计的平衡是不能单纯依靠数字的计算就能解决或完成的，关键在于设计师的个人感受以及艺术修养，最主要的是设计师能否在自身的感受与用户的感受之间架起沟通的桥梁，即设计师所感受到的正是用户所感受到的，这样色彩设计的意图才算达到了。
【网页设计的色彩运用】相关文章：
UI设计中的色彩运用08-24
色彩在平面设计中的运用04-10
网页设计色彩搭配的基本知识03-28
现代室内色彩设计中蓝色的运用09-21
企业网页美工设计色彩搭配的技巧09-04
广告设计中色彩的运用有哪些原则07-03
色彩对比与调和在广告设计中的运用09-05
色彩搭配在平面设计中的运用12-24
网页设计基础10-17