網頁色彩的搭配技巧
網頁的色彩是樹立網站形象的關鍵之一,色彩搭配卻是網友們感到頭疼的問題。網頁的背景,文字,圖標,邊框,超鏈接...,應該採用什麼樣的色彩,應該搭配什麼色彩才能最好的表達出預想的內涵呢?小編這裏談一些心得,希望對你有所啓發。
首先我們先來了解一些色彩的基本知識:
1.顏色是因爲光的折射而產生的。
2.紅,黃,藍是三原色,其它的色彩都可以用這三種色彩調和而成。網頁html語言中的色彩表達即是用這三種顏色的數值表示例如:紅色是color (255,0,0)十六進制的表示方法爲(FF0000)白色爲(FFFFFF), 我們經常看到的bgColor=#FFFFFF就是指背景色爲白色。
3.顏色分非彩色和彩色兩類。非彩色是指黑,白,灰系統色。彩色是指除了非彩色以外的所有色彩。
4.任何色彩都有飽和度和透明度的屬性,屬性的變化產生不同的色相,所以至少可以製作幾百萬種色彩。
網頁製作用彩色還是非彩色好呢?
根據專業的研究機構研究表明:彩色的記憶效果是黑白的3.5倍。也就是說,在一般情況下,彩色頁面較完全黑白頁面更加吸引人。
我們通常的做法是:主要內容文字用非彩色(黑色),邊框,背景,圖片用彩色。這樣頁面整體不單調,看主要內容也不會眼花。
●非彩色的搭配
黑白是最基本和最簡單的搭配,白字黑底,黑底白字都非常清晰明瞭。 灰色是萬能色,可以和任何彩色搭配,也可以幫助兩種對立的色彩和諧過渡。如果你實在找不出合適的色彩,那麼用灰色試試,效果絕對不會太差。
●彩色的搭配
色彩千變萬化,彩色的搭配是我們研究的重點。我們依然需要進一步學習一些色彩的知識。
一.色環。我們將色彩按紅->黃->綠->藍->紅依次過度漸變,就可以得到一個色彩環。色環的兩端是暖色和寒色,當中是中型色。
紅.橙.橙黃.黃.黃綠.綠.青綠.藍綠.藍.藍紫.紫.紫紅.紅,暖色系 中性系 寒色系 中性系 二.色彩的心理感覺。不同的顏色會給瀏覽者不同的心理感受
紅色---是一種激奮的色彩。刺激效果,能使人產生衝動,憤怒,熱情,活力的感覺。
綠色---介於冷暖兩中色彩的中間,顯得和睦,寧靜,健康,安全的感覺。 它和金黃,淡白搭配,可以產生優雅,舒適的氣氛。
橙色---也是一種激奮的色彩,具有輕快,歡欣,熱烈,溫馨,時尚的效果。
黃色---具有快樂,希望,智慧和輕快的個性,它的明度最高。
藍色---是最具涼爽,清新,專業的色彩。它和白色混合,能體現柔順,淡雅,浪漫的氣氛(象天空的色彩:)
白色---具有潔白,明快,純真,清潔的感受。
黑色---具有深沉,神祕,寂靜,悲哀,壓抑的感受。
灰色---具有中庸,平凡,溫和,謙讓,中立和高雅的感覺。
每種色彩在飽和度,透明度上略微變化就會產生不同的感覺。以綠色爲例,黃綠色有青春,旺盛的視覺意境,而藍綠色則顯得幽寧,陰深。
●網頁色彩搭配的原理
1.色彩的鮮明性。網頁的色彩要鮮豔,容易引人注目。
2.色彩的獨特性。要有與衆不同的色彩,使得大家對你的印象強烈。(參考設計思考第二篇網站CI的標準色彩一節)
3.色彩的合適性。就是說色彩和你表達的內容氣氛相適合。如用粉色體現女性站點的柔性。
4.色彩的`聯想性。不同色彩會產生不同的聯想,藍色想到天空,黑色想到黑夜,紅色想到喜事等,選擇色彩要和你網頁的內涵相關聯。
●網頁色彩掌握的過程
隨着網頁製作經驗的積累,我們用色有這樣的一個趨勢:
單色->五彩繽紛->標準色->單色。一開始因爲技術和知識缺乏,只能製作出簡單的網頁,色彩單一;在有一定基礎和材料後,希望製作一個漂亮的網頁,將自己收集的最好的圖片,最滿意色彩堆砌在頁面上;但是時間一長,卻發現色彩雜亂,沒有個性和風格;第三次重新定位自己的網站,選擇好切合自己的色彩,推出的站點往往比較成功;當最後設計理念和技術達到頂峯時,則又返樸歸真,用單一色彩甚至非彩色就可以設計出簡潔精美的站點。
○網頁色彩搭配的技巧
文章寫到這裏,有心急的網友要問了:“到底用什麼色彩搭配好看呢?你能不能推薦幾種配色方案?”別急,這裏有一點技巧,可以幫助你迅速成爲調色大師:)
1.用一種色彩。這裏是指先選定一種色彩,然後調整透明度或者飽和度,(說得通俗些就是將 色彩變淡或則加深),產生新的色彩,用於網頁。這樣的頁面看起來色彩統一,有層次感。
2.用兩種色彩。先選定一種色彩,然後選擇它的對比色(在photoshop裏按ctrl+shift+I)。我的主頁用藍色和黃色就是這樣確定的。整個頁面色彩豐富但不花稍。
3.用一個色系。簡單的說就是用一個感覺的色彩,例如淡藍,疲蹋換蛘咄粱疲粱遙晾丁H範ㄉ實姆椒ǜ魅瞬煌沂竊趐hotoshop裏按前景色方框,在跳出的拾色器窗中選擇自定義,然後在色庫中選就可以了:)
4.用黑色和一種彩色。比如大紅的字體配黑色的邊框感覺很跳。 在網頁配色中,忌諱的是:
1.不要將所有顏色都用到,儘量控制在三種色彩以內。
2.背景和前文的對比儘量要大,(絕對不要用花紋繁複的圖案作背景),以便突出主要文字內容。
相關文章
-
網頁設計的色彩搭配技巧
網頁設計的時候,色彩搭配是比較重視的一個環節,需要用心思考和精心搭配,讓網站頁面美觀、精緻、有序。頁面logo用什麼顏色、背景色、導航欄顏色、不同的文字用什麼顏色,都要精心設計。以下是小編搜索整理網頁設計的色彩搭 -
網頁設計色彩搭配技巧
原創(●°u°●) 」渣渣剛接觸水彩請多包涵(/ _ ; )主要材料:畫紙所需工具:鉛筆水彩水筆勾線筆製作步驟:第1步:起稿QAQ第2步:👀第3步:我用的是櫻花0.2的 很好用ε-(´∀`; )第4步:勾線、✨隨便找一個黃筆就勾惹第5步:這個牌 -
網頁美工色彩搭配技巧
導語:對於一名合格的網頁美工而言,熟悉掌握色彩搭配在網頁美工設計中的作用是一個基本的職業素養。衆所周知,色彩是視覺上的感應,但是卻能引起人們心理情緒的變動,因此,在網站美工設計中,色彩搭配對於吸引遊客有着相當重要的 -
網頁設計之色彩搭配的技巧
在網頁設計中色彩搭配是相當重要的一個環節,網頁的視覺效果情況對於遊客的印象分有着很大的影響,下面就是小編介紹網頁設計之色彩搭配的技巧,歡迎大家借鑑!對於網頁設計者來說,色彩的心理作用尤其重要,因爲用網絡是在一 -
網頁設計色彩搭配技巧大綱
網站的色彩搭配對用戶體驗有很重要的影響,其實,色彩搭配是有一定的規則和技巧的,掌握這些規則和技巧才能設計出更加優秀的網站。下面是YJBYS小編整理的網頁設計色彩搭配技巧,希望對你有幫助! 一、網頁文字一個網站如果 -
網頁美工設計色彩搭配技巧
導語:網頁美工很多創意和構思都是通過色彩來最終體現的,不同色彩格調在網頁美工工作中廣泛運用。那麼如何才能發揮好網頁美工對色彩的運用的呢?如何通過色彩建立起用戶對品牌的直觀認知呢?網頁美工在選擇色彩格調時,又需要 -
企業網頁設計色彩搭配技巧
對於網頁設計者來說,色彩的心理作用尤其重要,因爲用網絡是在一種特定的歷史與社會條件的環境下,即高效率、快節奏的現代生活方式的條件,這就需要做網頁時把握人們在這種生活方式用網絡的一種心理需求。作爲網頁設計師來說 -
網頁美工設計中色彩搭配技巧
根據上級工會關於企業文化與職工文化建設調研工作的通知要求,我會從9月份開始,組織辦公室、宣教部門開展了對全縣企業文化與職工文化建設的專題調研,選取國有、外資、非公等不同類型的10家企業發放調查問卷,對企業文化建 -
網頁設計色彩搭配技巧有哪些
網站的色彩搭配對用戶體驗有很重要的影響,其實,色彩搭配是有一定的規則和技巧的,掌握這些規則和技巧才能設計出更加優秀的網站。下面是YJBYS小編整理的網頁設計色彩搭配技巧,希望對你有幫助!一、網頁文字一個網站如果使用 -
網頁設計中色彩搭配的原則和技巧
色彩在網頁設計中起着重要的作用,色彩能夠建立起我們對品牌的直觀感知。下面小編帶着大家一起來了解一下網頁設計中色彩搭配的原則和技巧吧!色彩能夠建立起我們對品牌的直觀感知。在談論網頁設計中色彩搭配原則之前,我們