《界面設(shè)計(jì)中色彩的運(yùn)用分析培訓(xùn)講學(xué).ppt》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

1、界面設(shè)計(jì)中色彩的運(yùn)用分析色彩的作用當(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ì)有下列心理反應(yīng)。2色彩的作用紅色給人的感受是強(qiáng)烈，熱情、喜悅，也使人表現(xiàn)急躁與憤怒。黃色是明亮、年輕、光明、開(kāi)朗，充滿活力。綠色給人以清新、清爽、年輕的印象感，像春天般充滿活力。藍(lán)色具有理智的、寂靜的印象感，令人覺(jué)得清涼和整潔。3色彩的作用4一、整體色5一、整體色6一、整體色7一、整體色WindowsXP的

2、藍(lán)色看起來(lái)很舒服。原因在于藍(lán)色的亮度最低，不刺眼，同時(shí)，在藍(lán)色上顯示白字的對(duì)比度最高。而如果換成綠色的風(fēng)格，則白色的文字不容易識(shí)別。8一、整體色9一、整體色10一、整體色11一、整體色黑色代表嚴(yán)肅、莊重，權(quán)威，以及恐怖、嚴(yán)酷灰色具有枯淡的平靜感和穩(wěn)定性12一、整體色13二、重點(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é)中心。14二、重點(diǎn)色15二、重點(diǎn)色16二、重點(diǎn)色17三、對(duì)比色畫(huà)面上冷暖色對(duì)比，同時(shí)占有相同面積及地位。界面上兩色不分主次，對(duì)比強(qiáng)烈，色彩華麗

3、，裝飾性很濃。18三、對(duì)比色19三、對(duì)比色20多頁(yè)面間風(fēng)格的統(tǒng)一前面展示的WEB頁(yè)面，多個(gè)頁(yè)面之間是不同，卻很明顯可以感覺(jué)到是同一個(gè)站點(diǎn)，這就是因?yàn)樗鼈儽３种嗤纳省⒉季诛L(fēng)格。21IBM站點(diǎn)分析在眾多商業(yè)網(wǎng)站中，IBM始終以穩(wěn)重、大方、低調(diào)的形象示眾?？匆幌率醉?yè)的整體效果布局--平穩(wěn)而不單調(diào)22IBM站點(diǎn)分析23IBM站點(diǎn)分析首頁(yè)的布局是橫向的四行，為了打破四行過(guò)于單調(diào)的特性，特別在中間分開(kāi)了幾個(gè)不同的欄目，這樣就使得頁(yè)并不那么單調(diào)乏味了。24IBM站點(diǎn)分析色彩--低調(diào)而不低沉頁(yè)面的整體視覺(jué)感覺(jué)偏重，色彩并不張揚(yáng)。25IBM站點(diǎn)分析26IBM站點(diǎn)分析在頁(yè)面之中的色彩全部變成了黑白灰了，看

4、看這里的“黑”、“白”、“灰”三者之間的關(guān)系：頁(yè)頭與頁(yè)腳都是黑色，中間分布著不同層次的灰度，而面積最大的還是白色。這樣色彩就行成了一個(gè)梯度。大約是45%的白，35%的灰，20%的黑。一般情況下黑色較多就會(huì)很沉重，灰色較就會(huì)沒(méi)精神，軟綿綿，白色較多就會(huì)顯得很蒼白。27網(wǎng)站中的WEB頁(yè)面大體只有一種色彩——藍(lán)色，但是由于不同的明度與飽和度又分了幾個(gè)不同的藍(lán)色，這樣就有一色彩的層次。不會(huì)覺(jué)得色彩單調(diào)，也不會(huì)覺(jué)得色彩過(guò)多。并且在后期加入一些圖片時(shí)，由于整站的色彩不是很多，所以圖片可發(fā)揮的空間就加大了！28IBM站點(diǎn)分析29總結(jié)WEB站點(diǎn)設(shè)計(jì)中，色彩的運(yùn)用是UI設(shè)計(jì)的關(guān)鍵部分。色彩運(yùn)用成功與否很大程度

5、上決定了網(wǎng)站設(shè)計(jì)的成功與否。30此課件下載可自行編輯修改，僅供參考！感謝您的支持，我們努力做得更好！謝謝