管窺網頁設計中的色彩理論_第1頁
管窺網頁設計中的色彩理論_第2頁
管窺網頁設計中的色彩理論_第3頁
管窺網頁設計中的色彩理論_第4頁
管窺網頁設計中的色彩理論_第5頁
已閱讀5頁,還剩15頁未讀 繼續免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領

文檔簡介

1、無可爭議地,任何設計中最重要的一個方面就是色彩。設計者對風格的定位,和它所產生的影響、所表達的感情、意圖一道,很大程度上都基于他們對顏色的選擇。顏色是所有設計者在制作網頁時都應該了解的有力而重要的工具。  有關顏色的術語你們很多人也許曾在學校里學到過一些色彩的基礎知識,不過讓我們來迅速回顧一些術語以便于更好地掌握色彩和使用它們。色環  色彩按照慣例被顯示在色環中,從中我們可以將所有顏色分為三類:基色,次生色和三次色。三種基色是紅、藍、黃。通過混合這些顏色可以產生色環上所有其它顏色。將基色混合,就得到次生色,即橙色、綠色和紫色。三次色是指像黃綠色或藍綠色這

2、樣的間色。它們是經過混合基色和次生色而來的。 顏色的關系用于形容色彩的術語極為豐富,這將有助于我們接下來對顏色和它們的感情含義的探討。互補色是指在色環上相互正對的完全互補的顏色。比如藍色和橙色,紫色和黃色以及紅色和綠色。相似色是色環上相鄰近的顏色,所以當它們被一起使用時可以和諧交融卻幾乎不能提供對比反差。 基于感情的色系顏色根據感情被劃分為三種:暖色、冷色和中性色。暖色喚起溫暖,如紅色,黃色,橙色等。冷色使人們想起清涼或寒冷,如藍色,綠色和紫色。中性色,正如術語所界定的,并不會使人大量產生一種情緒。灰色和棕色均屬于中性色。知曉以上術語可以成為設計者的一項優勢不置一言地在網頁

3、設計中產生含義和引導特定情緒。 顏色設計的種類 根據你的設計,有兩種不同的顏色系統以供使用。RGB是紅綠藍的簡稱,是由光產生的三基色。RGB被用于電視機、電腦顯示器以及任何一種屏幕。CMYK,青色、洋紅、黃色和黑色的簡稱,由顏料產生,被用于印刷。網絡設計應使用RGB系統。 選擇用更明智的色彩表達含義  色彩理論是善用顏色的隱含意義帶來感官體驗的實踐。這可以為網絡設計提供一些知識和思考。人們通常不同意特定顏色的含義以及設計者應使用什么顏色來表達特定的情感。然而,不容爭辯的是消費者的情緒確實對色彩有所反應。當你為設計選擇顏色時,應該深思熟慮,不要漫

4、無目的地使用顏色。相反地,應使用適合您的目標受眾的顏色,表達客戶要你轉達的信息以及你想要用戶在你的網站體驗到的整體感覺。暖色可以帶來明媚的情緒,是網頁設計中需要使人想起幸福和快樂時的明智選擇。例如在2009年全球經濟蕭條的情況下,黃色成為網頁設計的流行色,公司希望消費者在瀏覽他們的網站時感到陽光和舒適。冷色最好用在專業性強和輪廓鮮明的網站,以塑造一個冷靜的企業形象。冷色可以挑起權威、建立和信任。例如,藍色圖案被使用于許多銀行網站,如大通。在一個關于樂觀主題的網站上使用冷色是不明智的,因為用戶將得到錯誤的印象。  顏色對用戶意味著什么大多數顏色可以被賦予積極的或消極的意義,取

5、決于如何使用,周圍的其它顏色,以及該網站本身的內涵。以下是一些受歡迎的顏色的一般含義。紅色 紅色代表火和力量,與激情和重要性相聯系。它也有助于刺激能量和興奮。紅色的消極內涵是憤怒,緊急情況和憤怒,這源于紅色熱情和積極的性質。橙色 橙色是色環上相鄰的紅和黃兩種顏色的結合。橙色象征著幸福,歡樂和陽光。這是一個快樂的色彩,喚起孩子般的繁榮。橙色不如紅色那樣積極,但也帶有一些相同的性質,促進精神活動。它還象征著無知和欺騙。黃色 明亮的黃色是一種代表積極的快樂的顏色。黃色的特點:歡樂,智慧,明朗,能量,樂觀和幸福。骯臟的黃色帶來負面的感覺:警告,批評,懶惰和嫉妒。綠色

6、60;綠色象征自然,具有愈合的特性。它可用于象征發展與和諧。綠色使人們感到安全。醫院經常使用綠色。另一方面,綠色象征著金錢,顯示貪婪或嫉妒。它也可以用來象征缺乏經驗,或是需要成長的初學者(“耳朵后面綠”)。藍色 藍色是一種和平,平靜的顏色,散發著穩定和專業。因此這是一種公司網站中經常使用的顏色。藍色還可以象征信任和可靠性。一個酷的圖形可以詮釋出藍色的消極面,象征著蕭條,冷漠和被動。紫色 紫色是一種顯示財富和奢侈的象征王權和詭辯的顏色。它也給人一種靈動的感覺,鼓勵創造性。明亮的紫色可以散發出一種有魔力的感覺。這對于促進創造性和女性特質也有好處。暗紫色使人聯想起憂郁和悲傷。黑色

7、 盡管黑色并不屬于色環的一部分,它仍可以用來暗示情緒和意義。它常與權力,優雅,精致和深度相聯系。據說以黑色的穿著去面試可以展示被面試人是一個強大的個人,網站也是如此。黑色也可以被看作是消極的,因為這種顏色與死亡,神秘和未知相聯系。這是悲傷,哀悼和悲痛的顏色,因此必須有智慧地使用。白色 白也并非色輪的一部分,象征著純潔和天真。它還表現清潔和安全。相反,白色可以被看作是寒冷而遙遠,象征冬天的嚴酷和痛苦的特征。大公司網站中的色彩運用我們來看一些大公司的網站,從而知道他們如何使用色彩以及顏色對他們的用戶意味著什么。耐克 耐克經常更換他們的網站,但通常是黑色和灰色等深色調。

8、黑色顯示了他們產品的影響力,給人以他們銷售優質運動產品的印象。白宮 白宮的網站大多是白色,和淺灰色,夾雜一些藍色和紅色。白色象征著希望和自由,呈現出安全和純凈的價值觀。紅色和藍色當然是代表美國的其它顏色,但藍色顯示穩定與和平,而紅色顯示熱情和精力。亞馬遜 亞馬遜網站大多是白色,這是從對比度和可讀性來說的最好的顏色。它還表明簡潔以及幫助用戶自由瀏覽網站。相雜的橙色和藍色可以幫助人們在該網站上感覺安逸,以及興奮和充滿希望地淘到自己滿意的商品。Verizon Verizon公司的主要企業品牌顏色是紅色,它被使用于整個網站。這有助于刺激用戶的興奮,顯示該公司銷售一種令人激

9、動和快節奏的產品。白色背景的采用類似亞馬遜,通過顯示一個清潔有序的站點以幫助用戶瀏覽。Best Buy Best Buy在網站上展示了深藍色的色調,以顯示其在電子市場的穩定和力量。買家正在大量從Best Buy購買物品,需要在其網站上感到保障與和平。黃色散發出幸福,有助于使人們在購買的同時感到興奮和喜悅。嘉信理財 嘉信理財是一家投資公司,在一個不穩定的市場,他們需要使消費者感到他們的網站上的和平。他們使用淺藍和深藍以實現這一目標,在他們的網站上建立一個平靜與和平的氣氛。中性的褐色是另一種幫助企業化解用戶感受的顏色。橙色的添加是為了用來在購買股票時產生興奮,并幫助該網站顯得更

10、快樂。道奇 道奇的網站大部分是黑色,這使得他們的圖像得以流行。他們使用紅色作為搭配。黑給出了網站強有力的特性,顯示他們產品的復雜和男性特征。黑色的運用巧妙地使產品看上去昂貴和有價值。紅色表達激情和刺激,以及對吸引消費者購買一個重視承諾和質量的公司的車輛的希望。Whole Foods Whole Foods使用的公司品牌顏色以及他們的網站,主要是綠色的。Whole Foods銷售的健康和有機食品價位較高。網站設計中的綠色在顯示自己的健康和純凈的價值觀,以及他們親自然的產品方面表現突出。他們還利用一些非常符合綠色的淡黃色作為搭配,使網站展現歡樂的價值觀。 如何在網頁設

11、計中運用顏色  不必使用描述性詞語,顏色就可以給出含義。它們能產生很多影響,無論你是否中意。他們可以幫助您在網站中吸引用戶的眼睛,創造運動和以及引導網頁上的用戶。正如在很多企業網站上,它們創造情感,幫助用戶建立該公司有關何事,所售何種產品的觀念。通過仔細挑選互補的顏色突出你的優勢,展現你想要出售的物品的價值。配對的顏色可助人完全改變網站的意義。為淺藍色的網站搭配鮮橙色,可以創造沉靜的特質,你可以把網站改得更加令人興奮和喜悅。也許你的客戶認為您所設計的網站使用過多的深灰色調而顯得苛刻。加入柔和的藍色可以使網站的設計有一個更沉靜與和平的基調。 可供你玩轉色彩的資源  有許多網站討論色彩理論和顏色在設計中的使用。使用下面這些有用的資源尋找顏色搭配,為您的網站設計注入更多的意義。色彩愛好者COLOURlovers免費使用這個基于網絡的調色板工具尋找顏色搭配。消融設計Design Meltdown本網站根據不同的

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論