设计、网站、推广
始于2004年
当前位置:首页 > 网站制作

网站风格颜色搭配

发表日期:2017-4-6 作者来源:派谷网络 浏览次数:0

一、网页颜色原理和象征意义
我们所有网页上颜色,在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种颜色,但是我们看到的网页并不杂乱,相反感觉作者很有创意。
不断的摸索和不断的创新,认真学习别人的先进方法和经验,可以快速的提高我们的制作水平
本文章系本站编辑转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本站联系,我们将在第一时间删除内容!

相关网站设计案例

相关推荐新闻

娴间椒绗熺純鎴犵彲閸掓湹缍旈敍宀勬付鐟曚焦鏁為幇锟�...

娴间椒绗熺純鎴犵彲閸掓湹缍旈弰顖欑妞ゅ湱閮寸紒鐔蜂紣缁嬪绱濋棁鈧憰浣烘偅閸氬牐鈧啳妾绘径姘煙闂堛垻娈戦崶鐘电閿涘奔浜掔涵顔荤箽...

閺冦儲婀¢敍锟�2025-4-9

閽€銉╂敘缂冩垹鐝惃鍕啎鐠伮ゎ洣閻愯婀侀崫锟�...

閽€銉╂敘缂冩垹鐝惃鍕啎鐠侊繝娓剁憰浣烘偅閸氬牐鈧啳妾绘径姘煙闂堛垹娲滅槐鐙呯礉娴犮儱鐤勯悳鏉挎儧瀵洜鏁ら幋鏋偓浣风妇鏉╂稖娴�...

閺冦儲婀¢敍锟�2025-4-9

缂冩垹鐝紒娆庣磼娑撴艾鐢弶銉ょ矆娑斿牅缍旈悽锟�...

缂冩垹鐝€甸€涚艾娴间椒绗熼懓宀冣枅閿涘本妲搁幓鎰磳閸濅胶澧濊ぐ銏h杽閵嗕焦瀚囩仦鏇炵閸︾儤绗柆鎾扁偓浣风妇鏉╂稐绗熼崝鈥愁杻闂€锟�...

閺冦儲婀¢敍锟�2025-4-9

濡剝婢樼純鎴犵彲娑撳骸鐣鹃崚璺哄缂冩垹鐝惃锟�...

濡剝婢樼純鎴犵彲娑撳骸鐣鹃崚璺哄缂冩垹鐝€涙ê婀径姘煙闂堛垻娈戦崠鍝勫焼閿涘奔瀵岀憰浣风秼閻滄澘婀禒銉ょ瑓閸戠姳閲滈弬褰掓桨...

閺冦儲婀¢敍锟�2025-4-9

缂冩垹鐝楦款啎閸滃瞼缍夌粩娆掝啎鐠侊紕娈戦崠锟�...

缂冩垹鐝楦款啎閸滃瞼缍夌粩娆掝啎鐠伮ゆ閻掕泛鐡ㄩ崷銊ょ鐎规艾鍙ч懕鏃撶礉娴e棗婀鍌氬悍閵嗕浇瀵栭崶娣偓浣镐紣娴f粌鍞寸€癸拷...

閺冦儲婀¢敍锟�2025-4-8

网站建设解决方案
缂冩垹鐝紒瀛樺Б鐟欙絽鍠呴弬瑙勵攳 娴间椒绗熼梻銊﹀煕缂冩垹鐝梿鍡欏閸栨牞袙閸愯櫕鏌熷锟� 閽€銉╂敘閸ㄥ缍夌粩娆捫掗崘铏煙濡楋拷 閸忔槒鈧線娅岀悰灞肩瑹缂冩垹鐝楦款啎鐟欙絽鍠呴弬瑙勵攳 閸栧娅岀拠濠冨缂冩垹鐝楦款啎鐟欙絽鍠呴弬瑙勵攳 閹靛婧€閺佹壆鐖滅悰灞肩瑹缂冩垹鐝楦款啎閺傝顢� 婢舵牞閿ら崗顒€寰冪純鎴犵彲瀵ら缚顔曠憴锝呭枀閺傝顢� 闁叉垼鐎虹純鎴犵彲瀵ら缚顔曠憴锝呭枀閺傝顢� 鐞涘奔绗熼崡蹇庣窗缁崵缍夌粩娆忕紦鐠佹崘袙閸愯櫕鏌熷锟� 閸濅胶澧濈€规ḿ缍夌純鎴犵彲瀵ら缚顔曢弬瑙勵攳