界面設(shè)計中色彩的運用

1、1界面設(shè)計中界面設(shè)計中色色彩彩的運用的運用 2色色彩彩的作用的作用 色彩給人視覺上造成的沖擊力是最為直接與迅速的。作為第一視覺語言，色彩在界面設(shè)計中的作用是字體與圖像等其他要素所無法替代的。由于對色彩的愛好是人類一種最本能、最普遍的美感，它對觀看者的影響便是最為直接的。 界面設(shè)計者要考慮讀者最初一瞬間的色彩感覺，牢牢地捉住他們的眼光，以達到引起關(guān)注的目的。3色色彩彩的作用的作用 當(dāng)我們看到不同的顏色時，心理會受到不同顏色的影響而發(fā)生變化。色彩本身是沒有靈魂的，它只是一種物理現(xiàn)象。 我們長期生活在一個色彩的世界里，積累了許多視覺經(jīng)驗，一旦知覺經(jīng)驗與外來色彩刺激發(fā)生一定的呼應(yīng)，就會在人的心理上引出

2、某種情緒。這種變化雖然因人而異，但大多會有下列心理反應(yīng)。 4色色彩彩的作用的作用 紅色給人的感受是強烈，熱情、喜悅，也使人表現(xiàn)急躁與憤怒 。 黃色是明亮、年輕、光明、開朗，充滿活力 。 綠色給人以清新 、清爽、年輕的印象感，像春天般充滿活力。 藍色具有理智的、寂靜的印象感，令人覺得清涼和整潔 。5色色彩彩的作用的作用6一、 整體色7一、 整體色8一、 整體色9一、 整體色 Windows XP的藍色看起來很舒服。原因在于藍色的亮度最低，不刺眼，同時，在藍色上顯示白字的對比度最高。而如果換成綠色的風(fēng)格，則白色的文字不容易識別。10一、 整體色11一、 整體色12一、 整體色13一、 整體色 黑色

3、代表嚴(yán)肅、莊重，權(quán)威，以及恐怖、嚴(yán)酷 灰色具有枯淡的平靜感和穩(wěn)定性 14一、 整體色15二、 重點色 在同調(diào)的色中，局部加上不同調(diào)的色，形成視覺美點。色彩的點綴在界面中產(chǎn)生一種緊張感，成為整體的一個著力點。點綴的色應(yīng)該采用小的面積，并與其他色形成強烈反差，以加強吸引力，形成視覺中心。 16二、 重點色17二、 重點色18二、 重點色19三、 對比色 畫面上冷暖色對比，同時占有相同面積及地位。界面上兩色不分主次，對比強烈，色彩華麗，裝飾性很濃。 20三、 對比色21三、 對比色22多頁面間風(fēng)格的統(tǒng)一 前面展示的WEB頁面，多個頁面之間是不同，卻很明顯可以感覺到是同一個站點，這就是因為它們保持著相

4、同的色彩、布局風(fēng)格。23IBM站點分析 在眾多商業(yè)網(wǎng)站中，IBM始終以穩(wěn)重、大方、低調(diào)的形象示眾。 看一下首頁的整體效果 布局 - 平穩(wěn)而不單調(diào)24IBM站點分析25IBM站點分析 首頁的布局是橫向的四行，為了打破四行過于單調(diào)的特性，特別在中間分開了幾個不同的欄目，這樣就使得頁并不那么單調(diào)乏味了。26IBM站點分析 色彩 - 低調(diào)而不低沉 頁面的整體視覺感覺偏重，色彩并不張揚。27IBM站點分析28IBM站點分析 在頁面之中的色彩全部變成了黑白灰了，看看這里的“黑”、“白”、“灰”三者之間的關(guān)系： 頁頭與頁腳都是黑色，中間分布著不同層次的灰度，而面積最大的還是白色。這樣色彩就行成了一個梯度。大約是45%的白，35%的灰，20%的黑。一般情況下黑色較多就會很沉重，灰色較就會沒精神，軟綿綿，白色較多就會顯得很蒼白。29 網(wǎng)站中的WEB頁面大體只有一種色彩藍色，但是由于不同的明度與飽和度又分了幾個不同的藍色，這樣就有一色彩的層次。不會覺得色彩單調(diào)，也不會覺得色彩過多。并且在后期加入一些圖片時，由于整站的色彩不是很多，所以圖片可發(fā)揮的