歡迎訪(fǎng)問(wèn)世紀網(wǎng)絡(luò )官網(wǎng),寶雞網(wǎng)站建設SEO優(yōu)化已累計服務(wù)超過(guò)900家企業(yè)!     咨詢(xún)熱線(xiàn):13619273150

15年網(wǎng)站建設優(yōu)化經(jīng)驗,900家客戶(hù)的選擇,值得信賴(lài)!


世紀網(wǎng)絡(luò )教你網(wǎng)站配色應注意的色彩層次

作者:佚名      發(fā)布時(shí)間:2012-01-18      瀏覽:1694

62.9K


很多網(wǎng)友常說(shuō)自己的網(wǎng)站為什么色彩上總是有問(wèn)題,總是看起來(lái)沒(méi)什么精神,沒(méi)辦法吸引人注意。觀(guān)察了一些網(wǎng)友們設計的網(wǎng)站發(fā)現他們在用色上不夠大膽,同時(shí)也缺乏對色彩層次的理解。以下內容就是由寶雞世紀網(wǎng)絡(luò )為您收集整理的相關(guān)內容。

色彩的層次是指當我把作品去色之后,作品中有沒(méi)有表現出從黑到灰到白的存在比例。如果一個(gè)作品的黑色比較多那么整體的效果就會(huì )顯得很沉重,而如果白色很多的話(huà)那么整體效果就會(huì )顯得很蒼白,如果灰色很多,白色與黑色都很少,那么整個(gè)版面就顯得很臟了!

很多人在制作網(wǎng)站時(shí)也會(huì )找到自己的主色與輔色,但是卻沒(méi)有把輔色用好。所表現的作品色彩上就顯得那么的單調沒(méi)有生氣,那是因為沒(méi)有注意主色與輔色之間色彩層次關(guān)系。豐富的色彩層次還可以幫助作品色彩艷麗。很多人想表現艷麗的色彩時(shí)總是在拾色器中找到個(gè)高飽和度,高亮度的色彩,可是做出來(lái)卻發(fā)現并非是自己想得那樣艷麗。

《色彩解答》之二 色彩比例

這次我們將深入進(jìn)去了解一下眾多色彩在一起之后所存在的“比例”關(guān)系。

我們在使用色彩的時(shí)候不可能把所有的色彩都做得一樣大小,當然如果你是在排色譜,那是例外。我們在設計網(wǎng)頁(yè)或是平面作品時(shí)我們大多會(huì )想好用什么色彩為主色,并找到相關(guān)的色彩為輔色。但是往往到實(shí)際工作的時(shí)候就主輔不分了,也不清楚什么是主什么是輔。結出做出來(lái)的東西,色彩雜亂,沒(méi)有主次!

學(xué)習設計的人都想做出好東西,但是往往卻事與愿違,從手下出來(lái)的作品總是不能達到自己的要求。其中對色彩比例的取舍上總是猶豫不決,結果往往是做出錯誤的判斷。到底我們要怎么做才能做出漂亮的色彩呢。從比例的安排上可以幫助我們得到部分答案!

亞光色、無(wú)彩色的比例要戰占得多一點(diǎn)。高亮色是不適合大面積出現的而高亮色最好是以很少的比例出現。

《色彩解答》之三 色彩對比

我們知道在設計中有很多對比,大小的對比,形狀的對比,長(cháng)短的對比,多少的對比,這些對比都比較容易理解,因為大小、長(cháng)短、多少是很容易看得出來(lái)的,也是可以量化的,我們可以彩用黃金分割比的方式來(lái)限定我們設計中的這些長(cháng)短多少比例。但是色彩沒(méi)辦法用黃金分割比來(lái)進(jìn)行限定,所以色彩之間的對比就變得仁者見(jiàn)仁知者見(jiàn)智了。我時(shí)常聽(tīng)一些美院的朋友跟我說(shuō)這樣一句話(huà):“素描靠功夫,色彩靠天賦”這句話(huà)雖說(shuō)出來(lái)讓人覺(jué)得不那么舒服,不過(guò)也能反應出一些問(wèn)題,那就是說(shuō)色彩是靠感悟出來(lái)的,光是練習是沒(méi)用的。

色彩太多了如果一一匹配分析也不現實(shí),如果色彩只有256種那么也就沒(méi)有色彩的煩惱了。不過(guò)我們可以從另一個(gè)角度來(lái)分析,我們從色調、明暗、飽和度三個(gè)方面來(lái)進(jìn)行對比,這樣色彩的對比就會(huì )顯得比較的容易理解了。首先來(lái)解釋這三個(gè)關(guān)鍵詞:色調,指每種色彩獨特的性質(zhì)。比如紅、黃藍,也就是一種色彩的基調。比如“酒紅色”就是紅色調的怎么也能把他劃到綠色與藍色上。明暗這個(gè)很清楚,就是指色彩的深淺之分。換句話(huà)說(shuō),就是晚上與白天看同樣一個(gè)色彩,其色彩的明暗是不一樣的,因為他所反應的光線(xiàn)的強度也是不一樣的?;蛘哌@樣解釋?zhuān)谝环N色彩中加入不同劑量的黑色那么這個(gè)色彩的明暗就會(huì )產(chǎn)生不同的變化。飽和度,就是指色彩的“純度”或是亮度。這個(gè)飽和度很有意思,他的特性有時(shí)會(huì )與色調與明暗之間變得很模糊不太容易分辨。

解釋了三個(gè)關(guān)鍵詞,下面要講的是什么樣的對比是可性的。我們都明白配色時(shí)需要有對比不然就不好看。但是很多時(shí)間大家都不明白怎么樣對比才是可行的。其實(shí)我們只要注意避開(kāi)“灰”“邪”的配色就可以了。什么叫“灰”呢,就是對比性太差,沒(méi)有精神,顯得灰、臟。那什么叫“邪”呢,就是指對比極度的不和諧,有點(diǎn)針眼,讓人很不舒服。

如何避開(kāi)呢,這里有一個(gè)小竅門(mén),只要尋求色彩、明暗、飽和度三者之間有一個(gè)是統一的。這樣的色彩對比通常不會(huì )出現什么問(wèn)題。

這段時(shí)間我一直在說(shuō)設計需要有層次感,這種層次感可能有很多類(lèi)型,比如色彩的層次感,或是元素的層次感。當一個(gè)設計缺乏層次感的時(shí)候頁(yè)面所表現出來(lái)的無(wú)非是兩種可能,一種是單調,一種是花哨。在設計中我們常常陷于對于某一種色彩或是某一種效果的偏愛(ài),而這種情況會(huì )使我們的設計缺乏長(cháng)久的生命力。并且我們自己在審美上會(huì )局限于對這種偏愛(ài)的執著(zhù)從而影響我們的進(jìn)步。而這種偏執也常會(huì )導致我們的設計缺乏層次感。

那么層次感通常表現在什么地方呢?在以前寫(xiě)的《色彩解答》系列中第一篇就講過(guò)關(guān)于色彩的層次,在那篇文中有講到用“黑、白、灰”去分析色彩的層次。我們在設計的時(shí)候可能會(huì )使用一種色彩把整個(gè)網(wǎng)站做出來(lái),結果發(fā)現這單一的色彩做出來(lái)的效果讓我們的網(wǎng)站變得很單調,很土氣。有時(shí)就算是多用了色彩也一樣的土氣,網(wǎng)站使用的色彩并沒(méi)有層次感,也沒(méi)有對比。都處在相似的灰度上,所以網(wǎng)站看起來(lái)就灰頭土臉的。當然我們還可以使用高對比純色塊來(lái)做設計,(韓國的網(wǎng)站有很多都是這種手法)這種手法有討巧的地方,因為相對來(lái)說(shuō)比較簡(jiǎn)單,但是同樣也比較容易被抄襲。但這樣的設計缺乏生命力,作為一種風(fēng)潮,也有點(diǎn)像是快餐,誰(shuí)都能復制得了。不需要任何的文化作為基墊。當然并不是說(shuō)這種手法就真的一無(wú)是處,這種只能作為一種手法來(lái)應用,不能當作是萬(wàn)用靈藥到處使。

光用文字來(lái)說(shuō)必然是感覺(jué)不到的。那么我們來(lái)看看這張圖:

我們看到IBM的設計色彩并不多,但是層次感就卻是有了。他這里有黑色、淡藍色、白色、其中黑色與淡藍色之間的對比較為吸引眼球。并且我們發(fā)現黑色是純黑、而淺藍色卻是屬于高亮的那種。這種強對比對人的視覺(jué)是有一定吸引力的。并且黑白灰三者都有了。加上三者之間的比例并非均等的。而我們在設計的時(shí)候通常會(huì )使用一些灰度相近的色彩放在一起,并且飽和度也不高,所以最后出來(lái)的作品只能是灰頭土臉。這樣的網(wǎng)站我就不找例子了,找誰(shuí)的來(lái)說(shuō)誰(shuí)也不開(kāi)心。當然也包括我自己。呵呵,大家可以去我的作品集去找找,一定有那種灰頭土臉的東西。

另外我們還可以看到IBM這次新的設計比原來(lái)的設計更有立體感,這就是我上面所說(shuō)的元素層次。這種層次感拉開(kāi)了瀏覽者的視覺(jué)深度,使得我們的網(wǎng)頁(yè)不再平面。雖然也不是3D的效果,但是我相信2D的效果必然會(huì )成為網(wǎng)頁(yè)設計的一個(gè)新的趨勢。通過(guò)2D模擬出視覺(jué)立體感,會(huì )使得網(wǎng)頁(yè)設計更有張力,內容也更為豐富。

而在純色塊的布局之中色彩鮮艷的圖片更加顯得醒目。這又是一種視覺(jué)層次,也可以說(shuō)是復雜與簡(jiǎn)單的對比!設計沒(méi)有什么一定的規律,這里包含的因素有很多。設計得好與不好,重要的是在于設計師對于這個(gè)世界的理解有多寬廣。所以設計師不能只光顧著(zhù)加強自己的制作技巧,更要不斷的積累自己的文化知識。不斷的增加自己的厚度,那樣才能設計出更多精彩的作品。我愿于大家一起努力!

寶雞世紀網(wǎng)絡(luò )



0