[原创]成都网站建设设计公司浅谈对网站颜色的利用
发布时间：2022-09-17 点击：504
浅谈对网页设计颜色的利用
一、网页颜色原理和象征意义
我们所有网页上颜色，在html下看到的是以颜色英文单词或者十六进制的表示方法（如#000000表示为黑色）。不同的颜色有着不同的含义，给人各种丰富的感觉和联想。
红色：热情、奔放、喜悦、庄严
黄色：高贵、富有、灿烂、活泼
黑色：严肃、夜晚、沉着
白色：纯洁、简单、洁净
蓝色：天空、清爽、科技
绿色：植物、生命、生机
灰色：庄重、沉稳
紫色：浪漫、富贵
棕色：大地、厚朴 二、网页颜色的使用风格
不同的网站有着自己不同的风格，也有着自己不同的颜色。网站使用颜色大概分为几种类型：
1、 公司色
在现在企业中，公司的ci形象显得尤其重要，每一个公司的ci设计必然要有标准的颜色。比如新浪网的主色调是一种介于浅黄和深黄之间的颜色，同时形象宣传、海报、广告使用的颜色都和网站的颜色一致。
2、 风格色
许多网站使用颜色秉承的是公司的风格。比如海尔使用的颜色是一种中性的绿色，即充满朝气有不失自己的创新精神。女性网站使用粉红色的较多，大公司使用蓝色的较多……这些都是在突出自己的风格。
3、 习惯色
这些网站的颜色使用很大一部分是凭自己的个人爱好，以个人网站较多使用，比如自己喜欢红色、紫色、黑色等，在做网站的时候就倾向于这种颜色。每一个人都有自己喜欢的颜色，因此这种类型称为习惯色。
三、设计用色十例
以下将分别介绍十个配色较好的网站，大家可以学习和借鉴一下，培养对色彩的敏感以及独到的审美能力。
(1）大型的nba网站。通常我们经常看到的此类网站以白色为背景，但是这个网站却用灰黑色rgb为（48，48，48/#333333）（以下颜色都用rgb表示），文章标题用色为rgb为（203，201，153/#cccc99），菜单使用的rgb为（112，119，112/#707770）。这样的配色可以显示独特的个性，又不失大型网站的风采。
(2）娱乐类的综合性网站ugo，他的配色方案是背景色为黑色rgb为（0，0，0）中嵌套rgb（0，0，82），字体白色rgb（255,255,255）,菜单为rgb（77,114,159）。这样的虽以黑蓝为主色调，但是配以漂亮的图片，给人的感觉是生机盎然，充满了互动色彩和青春气息。
(3）微软公司网站，微软不仅软件做的好，连网页制作也是世界一流。他的每一个网页都是制作的样板。从网页我们就可以看出微软公司的风格、作风，以及雄厚的实力。背景颜色使用蓝色rgb为（0，151，254），菜单为黑色rgb（0，0，11），菜单为灰色rgb（200，200，200），字体为黑色rgb（0，0，0）。
(4)相对简单网站，但是她的用色也别具匠心，现在我们来看一看，整体上使用的是白色rgb（255，255，255），辅助色为rgb（79，88，95），菜单色为rgb（48，64，64）和rgb（0，81，111）字体使用的是rgb（83，86，91）。虽然简单，但颜色搭配非常的科学合理。
(5）黄色调为主网站，很体现公司的个性，现在我们就来看一看她的颜色搭配。主色调为黄色rgb为（255，199，48/#ffc730），辅助色调为rgb（49，102，46）字体为棕色rgb（153，103，0），中间再配以抽象的图片，显得个性十足但又不单调。
(6）橘红色网页。下面的这个网站就是一个非常著名的例子。他的主色调为rgb（255，151，0）辅助色调为rgb（255，103，4），菜单rgb为（252，200，0）。字体使用黑色rgb为（0，0，0）。此种配色显得主人较为前卫，色彩热烈，给人的震慑力较强。
(7）鲜红色也是一种震撼感很强的颜色，如果搭配不当，也可能使网站没有风格和特点。下面的这个网站就是使用红色比较好的网站。我们来看看他的颜色搭配。他使用的主色调是rgb（200，9，0），配以抽象的图形，文字使用的是rgb（213，229，167）显得美观而不失独特，大气而不逼人。
(8）不经常用到的颜色色调，如果使用到你的网页中，肯定会给人耳目一新的感觉。他的主色调为rgb（144，151，97）辅助色调为rgb（173，168，112）边饰为黑色rgb（0，0，0）字体为黑色rgb（0，0，0）。这样的搭配显得风格独特，颜色和谐而庄重。
(9）设计更加的简单化，但是颜色的使用使网页并不呆板，反而让人感觉到一股浓浓的生活和家庭气氛，使人置身于美丽和爱中。他的主体是由两种颜色构成，分别是rgb（239，200，161）和rgb（201，254，200）。如此简单，但是却栩栩如生，跃然网上。
(10）下面举出这个例子是想证明一个道理——只要你有足够的想象力，你就能够设计出漂亮的网页。目前在网上非常流行一句话就是网页的搭配不要超过四种主要颜色，否则就有杂乱之感。下面的这个网站远远的超过了三种颜色，但是她并不失美丽。因此重要的还是色彩的驾驭能力。下面这个例子的菜单就使用了7种颜色，但是我们看到的网页并不杂乱，相反感觉作者很有创意。
不断的摸索和不断的创新，认真学习别人的先进方法和经验，可以快速的提高我们的制作水平。
高端网站建设会根据您的需求来定位网站的价格
掌握这些小诀窍 菜鸟也能当网页设计师
企业如何选择高端实用的网站建设公司？
成都网站建设公司对新企业建设网站提出的一些策略
新手创建自己网页全过程
浅谈通用页面的创建步骤
企业型网站的网络营销浅析之谈
如何制作网站 掌握这些步骤so easy
一、网页颜色原理和象征意义
我们所有网页上颜色，在html下看到的是以颜色英文单词或者十六进制的表示方法（如#000000表示为黑色）。不同的颜色有着不同的含义，给人各种丰富的感觉和联想。
红色：热情、奔放、喜悦、庄严
黄色：高贵、富有、灿烂、活泼
黑色：严肃、夜晚、沉着
白色：纯洁、简单、洁净
蓝色：天空、清爽、科技
绿色：植物、生命、生机
灰色：庄重、沉稳
紫色：浪漫、富贵
棕色：大地、厚朴 二、网页颜色的使用风格
不同的网站有着自己不同的风格，也有着自己不同的颜色。网站使用颜色大概分为几种类型：
1、 公司色
在现在企业中，公司的ci形象显得尤其重要，每一个公司的ci设计必然要有标准的颜色。比如新浪网的主色调是一种介于浅黄和深黄之间的颜色，同时形象宣传、海报、广告使用的颜色都和网站的颜色一致。
2、 风格色
许多网站使用颜色秉承的是公司的风格。比如海尔使用的颜色是一种中性的绿色，即充满朝气有不失自己的创新精神。女性网站使用粉红色的较多，大公司使用蓝色的较多……这些都是在突出自己的风格。
3、 习惯色
这些网站的颜色使用很大一部分是凭自己的个人爱好，以个人网站较多使用，比如自己喜欢红色、紫色、黑色等，在做网站的时候就倾向于这种颜色。每一个人都有自己喜欢的颜色，因此这种类型称为习惯色。
三、设计用色十例
以下将分别介绍十个配色较好的网站，大家可以学习和借鉴一下，培养对色彩的敏感以及独到的审美能力。
(1）大型的nba网站。通常我们经常看到的此类网站以白色为背景，但是这个网站却用灰黑色rgb为（48，48，48/#333333）（以下颜色都用rgb表示），文章标题用色为rgb为（203，201，153/#cccc99），菜单使用的rgb为（112，119，112/#707770）。这样的配色可以显示独特的个性，又不失大型网站的风采。
(2）娱乐类的综合性网站ugo，他的配色方案是背景色为黑色rgb为（0，0，0）中嵌套rgb（0，0，82），字体白色rgb（255,255,255）,菜单为rgb（77,114,159）。这样的虽以黑蓝为主色调，但是配以漂亮的图片，给人的感觉是生机盎然，充满了互动色彩和青春气息。
(3）微软公司网站，微软不仅软件做的好，连网页制作也是世界一流。他的每一个网页都是制作的样板。从网页我们就可以看出微软公司的风格、作风，以及雄厚的实力。背景颜色使用蓝色rgb为（0，151，254），菜单为黑色rgb（0，0，11），菜单为灰色rgb（200，200，200），字体为黑色rgb（0，0，0）。
(4)相对简单网站，但是她的用色也别具匠心，现在我们来看一看，整体上使用的是白色rgb（255，255，255），辅助色为rgb（79，88，95），菜单色为rgb（48，64，64）和rgb（0，81，111）字体使用的是rgb（83，86，91）。虽然简单，但颜色搭配非常的科学合理。
(5）黄色调为主网站，很体现公司的个性，现在我们就来看一看她的颜色搭配。主色调为黄色rgb为（255，199，48/#ffc730），辅助色调为rgb（49，102，46）字体为棕色rgb（153，103，0），中间再配以抽象的图片，显得个性十足但又不单调。
(6）橘红色网页。下面的这个网站就是一个非常著名的例子。他的主色调为rgb（255，151，0）辅助色调为rgb（255，103，4），菜单rgb为（252，200，0）。字体使用黑色rgb为（0，0，0）。此种配色显得主人较为前卫，色彩热烈，给人的震慑力较强。
(7）鲜红色也是一种震撼感很强的颜色，如果搭配不当，也可能使网站没有风格和特点。下面的这个网站就是使用红色比较好的网站。我们来看看他的颜色搭配。他使用的主色调是rgb（200，9，0），配以抽象的图形，文字使用的是rgb（213，229，167）显得美观而不失独特，大气而不逼人。
(8）不经常用到的颜色色调，如果使用到你的网页中，肯定会给人耳目一新的感觉。他的主色调为rgb（144，151，97）辅助色调为rgb（173，168，112）边饰为黑色rgb（0，0，0）字体为黑色rgb（0，0，0）。这样的搭配显得风格独特，颜色和谐而庄重。
(9）设计更加的简单化，但是颜色的使用使网页并不呆板，反而让人感觉到一股浓浓的生活和家庭气氛，使人置身于美丽和爱中。他的主体是由两种颜色构成，分别是rgb（239，200，161）和rgb（201，254，200）。如此简单，但是却栩栩如生，跃然网上。
(10）下面举出这个例子是想证明一个道理——只要你有足够的想象力，你就能够设计出漂亮的网页。目前在网上非常流行一句话就是网页的搭配不要超过四种主要颜色，否则就有杂乱之感。下面的这个网站远远的超过了三种颜色，但是她并不失美丽。因此重要的还是色彩的驾驭能力。下面这个例子的菜单就使用了7种颜色，但是我们看到的网页并不杂乱，相反感觉作者很有创意。
不断的摸索和不断的创新，认真学习别人的先进方法和经验，可以快速的提高我们的制作水平。
高端网站建设会根据您的需求来定位网站的价格
掌握这些小诀窍 菜鸟也能当网页设计师
企业如何选择高端实用的网站建设公司？
成都网站建设公司对新企业建设网站提出的一些策略
新手创建自己网页全过程
浅谈通用页面的创建步骤
企业型网站的网络营销浅析之谈
如何制作网站 掌握这些步骤so easy