界面設(shè)計(jì)中色彩的運(yùn)用分析課件

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

2、理反應(yīng)。 4色彩的作用紅色給人的感受是強(qiáng)烈，熱情、喜悅，也使人表現(xiàn)急躁與憤怒 。黃色是明亮、年輕、光明、開(kāi)朗，充滿活力 。綠色給人以清新 、清爽、年輕的印象感，像春天般充滿活力。 藍(lán)色具有理智的、寂靜的印象感，令人覺(jué)得清涼和整潔 。5色彩的作用6一、 整體色7一、 整體色8一、 整體色9一、 整體色Windows XP的藍(lán)色看起來(lái)很舒服。原因在于藍(lán)色的亮度最低，不刺眼，同時(shí)，在藍(lán)色上顯示白字的對(duì)比度最高。而如果換成綠色的風(fēng)格，則白色的文字不容易識(shí)別。10一、 整體色11一、 整體色12一、 整體色13一、 整體色黑色代表嚴(yán)肅、莊重，權(quán)威，以及恐怖、嚴(yán)酷灰色具有枯淡的平靜感和穩(wěn)定性 14一、 整

3、體色15二、 重點(diǎn)色 在同調(diào)的色中，局部加上不同調(diào)的色，形成視覺(jué)美點(diǎn)。色彩的點(diǎn)綴在界面中產(chǎn)生一種緊張感，成為整體的一個(gè)著力點(diǎn)。點(diǎn)綴的色應(yīng)該采用小的面積，并與其他色形成強(qiáng)烈反差，以加強(qiáng)吸引力，形成視覺(jué)中心。 16二、 重點(diǎn)色17二、 重點(diǎn)色18二、 重點(diǎn)色19三、 對(duì)比色 畫(huà)面上冷暖色對(duì)比，同時(shí)占有相同面積及地位。界面上兩色不分主次，對(duì)比強(qiáng)烈，色彩華麗，裝飾性很濃。 20三、 對(duì)比色21三、 對(duì)比色22多頁(yè)面間風(fēng)格的統(tǒng)一前面展示的WEB頁(yè)面，多個(gè)頁(yè)面之間是不同，卻很明顯可以感覺(jué)到是同一個(gè)站點(diǎn)，這就是因?yàn)樗鼈儽３种嗤纳省⒉季诛L(fēng)格。23IBM站點(diǎn)分析在眾多商業(yè)網(wǎng)站中，IBM始終以穩(wěn)重、大方、低

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