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

1、界面設(shè)計中色彩的運(yùn)用分析色彩的作用當(dāng)我們看到不同的顏色時，心理會受到不同顏色的影響而發(fā)生變化。色彩本身是沒有靈魂的，它只是一種物理現(xiàn)象。我們長期生活在一個色彩的世界里，積累了許多視覺經(jīng)驗(yàn)，一旦知覺經(jīng)驗(yàn)與外來色彩刺激發(fā)生一定的呼應(yīng)，就會在人的心理上引出某種情緒。這種變化雖然因人而異，但大多會有下列心理反應(yīng)。2色彩的作用紅色給人的感受是強(qiáng)烈，熱情、喜悅，也使人表現(xiàn)急躁與憤怒。黃色是明亮、年輕、光明、開朗，充滿活力。綠色給人以清新、清爽、年輕的印象感，像春天般充滿活力。藍(lán)色具有理智的、寂靜的印象感，令人覺得清涼和整潔。3色彩的作用4一、整體色5一、整體色6一、整體色7一、整體色WindowsXP的

2、藍(lán)色看起來很舒服。原因在于藍(lán)色的亮度最低，不刺眼，同時，在藍(lán)色上顯示白字的對比度最高。而如果換成綠色的風(fēng)格，則白色的文字不容易識別。8一、整體色9一、整體色10一、整體色11一、整體色黑色代表嚴(yán)肅、莊重，權(quán)威，以及恐怖、嚴(yán)酷灰色具有枯淡的平靜感和穩(wěn)定性12一、整體色13二、重點(diǎn)色在同調(diào)的色中，局部加上不同調(diào)的色，形成視覺美點(diǎn)。色彩的點(diǎn)綴在界面中產(chǎn)生一種緊張感，成為整體的一個著力點(diǎn)。點(diǎn)綴的色應(yīng)該采用小的面積，并與其他色形成強(qiáng)烈反差，以加強(qiáng)吸引力，形成視覺中心。14二、重點(diǎn)色15二、重點(diǎn)色16二、重點(diǎn)色17三、對比色畫面上冷暖色對比，同時占有相同面積及地位。界面上兩色不分主次，對比強(qiáng)烈，色彩華麗

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

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

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