




版權說明:本文檔由用戶提供并上傳,收益歸屬內容提供方,若內容存在侵權,請進行舉報或認領
文檔簡介
1、1界面設計中色彩的運用 2色彩的作用色彩給人視覺上造成的沖擊力是最為直接與迅速的。作為第一視覺語言,色彩在界面設計中的作用是字體與圖像等其他要素所無法替代的。由于對色彩的愛好是人類一種最本能、最普遍的美感,它對觀看者的影響便是最為直接的。界面設計者要考慮讀者最初一瞬間的色彩感覺,牢牢地捉住他們的眼光,以達到引起關注的目的。3色彩的作用當我們看到不同的顏色時,心理會受到不同顏色的影響而發生變化。色彩本身是沒有靈魂的,它只是一種物理現象。我們長期生活在一個色彩的世界里,積累了許多視覺經驗,一旦知覺經驗與外來色彩刺激發生一定的呼應,就會在人的心理上引出某種情緒。這種變化雖然因人而異,但大多會有下列心
2、理反應。 4色彩的作用紅色給人的感受是強烈,熱情、喜悅,也使人表現急躁與憤怒 。黃色是明亮、年輕、光明、開朗,充滿活力 。綠色給人以清新 、清爽、年輕的印象感,像春天般充滿活力。 藍色具有理智的、寂靜的印象感,令人覺得清涼和整潔 。5色彩的作用6一、 整體色7一、 整體色8一、 整體色9一、 整體色Windows XP的藍色看起來很舒服。原因在于藍色的亮度最低,不刺眼,同時,在藍色上顯示白字的對比度最高。而如果換成綠色的風格,則白色的文字不容易識別。10一、 整體色11一、 整體色12一、 整體色13一、 整體色黑色代表嚴肅、莊重,權威,以及恐怖、嚴酷灰色具有枯淡的平靜感和穩定性 14一、 整
3、體色15二、 重點色 在同調的色中,局部加上不同調的色,形成視覺美點。色彩的點綴在界面中產生一種緊張感,成為整體的一個著力點。點綴的色應該采用小的面積,并與其他色形成強烈反差,以加強吸引力,形成視覺中心。 16二、 重點色17二、 重點色18二、 重點色19三、 對比色 畫面上冷暖色對比,同時占有相同面積及地位。界面上兩色不分主次,對比強烈,色彩華麗,裝飾性很濃。 20三、 對比色21三、 對比色22多頁面間風格的統一前面展示的WEB頁面,多個頁面之間是不同,卻很明顯可以感覺到是同一個站點,這就是因為它們保持著相同的色彩、布局風格。23IBM站點分析在眾多商業網站中,IBM始終以穩重、大方、低
4、調的形象示眾。 看一下首頁的整體效果布局 - 平穩而不單調24IBM站點分析25IBM站點分析首頁的布局是橫向的四行,為了打破四行過于單調的特性,特別在中間分開了幾個不同的欄目,這樣就使得頁并不那么單調乏味了。26IBM站點分析色彩 - 低調而不低沉頁面的整體視覺感覺偏重,色彩并不張揚。27IBM站點分析28IBM站點分析在頁面之中的色彩全部變成了黑白灰了,看看這里的“黑”、“白”、“灰”三者之間的關系:頁頭與頁腳都是黑色,中間分布著不同層次的灰度,而面積最大的還是白色。這樣色彩就行成了一個梯度。大約是45%的白,35%的灰,20%的黑。一般情況下黑色較多就會很沉重,灰色較就會沒精神,軟綿綿,白色較多就會顯得很蒼白。29網站中的WEB頁面大體只有一種色彩藍色,但是由于不同的明度與飽和度又分了幾個不同的藍色,這樣就有一色彩的層次。不會覺得色彩單調,也不會覺得色彩過多。并且在后期加入一些圖片時,由于整站的色彩不是很多,所以圖片可發揮的空間
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網頁內容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經權益所有人同意不得將文件中的內容挪作商業或盈利用途。
- 5. 人人文庫網僅提供信息存儲空間,僅對用戶上傳內容的表現方式做保護處理,對用戶上傳分享的文檔內容本身不做任何修改或編輯,并不能對任何下載內容負責。
- 6. 下載文件中如有侵權或不適當內容,請與我們聯系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
評論
0/150
提交評論