网页配色方案及方法［网上配色文章集合

网页配色方案及方法［网上配色文章集合］

　　网页配色方案及方法大全，从网上收集的，陆续加入中，如果大家有好的，欢迎跟贴……

　　网友豆豆猫的网站里也有比较全的配色文章，建议去看看。网址是：http://color.ddcat.net

　　论坛里面已有的配色帖子（只找了精华帖）点击打开

[用WEB标准设计网站]颜色表 Color Table
[分享]配色方案&色环
网页配色方案二
网页配色方案(一)
详细颜色表（NEW）

网页配色之黄金分割法

　　众所周知，数学上有一个黄金分割点--0.618。据说用次比例数分割是最具美感的，从美眉身材到高楼建筑，从艺术到绘画无不出其之左，因此被称为"神奇的"黄金分割点。与此同时，人们也对其进行了大量的研究，研究结果更是大量的"神奇"说法。不过，我辈是现实主义者，"神奇"就不谈了，还是看看咋用它的"神奇"解决我的问题吧--网页配色之黄金分割法。

　　诸位制作过烘培鸡（Homepage）的大虾们都知道，制作网页时网页背景与前景的字体配色比较麻烦的。如果背景颜色与字体颜色的搭配不合理，就会使网页效果大打折扣。如果背景色与字体色的对比度太大，就会显得太刺眼；如果对比度太小，就会使网页风格变得过于沉闷。要达最佳配色实在是麻烦之至，自定义-〉观看效果-〉不合适-〉从头来……，

　　到最后发现我们大部分宝贵的Time都花在了上面。不过别急，有了我的"网页配色之黄金分割法"之后，就可以大大节省你的时间了。别打！别打！我马上就进入正题了（呜……呜……）。

　　黄金分割法的基本原理是这样的：把颜色的对比度（背景与前景）调节在0.618比例附近的位置上。下面我以FrontPage 2000为例来讲解一下具体僮鳌?/P>

　　1．选择背景色（记住颜色的亮度值）。打开FrontPage 2000以后单击鼠标右键，选择"网页属性"，弹出"网页属性"对话框后选择"背景"单元（或"格式"菜单下的"背景"选项），然后在背景色选项中选取你想要的任意背景色，然后确定（本例中选取橄榄绿RGB：0,128,0 亮度：60）。

　　2．选择前景色。选择格式-〉字体，在字体颜色中选取"其他颜色"。弹出颜色对话框后选择"自定义"，弹出Windows的标准颜色对话框（如图）：

此主题相关图片如下：

　　3．计算亮度值。若背景色的亮度值为0-92时，将上述对话框中的亮度确定为X+148；若在148-240之间则定为X-148。然后选择任何你认为搭配合理的颜色（亮度值不变）作为前景色。选择原理如下：亮度的最大值是240，黄金分割值为240×0.618≈148，即亮度差为148为最佳对比度，因此选取的前景色与背景色亮度值至少有一位于0-92或148-240之间，其他亮度值不一选取（强烈建议）。

此主题相关图片如下：

顶级网页配色词典，培养你的色感１

　　策划正确的配色方案时必须要有一个判断标准。
　　网页设计师策划一个网站需要经过反复多次的思考，而在决定网页配色方案时同样需要经过再三的思量。为了得到更好的策划意见，组织者既应该与合作人员反复进行集体讨论，还应该找一些风格类似的成功站点进行技术分析，一个大型站点是由几层甚至数十层的链接和上百上千种不同风格的网页所构成，所以在需要的时候应该绘制一个合理的层级图。
　　如果在一个站点配色方案的策划中只凭设计师的感觉来决定最终的配色方案，则成功的机会就会很少，而且即使成功一次，也保证不了下一次同样能够成功。何况一个设计师好的建议在没有任何根据的情况下也不能说服团队中的其他合作成员。萝卜白菜各有所好，如果团队中的每一个成员都执意主张自己的观点，那么这个团队就会一事无成。
　　当然，感觉是设计师的灵魂，没有感觉的设计师就如同一个没有灵魂的躯壳。但光凭感觉也不能够得到好的结果，如果说好的设计等于感觉加一个未知数，那么这个未知数应该就是可以说服其他人的科学合理的理论体系。

此主题相关图片如下：

顶级网页配色词典，培养你的色感２

此主题相关图片如下：

网页设计——网页配色十例

颜色的使用在网页制作中起着非常关键的作用，有很多网站以其成功的色彩搭配令人过目不忘。但是对于刚开始学习制作网页的人来说，往往不容易驾驭好网页的颜色搭配。除了学习各种色彩理论和方法之外，笔者认为多学习一些著名网站的用色方法，对于我们制作美丽的网页可以起到事半功倍的作用。所以，笔者总结了一些著名网站的颜色搭配方法，这些方法可以让我们的学习少走弯路，快速提高我们的网页制作水平。

　　一、网页颜色原理和象征意义

　　我们所有网页上颜色，在HTML下看到的是以颜色英文单词或者十六进制的表示方法（如#000000表示为黑色）。不同的颜色有着不同的含义，给人各种丰富的感觉和联想。

　　红色：热情、奔放、喜悦、庄严
　　黄色：高贵、富有、灿烂、活泼
　　黑色：严肃、夜晚、沉着
　　白色：纯洁、简单、洁净
　　蓝色：天空、清爽、科技
　　绿色：植物、生命、生机
　　灰色：庄重、沉稳
　　紫色：浪漫、富贵
　　棕色：大地、厚朴

　　二、网页颜色的使用风格

　　不同的网站有着自己不同的风格，也有着自己不同的颜色。网站使用颜色大概分为几种类型：

　　1、公司色
　　在现在企业中，公司的CI形象显得尤其重要，每一个公司的CI设计必然要有标准的颜色。比如新浪网的主色调是一种介于浅黄和深黄之间的颜色，同时形象宣传、海报、广告使用的颜色都和网站的颜色一致。再比如国富投资公司的主色调是C：100%，M：60%，Y：0%，K：0%。这样的颜色使用到网站上显得色调自然、底蕴深厚。

　　2、风格色
　　许多网站使用颜色秉承的是公司的风格。比如海尔使用的颜色是一种中性的绿色，即充满朝气有不失自己的创新精神。女性网站使用粉红色的较多，大公司使用蓝色的较多……这些都是在突出自己的风格。

　　3、习惯色
　　这些网站的颜色使用很大一部分是凭自己的个人爱好，以个人网站较多使用，比如自己喜欢红色、紫色、黑色等，在做网站的时候就倾向于这种颜色。每一个人都有自己喜欢的颜色，因此这种类型称为习惯色。

三、设计用色十例
以下我将分别介绍十个配色较好的网站，大家可以学习和借鉴一下，培养对色彩的敏感以及独到的审美能力。

　　1）这是个大型的NBA网站。通常我们经常看到的此类网站以白色为背景，但是这个网站却用灰黑色RGB为（48，48，48/#333333）（以下颜色都用RGB表示），文章标题用色为RGB为（203，201，153/#CCCC99），菜单使用的RGB为（112，119，112/#707770）。这样的配色可以显示独特的个性，又不失大型网站的风采。如图1

    2）下面是一个娱乐类的综合性网站UGO，他的配色方案是背景色为黑色RGB为（0，0，0）中嵌套RGB（0，0，82），字体白色RGB（255,255,255）,菜单为RGB（77,114,159）。这样的虽以黑蓝为主色调，但是配以漂亮的图片，给人的感觉是生机盎然，充满了互动色彩和青春气息。如图2。　　

    3）下面的这个网站是大名鼎鼎的微软公司网站，微软不仅软件做的好，连网页制作也是世界一流。他的每一个网页都是制作的样板。从网页我们就可以看出微软公司的风格、作风，以及雄厚的实力。背景颜色使用蓝色RGB为（0，151，254），菜单为黑色RGB（0，0，11），菜单为灰色RGB（200，200，200），字体为黑色RGB（0，0，0），如图3。

    4)现在介绍的网站相对简单，但是她的用色也别具匠心，现在我们来看一看，整体上使用的是白色RGB（255，255，255），辅助色为RGB（79，88，95），菜单色为RGB（48，64，64）和RGB（0，81，111）字体使用的是RGB（83，86，91）。虽然简单，但颜色搭配非常的科学合理。如图4　

5）下面的网站采用黄色调为主，很体现公司的个性，现在我们就来看一看她的颜色搭配。主色调为黄色RGB为（255，199，48/#FFC730），辅助色调为RGB（49，102，46）字体为棕色RGB（153，103，0），中间再配以抽象的图片，显得个性十足但又不单调。如图5

6）橘红色如果运用得当的话是一种非常使用于网页上的颜色。下面的这个网站就是一个非常著名的例子。他的主色调为RGB（255，151，0）辅助色调为RGB（255，103，4），菜单RGB为（252，200，0）。字体使用黑色RGB为（0，0，0）。此种配色显得主人较为前卫，色彩热烈，给人的震慑力较强。如图6

　  7）鲜红色也是一种震撼感很强的颜色，如果搭配不当，也可能使网站没有风格和特点。下面的这个网站就是使用红色比较好的网站。我们来看看他的颜色搭配。他使用的主色调是RGB（200，9，0），配以抽象的图形，文字使用的是RGB（213，229，167）显得美观而不失独特，大气而不逼人。如图7

  　8）下面介绍的这种色调是我们制作网页的时候不会经常用到的颜色，如果使用到你的网页中，肯定会给人耳目一新的感觉。他的主色调为RGB（144，151，97）辅助色调为RGB（173，168，112）边饰为黑色RGB（0，0，0）字体为黑色RGB（0，0，0）。这样的搭配显得风格独特，颜色和谐而庄重。如图8

    9）下面的设计更加的简单化，但是颜色的使用使网页并不呆板，反而让人感觉到一股浓浓的生活和家庭气氛，使人置身于美丽和爱中。他的主体是由两种颜色构成，分别是RGB（239，200，161）和RGB（201，254，200）。如此简单，但是却栩栩如生，跃然网上。如图9

    10）下面举出这个例子是想证明一个道理——只要你有足够的想象力，你就能够设计出漂亮的网页。目前在网上非常流行一句话就是网页的搭配不要超过四种主要颜色，否则就有杂乱之感。下面的这个网站远远的超过了三种颜色，但是她并不失美丽。因此重要的还是色彩的驾驭能力。下面这个例子的菜单就使用了7种颜色，但是我们看到的网页并不杂乱，相反感觉作者很有创意。如图10

网页设计的颜色搭配需要在实践中不断的摸索和不断的创新，认真学习别人的先进方法和经验，可以快速的提高我们的制作水平。

　图不是很清晰，对付着看吧

此主题相关图片如下：

网站配色奥秘大公开

　　曾经费尽心思想替网站设计一套令人眼睛为之一亮的色彩组合吗？或者你一直不解为何银行、公司行号或金融机构的网站总是使用蓝色系？那么你来对地方了。虽然大部分的网站开发人员都很清楚网络所使用的色盘和计算色彩的 16 进位系统，但对色彩学和有效色彩组合背后所隐含的原理依然懵懵懂懂。

　　几世纪以来，颜色本身就是一个难解的谜题。举例子来说，苏格拉底就曾经假设说「火」之源起，乃是因眼睛结合了对象本身的「白」(whiteness)所产生的颜色。之后，牛顿更探索光与色彩之间的关系；其后历经许多科学研究，终于在20世纪确认了光波与色彩感应之间的绝对关系。

　　如今，色彩调和与色彩调性方面的研究信息，直接影响了艺术家、设计师和广告AE人员。本篇关于色彩理论的指南，旨在探索如何于网站上有效使用色彩，同时也提供了许多色彩调和技巧，让您善用色彩来驾驭网站设计。
色彩学

　　我们能看到颜色是靠三个元素相互作用而成：光源、物体的反射特性、以及人体视网膜和脑部视觉皮质区对光波的处理方式。不管我们使用哪种媒材来作业 -- 绘画、印刷或网络 -- 我们都得依赖上述过程才能有效使用颜色。

　　色彩的排列 -- 彩虹

　　十七世纪末期，牛顿证明了色彩并非存在于物体本身，而是光作用的结果，且只要将可视光谱上的长短光波结合起来即可形成白光。这些可视光的波长可对应到七个不同的颜色：红、橙、黄、绿、蓝、靛、紫。

　　牛顿在实验中所分离出来的可视光谱其实才占了所有电磁光谱的一小部分，整个光谱范围从分为「短频、长波区」（例如收音机调频）到「高频、短波区」（例如 X 光）。可视光谱的区域是介于红外线与紫外线之间，波长约为 400nm (紫色) 到 700nm (红色) 之间。虽然牛顿证明这些光波结合在一起即形成白光，但其实只需要红、绿、蓝三光波就可以产生白光。

　　光的吸收与反射

　　当光波投射在物体身上后，该物质会传送、吸收或反射不同部分的光波。根据不同物体的特性以及它本身的原子构造，它可能反射了绿光但吸收了其它的波长。这时候人们的视网膜和脑部视觉皮质区会处理此一反射光，然后形成我们所看到的颜色。

　　艺术家和设计师将颜色复制到画布或纸张上的时候，他们便是仿真此一过程，利用颜料吸收了某个部分的光波、反射出其它光波。例如要产生绿色，我们可使用会吸收红、蓝光波的颜料即可。此一过程是所有绘画与印刷媒体的色彩模式基础。

　　一切靠眼睛

　　当然，不论是反射自物体或是发射自光源本身，我们处理光波的能力都是靠视网膜和脑部的视觉皮质区。视网膜内有三个接收器（或者说是锥细胞）可响应某些光波的频率。红色锥细胞能感应低频率的波长，绿色锥细胞反应的是中频率的波长，蓝色锥细胞反应的是高频率的波长。这些锥细胞的运作并非二元性的，而是类似频道一样，可将刺激分别传达至脑部的视觉皮质区，经过处理后才产生出我们所看到的颜色。

　　为了产出特定颜色，艺术家/设计师们必须靠着增减光波的方式，让人体内的视觉接收器只反应到某些光波。至于应该用加法或减法原理，则要看你使用何种材质来表现你的作品了。色彩模式与色彩管理

　　设计师处理颜色的方法通常有两种：一、加色法，混合不同颜色的光波以形成白光；二、减色法，使用颜料来减少光波。传统的艺术家所使用的色盘和 CMYK 系统都是减色法模式。在网站上，我们所面对的是光的投射，而不是从物体上反射回来的光，所以使用的是加色法模式，我们称它为RGB。

　　加色法

　　在大自然中，我们所看到的光波是经过物体反射进入我们的视网膜，但产生色彩的方式不仅只这一种。例如，舞台灯光是利用白光穿过有色滤镜来产生不同的色光。计算机屏幕也是使用投射光波的方式，但不同的是它藉由让电子光枪发光投射到含磷的屏幕来产生色光。这些电子光枪可以发出三种颜色：红、绿、蓝。藉由这三种色光，计算机屏幕可制作出完整的光谱。这就是大家所熟知的 RGB 色系。

　　在 RGB 系统中，设计师也可以透过混合三原色的方式做出一个光谱。混合任两个原色，就会产生三个次原色：青、洋红、黄。如前面所说的，将光的三原色加在一起就可以做出白光。所以，如果一个 RGB 的值为 255,255,255 则表示为白色。如果完全拿掉这三原色的光 (RGB: 0,0,0) 则产生黑色。

　　减色法

　　RGB 模式的相反模式就是 CMYK 模式，也就是使用减少光波的方式来产生颜色。由于物体颜色来自于反射的光波，此一系统乃使用三原色来吸收物体的红、绿或蓝光。例如，如果你减少了红光，那么多余的绿色波和蓝色波就会产生青色。用来除去红光、反射绿、蓝光的颜料就会显示青色。相同的，平面印刷设计师会使用洋红来吸收掉一部份的绿光，以及使用黄光来吸收掉一部份的蓝光。

　　这样一来，我们很明显的可以知道 CYMK 模式中所使用的三原色就是 RGB 模式中的次颜色，反之亦同。再者，如果将红、绿、蓝光混合在一起形成白光，那么就表示将青、洋红、黄三色的颜料混合在一起就会产生黑色，因为三原色的光波都将被颜料所吸收了。然而受限于颜料和印刷系统的因素，混合青、洋红、黄并无法完全吸收掉所有的光波。因此实际上还必须加上一个黑色才能完成，所以就产生了 CMYK 里面的 K 元素了。

　　色彩管理

　　由于有这两套不同的复制颜色方式，设计师若必须同时创作数字与印刷影像可就伤脑筋了。除了对应加色法和减色法之间的困难外，RGB 和 CMYK可使用的色彩范围差异也相当大。因此对跨媒体设计师而言，拥有一套可根据输出设备做色系转换的色彩管理系统可减轻不少头痛问题。色彩管理系统可包含在操作系统，某些应用软件之中。
色彩调和

　　视觉设计最大的挑战之一便是找出有效的调和色彩，让色系既不过于单调，也不过于夸大。想了解色彩平衡之间的关系，可从了解色环开始着手。色环呈现出某一色彩模式中所有可能的色相

　　每个色彩模式都包含了一组三原色，然后经由这一组三原色的相互混合而产生不同的颜色。在传统色彩学中，三原色指的是蓝、红、黄；而在 RGB 色彩模式中，色光的三原色是指红、绿、蓝。任何两个色光的组合会产生一组次颜色。三次色则是混合了原色与次色，或者是混合两种次原色所产生。我们用色环来呈现颜色的逻辑性。你可以从下面的图中看出， RGB 的色环和传统艺术家们所使用的色环是很不一样的。

　　同色调和：单一颜色，只是深浅、色调和明暗度不同。

　　近似色调和：使用邻近的颜色或在色环上很接近的颜色做调和。

　　互补色调和：使用色环上两个相对的颜色做调和。这样的颜色组合通常可以提供最大程度的对比感觉，但若过份使用使会流于夸大。

　　对比色调和：使用一种颜色，再加上其互补色旁边的两个颜色做调和。对比色调和能提供比互补色调和较柔和的对比。

　　三角调和：使用色环上三个等距离颜色。

　　双互补调和：使用两组 (共四色) 互补颜色。

　　在探索色彩调和的时候，通常最好从纯色下手，然后再尝试不同程度的渲染、色调和明暗度。接着你可使用网站仿真图先行测试某颜色组合的视觉特效。记得，对比的重要性不只是在于为了吸引人而设计；它也可能帮助或妨碍网站的阅读性。
色彩所传达的意义

　　当我们在检视色彩的科学本质和色彩调和的美学考量时，我们发现感官在色彩运用上扮演了很重要的角色。除了感官反应与辨识调和色彩外，人类内在对色彩的反应还有更深层的一面。色彩能引发强烈的生理/心理共鸣，不管是正面或负面。当你在选定颜色组合时，请确定你所选择的颜色能引起适当的回响。

　　色彩的生理反应

　　虽然并没有直接证据显示色彩能引发特定反应，但是研究显示，某些颜色确实能够引起一些生理上的反应。例如，红色就是一种非常刺激的颜色，往往会令人心跳加快、呼吸急促。所以，红色非常适合用在需要引起注意和强调的时候，但若用在背景颜色的时候可能显得过于强烈。相同地，黄色也能引起注意，但因为其反射性太强，容易造成眼睛的疲劳和不舒服。另外一方面，蓝色对神经系统具有放松的效果，且根据一些研究显示，以蓝色当背景还能增加生产力。但是，如果你的产品与食物有关，千万不要用蓝色作为背景颜色，因为蓝色可是会抑制人们的胃口喔。

　　色彩的象征

　　色彩所象征的意义有时候跟大自然中的事物有关。例如，天空与太阳的颜色所产生的联想举世接然。然而，大部分的色彩意义都跟民族文化有关，例如，政治、宗教、神话或社会结构等 -- 这些因素可能会随着时间与地域的不同而产生差异。若你设计的网站是针对国外地区，那你可千万得小心，同一颜色在不同文化可能会有南辕北辙的效果。另外，大部分的颜色都同时具有正面和负面的联想。你可以运用色彩的质量和饱和度的不同，或者是用混合两个颜色的方式来强调某个特别的涵义。

　　一般在西方的文化中，色彩所传达的涵义为：

　　红色：热情、浪漫、火焰、暴力、侵略。红色在很多文化中代表的是停止的讯号，用于警告或禁止一些动作。

　　紫色：创造、谜、忠诚、神秘、稀有。紫色在某些文化中与死亡有关。

　　蓝色：忠诚、安全、保守、宁静、冷漠、悲伤。

　　绿色：自然、稳定、成长、忌妒。在北美文化中，绿色代表的是「行」，与环保意识有关，也经常被连结到有关财政方面的事物。

　　黄色：明亮、光辉、疾病、懦弱。

　　黑色：能力、精致、现代感、死亡、病态、邪恶。

　　白色：纯洁、天真、洁净、真理、和平、冷淡、贫乏。白色在中华文化中也代表着死亡的颜色。

　　选择最恰当的色彩组合

　　替网站选对颜色可不是一件容易的事；很多公司还特别聘请专业咨询人员，使其色彩组合能搭配、强化整体的品牌形象。但是，如果你自己就已经具有色彩调和感，并且了解某些颜色可能会引起什么样的反应，你只需照着你的方法进行，开发出有效的色彩组合。在你开始找寻对应的颜色之前，你必须先很清楚你网站所要传达的讯息和目标。一但你了解要传达的讯息后，就可开始进行调色工作了。在过程中，你免不了要不断地试验混合颜色，这是一个极具创意的过程。别害怕使用大胆的颜色组合，但在将你的产品公诸于世之前，记得要经过充分的测试喔！

　　色彩的使用技巧与指针

　　1. 了解你的网站所要传达的讯息和品牌。选择可以加强这些讯息的颜色。例如，如果在设计一个强调稳健的金融机构，那么就要选择冷色系、柔和的颜色，像是蓝、灰或绿。在这样的状况下，如果使用暖色系或活泼的颜色，可能会破坏了该网站品牌。

　　2. 了解你的读者群。文化差异可能会使色彩产生非预期的反应。同时，不同地区与不同年龄层对颜色的反应亦会有所不同。年轻族群一般比较喜欢饱和色，但这样的颜色却引不起高年龄层的兴趣。

　　3. 不要使用过多的颜色。除了黑色和白色以外，约选择四到五个颜色就够了。太多的颜色会导致混淆，也会拉走读者的注意力。

　　4. 在阅读的部分使用对比色。颜色太接近无法产生足够的对比效果，也会妨碍观众阅读。白底黑字的阅读效果最好。

　　5. 用灰阶来测试对比。当你在处理黑色、白色和灰色以外的颜色的时候，有时候会很难决定每个颜色的相对值。为了要确认你的色盘能提供足够的对比，你可以建立一个仿真网站，并将它转换成灰阶即可。

　　6. 选择颜色要注意时效性。同一个色彩很容易就充斥着整个市场，且消费者很快的就对流行色彩感到麻木。但就另外一个角度来看，你可以使用几十年前的流行色彩，引起人们的怀旧之情。

　　7. 选择色盘时请考虑功能性的颜色。别忘了将关键信息部分建立功能性的颜色，例如标题和超级链接等。

　　8. 注意网站色差问题。每一个网站开发人员都知道，即使是网络通用颜色在跨平台显示的时候都会有些不同。记得要校正你的 gamma 值，并在不同的作业平台上测试你的色盘。

网页设计理念之色彩，网站风格之魂

　　色彩，是最先也是最持久地给浏览者以网站形象的因素。其实，网站形象是营销环节中非常重要的一个部分，如同人的衣着一样，信息空间的构造也需要恰如其分的包装。网站的内容不仅仅是由文字组成的，视觉元素在网站中也占有重要的位置。

　　树立网站的风格可以从以下几个方面入手：

　　色调：是活泼还是庄重，是素还是艳。比如Clevegrowers食品网站（图五）选择的色彩很艳丽，但如果选择素的色彩，可能就无法体现出水果和蔬菜的那种生气。而北美工艺品网站（图四）的色调是以素为主，突出了手工艺品的典雅。
　　画面：需要考虑是写实还是写意，是体现专业性还是大众化，是为儿童还是为成人。
　　简繁：是追求简洁还是花哨，不同性质的网站在这方面会有不同。如艺术网站，会不厌其烦地用各种手法来展示其创意。

　　下面，我们选择几个英文网站做色彩和站点风格的分析：

　　1．利顿茶商http://www.LiptonT.com/

　　利顿是历史悠久的茶类品牌，我们在平时常见的利顿红茶、利顿冰茶都是其产品。在该企业站点中，突出体现的不是利顿的悠久历史，而是其丰富的产品线、茶叶的历史和有关人体健康的信息。

　　该站点的内容组织围绕利顿的产品线进行。利顿产品的名称、商标、图形、功能和应用领域等信息一览无余，利顿冰茶通过艺术图片展现在首页的左边，因此，站点所要突出的是产品的内涵。

　　通过利顿健康中心，浏览者可以获得大量有关茶的信息，使他们从潜意识中接受利顿关注消费者健康的理念。其实，在有关茶的历史中，浏览者可以了解利顿茶品的悠久历史，客观上起到激发消费欲望的作用。

　　另外，该站首页使用了利顿品牌所常用的黄色，这既是在网上扩大品牌效应，也是对公司整体形象的统一应用，从而构成了企业识别系统（CIS）的重要部分。

　　2．中国瓷器http://www.arttiques.com/

　　该网站以白色为背景，营造出洁净、细腻、典雅的氛围，同时与色彩斑斓的瓷器形成强烈的反差，让人感觉到瓷器工艺品的精致和美丽。这种颜色搭配是展现色彩丰富的工艺品的一种和谐方式。

　　3．古董仿制品http://www.fineartrepro.com/

　　这个网站采用灰白底色作衬托，似乎没有突出人们通常理解的古朴气质，但它有可能适用于中世纪欧洲的传统灰白色调。由于东西方文化有较大差异，因此在设计传播中国文化的网站时，可能更宜选择那些能体现东方古典风格的颜色。

　　4．北美工艺品展http://www.craftsamericashows.com/

　　从这个网站页面色彩的选择上，我们可以感受到网页设计者对手工艺品的认知，其色调选择和色彩搭配，突出了手工艺品的巧夺天工。蓝色、灰白色、草绿色、淡黄色都是手工艺品常用的颜色，形成了站点风格的一致性。

　　5．食品批发商http://clevegrowers.com/

　　进入该站首页，我们首先感受到的是生机盎然的景象，色彩鲜艳的各类蔬菜给浏览者以新鲜的视觉冲击，由此引发购买欲望。它同时用淡淡的蔬菜图案作背景，时刻宣传公司的主要业务，同时延长感官上的刺激时间。

　　通过上述几个网站的分析可以看出，如果从塑造网上形象的角度考察，以下视觉元素是不可缺少的。

　　主体色好的视觉形象是靠协调的色彩体现，色彩的搭配不仅体现着美学的诉求，而且是一种可以强化的识别信号。所以，主体色一经确定，要保持一定的稳定性，用这种色彩来帮助受众对网站的识别。比如说利顿网站中选取黄色作为主体色，这正是利顿产品包装中的主体色，对于识别和强化网站的产品信息起了很大的作用。标志不仅要放在最醒目的位置上，而且要始终如一地坚持不变。
　　主体图形主体图形是网页设计的基础，表达关系的栏目划分和位置安排也要依靠主体图形来体现。主体图形也要保持相对的稳定，一般一年为一个周期，可以对主体图形进行再创意。因为图形的变化可以给人以新鲜的感觉。

　　另外，色彩在网站形象中具有重要地位，通常我们会发现新闻类的网站会选择白底黑字，这不仅是因为这种方式对带宽要求最低，更多的是因为人们平时习惯于这样阅读报纸，所以在潜意识中，这种色彩对于把新闻传达到脑海的效率最高。但是在其他类型的网站上，我们就不要只使用白色了，例如在上面提到的利顿网站，将色彩融入到公司的整体企业识别中，大大加强了网站对浏览者感官的冲击。而在古董仿制品网站中，我们也看到了东西方文化中历史的差异，所以在定位网站风格时，文化的差异也是很重要的。

网页配色方案及方法［网上配色文章集合相关推荐

分享2款XSHELL配色方案及导入配色方案的方法
在众多SSH工具中,老左还是比较喜欢XSHELL,每天习惯对着默认的黑色背景和白色字体颜色的时候可能稍显枯燥,在"Xshell设置个性背景图的方法"也曾经介绍过直接自定义背景图片, ...
Win7改配色方案的方法
经常会遇到Win7配色方案被更改,导致Win7界面变难看.还有些是在玩CF游戏时候桌面提示Win7配色方案被修改,导致原先的桌面配色方案被修改,很多朋友看着就觉得不舒服了,那么Win7怎么改配色方案, ...
win7运行java配色方案_Win7系统提示：“配色方案已更改为Windows 7 Basic”解决方案...
电脑速度慢的像蜗牛,正好趁着今天星期六休息,在家里重新安装一下系统.可是全部装完以后我开始迫不及待的进入了我的最爱"CF穿越火线"游戏,刚刚进入游戏就提示:"配色方案已更 ...
vs配色方案_提高生产力：配色，模板参数过滤及IntelliCode
新的语义配色方案早在之前的VS2019 v16.3 Preview 2中,开发团队就为C++开发者引入了新的语义配色方案.通过使用新的配色方案,开发者可以更加快速的熟悉代码结构,这对于大型代码库的阅 ...
python配色方案_python matplotlib包图像配色方案
可选的配色方案: Accent, Accent_r, Blues, Blues_r, BrBG, BrBG_r, BuGn, BuGn_r, BuPu, BuPu_r, CMRmap, CMRmap_ ...
linux修改vim配色,Vim配色方案设置（更换Vim配色方案）
(1)安装vim后,执行命令 whereis vim 你会看到返回结果:vim: /usr/bin/vim /usr/share/vim /usr/share/man/man1/vim.1.gz 注意 ...
html css配色方案,链接css不同的配色方案问题
为什么导航链接采用正常链接的风格? 这是一个基本的导航菜单: Home | Autobelettering | Reclame | Prints | Textiel | Ontwerpen | Aan ...
IAR配色方案及配置方法
前言从事嵌入式开发基本都要和 IAR 这款集成IDE打交道,其默认都是浅色主题,且自定义的一些关键字没有高亮的功能,今天给大家分享一个暗色系的配色方案,并且可以高亮自定义的关键字. 修改IAR配色方 ...
PhotoshopPS网页设计中的配色方案
转载自品略图书馆 http://www.pinlue.com/article/2019/12/0203/059825781348.html 人们用自己的眼睛和头脑来感受色彩.这不仅仅是物理层面上的, ...
强大的 Vim 主题配色方案下载安装方法
如何使用vim配色方案? 本文针对windows平台下的gvim,linux平台下如何修改配色方案请求自行搜索. 点击[ 到github下载配色方案]按钮,到 github 页面下载 colors目录 ...

网页配色方案及方法［网上配色文章集合

网页配色方案及方法［网上配色文章集合相关推荐

最新文章

热门文章