橙色、黄色系网页配色方案

橙色、黄色系网页配色方案（精选3篇）

篇1：橙色、黄色系网页配色方案

使用高亮度橙色的网站会带给人晴朗新鲜的感觉，若与黄色、黄绿色等类似颜色搭配，也能得到非常好的效果，今天我们就来讲讲橙色、黄色系网页配色方案，中等色调的橙色类似于泥土的颜色，所以也常用来创造自然氛围。橙色可以通过变换色调营造出不同氛围的典型颜色，既能表现出青春活力，也能展现沉稳老练的效果，所以在网页配色中使用相当广泛。橙色通常给人朝气蓬勃的感觉，可以使原本抑郁的心情变得开朗。在东方文化中，橙色象征着爱情和幸福，充满活力的橙色会给人健康的感觉，据说还有提高食欲的效果。

黄色是在网站配色中使用最为广泛的颜色之一，因为黄色本身拥有明朗愉快的特征，所以能得到大部分人的认可。黄色在儿童网站或入口网站中，都可以找到发挥的空问。如果与紫色、蓝色等颜色调和，可以得到温暖、积极的效果。

黄色是明亮并且带点甜蜜感觉的颜色，在很多艺术家的作品中，黄色都用来表示喜爱和富饶的景色。此外，黄色还有强调突出的作用，例如路口指示灯。基于上述诸多特点，黄色在日常生活中随处可见，

一、中色调

中色调的刺激感仅次于纯色调，中色调中加入了白色并提高明亮度，因此显得清新明朗、朝气蓬勃。

常用的中色调配色方案列举如下。

二、尊贵与素雅

橙色、大红、红褐色可以展现出尊贵的感觉，使用上需要留意，不要使用过高的彩度。配色方案及网页版面配置举例如下。

素净的色彩多掺有不同等级的灰色系色彩，颜色使用浊色调较多，配色方案及网页版面配置举例如下。

篇2：橙色、黄色系网页配色方案

绿色是大自然的颜色，也代表自然界中每个可贵的生命。大自然中充满新鲜的空气，而绿色也能使人们的心情变得格外明朗，当需要舒缓心中的抑郁，想找回安详与宁静的感受时，亲近大自然是最好的方法。

青绿色给人带来凉爽清新的感觉，也可以冷静兴奋的心情，或者活跃原本沉静的心情。青绿色与黄色、橙色等颜色搭配，可以营造出亲切、可爱的气氛;若与蓝色、白色等颜色搭配，可以得到清新爽朗的效果。

青绿色可以说是草绿色的健康感和蓝色的清新感觉的结合体，但在自然界中并不多见，会给人较强的人工感，

色彩和心理学家分析说，青绿色可以带给心情低迷的人特殊的信心与活力。

一、明灰色调

明灰色调在全色相色系中加入了大量的浅灰色彩，使色相全部带有灰浊味。由于过多地调入灰白色，色相的明亮度提高，这是此色调的特征。明灰色调给人平静的感觉，蕴涵着高雅与恬静。在色相环中确定色相对比的角度、距离时，可以先考虑多用一些高明亮度的色相，例如黄、橘、橘黄、黄绿等，再于各色相中调入不同数量的白色或浅灰色。

常用的明灰色调配色方案列举如下。

二、轻快

篇3：网页界面设计中的配色方案研究

1 引言

1.1 网页界面配色的重要性

网页界面是指人与计算机之间以网络为平台的信息界面, 它是一种由非物质化数字形态与人进行交互的。网页界面的设计是实用的视觉艺术, 具有功能及艺术的双重性。色彩在网页设计中是一个重要的表现要素, 在无以数计的网页中, 要使你的网页明显区别于其他网站的页面, 更具有吸引浏览者的魅力, 就离不开色彩的设计与运用。成功的网页界面配色方案, 能够将页面上的文字、图片以及排版恰到好处地融合在一起, 从而使网页界面的作用得到最大的发挥。

1.2 网页界面配色的一般原理

1.2.1 色彩三属性

电脑屏幕显示的色彩均是RGB三种色光组成, 网页色彩是通过电脑显示器屏幕出现的, 因此, 网页色彩的三原色即红、绿、蓝三色。色相、明度和纯度叫做色彩的三属性, 色彩由这三个要素的差异来区分。

色相即色彩的相貌, 是色彩最基本的特征, 也是色与色彼此相互区分最明显的特征。可见光谱不同波长的辐射在视觉上就表现为不同的色相, 即一个特定的波长的色光给人的特定色彩感受。

明度是指色彩的亮暗程度。明度按一定的间隔划分, 就构成明暗尺度。有彩色的明暗, 以无彩色灰调的相应明度来表示其相应的明度值。

彩度表示色的纯度, 在网页中彩度主要是指色彩对人的视觉刺激程度。彩度越高, 色越纯, 容易给人艳丽鲜亮的感觉, 彩度越低, 色彩越弱。如果纯度足够低就变成了没有颜色的无彩色。

1.2.2 网页色彩搭配方法

当根据方案选定一种主打色相后, 调整其明度和纯度, 将颜色加深或减弱, 则可以产生新的色彩。这种色彩的搭配可使页面颜色同一, 增加页面层次感。

色相环中相邻的颜色称为邻近色。如红色和黄色, 绿色和蓝色等。使用相邻色进行配色, 能使页面产生和谐统一的效果。

在色相环中, 对立面的两个颜色, 如红色和绿色, 黄色和紫色等, 称为互补色。在网页配色时, 使用互补色进行配色, 将会刺激人的色彩神经, 给人以鲜明的印象, 产生强烈的视觉效果。在进行页面配色的使用, 选用一种主色调进行调色, 添加其对比色进行点缀, 能起到画龙点睛的功效。

2 配色方案研究

2.1 可爱明朗型

明亮的粉色系往往给人活泼可爱的感觉。粉色系的暖色调的运用可为网页营造出稳性、和谐和热情的氛围。这一类的网页通常运用在儿童教育网以及一些母婴网站。也可用于儿童服装、休闲服饰以及饮料等宣传网站上。

主色调:RGB (247.129.191)

或RGB (254.204.46)

配色实例 (见图1) 。

2.2 积极律动型

红色让人感觉温暖, 性格刚烈而外向, 是一种对人刺激性很强的颜色。红色容易引起人的注意, 也容易使人兴奋、激动、紧张、冲动。红色在各种媒体中被广泛的运用, 除了具有较佳的明视效果外, 更被用来传达具有活力、积极、热诚、温暖以及前进等含义的企业形象与精神。这一类的配色方案若与白色连用, 将产生轻松愉悦, 休闲的氛围, 具有现代感, 若与黑色连用, 则体现跳跃、律动的感觉。该配色方案多用于体育网站, 也可运用在与运动相关的画册和宣传单上。

主色调:RGB (236.0.0) 或

RGB (208.22.9)

配色实例 (见图2) 。

2.3 优雅浪漫型

紫色象征着女性化, 代表着高贵和奢华、优雅与魅力, 也象征着神秘与庄重、神圣和浪漫。以浅紫色和紫红色为中心的配色方案, 容易营造出优雅浪漫以及细腻高贵的女性化氛围。该配色方案主要应用于女性化妆品或淑女服饰的网页宣传, 也可应用于女性化生活网及充满女性主义的家居网站的界面。

主色调:RGB (246.225.235)

或RGB (219.149.173)

配色实例 (见图3) 。

2.4 知性智慧型

蓝色给人以沉稳的感觉, 且具有深远、永恒、沉静、博大、理智、诚实和寒冷的意象。大多数的大学校园网首页均以蓝色作为其基本色。同时, 蓝色还能够营造出和平淡雅洁净及可靠等氛围。在商业设计中强调科技、商务的企业形象时, 大多选用蓝色当标准色。蓝色是冷色系中最典型的代表, 是网站设计中运用得最多的颜色。蓝色会使人自然联想起大海和天空, 所以会使人产生一种爽朗开阔和清凉的感觉。

蓝色系的色彩若配以红色色调的文字, 能产生突出显示的效果。而灰色系的色彩给人稳重柔和的效果, 可以营造简练、洒脱、充满智慧感的气氛。该页面配色可用于办公用品、高档西服等的宣传页面上。

主色调:RGB (27.142.206)

或RGB (131.142.158)

配色实例 (见图4) 。

2.5 端正庄重型

深色容易给人端正庄重的印象。深色同黑色的搭配容易给人绅士的, 男性化的, 诚实的, 真挚的, 坚实的感觉。而以黑色作为主色调, 将给人敏锐、先进、稳重、高科技的印象。这一类的配色方案可应用于军事网站, 高科技产品或者高贵正式的服装宣传网页, 给人强烈敏锐的感觉。

主色调:RGB (0.0.0)

或RGB (19.29.77)

配色实例 (见图5) 。

3 结语

本文从艺术设计的角度出发, 把互联网上的主流网页根据情感表达含义的不同大致分为五种类型:可爱明朗型, 积极律动型, 优雅浪漫型, 知性智慧型和端正庄重型, 并为每一个配色方案都提供了两种主色调及三种不同的配色方案, 供网页设计人员参考。当然, 真正成熟可用的配色方案, 应该与网页所展示的内容紧密联系, 既要考虑尽量宣传产品的性质, 又要满足浏览者的审美需求, 引起读者的情感共鸣。即使已经确定了网页的配色方案, 还要考虑色彩的位置、配色的比例等。完整有效的网页配色方案的研究, 将是一个长期积累而又迫不及待的课题。

参考文献

[1]卢荣青.网页色彩设计的情感因素[J].韶关学院学报, 2006 (7) :129～130.

[2]网页色调分类理论研究[D].浙江:浙江大学, 2007 (5) .

[3]刘虹.解析平面设计中的色彩语言[J].装饰, 2003 (4) :93.

[4]叶蓓.网页色彩搭配的设计艺术[J].计算机与网络, 2004 (10) :43.

[5]李在万.设计师谈配色艺术[M].北京:电子工业出版社, 2007 (5) .

[6]苏梅.网页设计与色彩心理学[J].电子商务, 2004 (3) :128～129.