你的位置:创意公社- ideaer >> 百科 >> 网站设计 >> 详细内容 在线投稿

网页设计配色精彩十例(1)

排行榜 打印 发给朋友 举报 发布者:lm7625
热度1133票  浏览189次 【共0条评论】【我要评论 时间:2011年2月04日 17:48
创意公社- ideaer.z"x@v(G6A z\

网页设计配色精彩十例 (1)

:D`r }*RL(NJp D1f1

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

GH5Y;Rg,C1  创意公社- ideaer4@ KsoM'X)Jw

Thn'W(nL,pa1  

Rw6L UJ4L8U1J)q1 创意公社- ideaeru ^ t:D`"b.l ?Y&N

  一、网页颜色原理和象征意义创意公社- ideaerB6ivD*hQY-rh

B0[_%G/E(x1  创意公社- ideaer'Z!h W}.Ki{(C9D$T$u

创意公社- ideaerI1aAq9B+q_b

  创意公社- ideaerX M3Q)kCa_

创意公社- ideaerj$o\q8m?YN%A!m5Q _O

  我们所有网页上颜色,在HTML下看到的是以颜色英文单词或者十六进制的表示方法(如#000000表示为黑色)。不同的颜色有着不同的含义,给人各种丰富的感觉和联想。创意公社- ideaer0k*Mk4rl(n)Z9@

创意公社- ideaer.A9g%k;q*ODl

  

Dqqx#OLPj iQ1 创意公社- ideaer(S&n(Z'd9t7x:b2@%|

  

`;t-sS3pG-R*{ b3vw-vC1

)F0F&E.Yi2z*Z1  红色:热情、奔放、喜悦、庄严创意公社- ideaer wc#v-S z/m \9c

}{&so)_.ywM"?\1  

8ZJJsd_;N R2M1 创意公社- ideaer7~ T!t%n!A{

  创意公社- ideaerv T6q^$A+yt:d

创意公社- ideaerk}2X|M6`h-b

  黄色:高贵、富有、灿烂、活泼

8o+bsa0bTw&V{1 创意公社- ideaerL2h%r"E|^

  创意公社- ideaer-b*hKO5W-PO

创意公社- ideaer o'|2q,x3|cq

  创意公社- ideaer]$N1` D%y1g'wGp(`i

S5|6L+II[8P2d1E_3K:T1  黑色:严肃、夜晚、沉着

&Z*B Uyu ??v?3o1 创意公社- ideaer }@n#Z8n'RW1@

  

sP7KVW4B.Mw1

ZTzG!ew5p?m1  创意公社- ideaerW:h5z9n _L,e

创意公社- ideaer6o#J%O C(ZyD

  白色:纯洁、简单、洁净

0vAO `e1 创意公社- ideaer7sVB5L\%y#h

  

1?s S)tqe [1

m]ENk1  

}VlHg:]1

5hI)W E*L#s!~/`1  蓝色:天空、清爽、科技创意公社- ideaer[ O J]'P*f

创意公社- ideaer.v ?h5Fn2F-]

  

@NU4Z4M_w1

8@gj9@3i&J,wl1  

bw$x p7SF1 创意公社- ideaerBc}US i g

  绿色:植物、生命、生机

6EZ(t9eCg1 创意公社- ideaer%cqC([F!Ag

  创意公社- ideaer-mH _WB

2B1yel,\ O!h1  

(i'n%h?O7k{5~a1 创意公社- ideaer:j jl$go-@d L

  灰色:庄重、沉稳

`E0pY}1

]M1?S,iG1  创意公社- ideaerj:`k t c \0y

'k@"mx'pH6O1  

8[ ru/z4AH:B1

!Cy J ~ izk`)V1  紫色:浪漫、富贵创意公社- ideaerF `^q9AI&P!ri

创意公社- ideaer!zd%V3Ag+@!wf]A

  

b.aD!wJ0}9G)~1N1 创意公社- ideaer(L#E SeN@6[

  创意公社- ideaerG!@~^ K4M&k%`i

Zv }hPr&K*`.} R1  棕色:大地、厚朴

f!l2W9KbJ^*t1 创意公社- ideaerd4n&V+]n

  创意公社- ideaertmqc&kB

l4h-}K}p h xI1  创意公社- ideaer2pnwN H6S9n5E0D

创意公社- ideaerlU#^nK%`2z{D'W"Tl

  二、网页颜色的使用风格

7v x6A3X(i1Q2[1

)r(@%zT6s-Rh1  

W c~v-w)Lv6T1

1L |L rq](j1  创意公社- ideaeraZ G+H[R

创意公社- ideaer*un!Y;Z$z^8B

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

m _d pIA1

5d;@;\;{*bhm1  创意公社- ideaeruR{'L RM X B

创意公社- ideaer@L.Y6n/h

  创意公社- ideaeri|\ GB{ Y,C

创意公社- ideaer)cA5Z]VJ$o{E3N]

  1、 公司色创意公社- ideaer/Y.c,T:Mw-[

C%Ojg/Z1  创意公社- ideaer5J|C1n.Q

/y;`b CCcb1  

+cQj H;QL3pci1

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

b&i"P3H5Qj:w(X1

O4?ie/Ue!N1  

BY4{,D3`%W-|:N1

(Td6Nj*t6f xp1  创意公社- ideaer~r/xGc$]+Jw-[

*i"~+_+fN1N;m^:k1  2、 风格色

'^/xA|;^6gL7l2Z1 创意公社- ideaerlZ)B,n5t:m{

  创意公社- ideaer jD:}{9| h2M

x9i.~i9{l1  

#a"hRr:[0E4E1 创意公社- ideaer2x8YN w)PNa#LH*P)c

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

@7Z8`!WO!B1 创意公社- ideaerf4Ix!ea@R:a

  

F k)Q)f P1

E)Ty'P&J/C+O0y"o1  创意公社- ideaerm"U@w)Yf4lG Ktq

-QF1?a v1  3、 习惯色创意公社- ideaer B/O6e"b#C}'? aX

创意公社- ideaerbN.r2S/ey

  创意公社- ideaerjQ Ao"R$OCAU/E

4A b+h)U5p u:F1  创意公社- ideaerf"q-G!I/xUE K}%t

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

5jk c7] Z3uv~ Q1
顶:53 踩:64
对本文中的事件或人物打分:
当前平均分:-0.16 (357次打分)
对本篇资讯内容的质量打分:
当前平均分:-0.33 (326次打分)
【已经有333人表态】
64票
感动
40票
路过
39票
高兴
37票
难过
34票
搞笑
37票
愤怒
38票
无聊
44票
同情
上一篇 下一篇
发表评论
换一张

网友评论仅供网友表达个人看法,并不表明本网同意其观点或证实其描述。

查看全部回复【已有0位网友发表了看法】