您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 視覺(jué)設(shè)計(jì) >> 瀏覽設(shè)計(jì)教程

網(wǎng)頁(yè)設(shè)計(jì)中橙色系運(yùn)用案例分析

 

橙色又稱(chēng)之為橙黃或者是橘色,它的穿透力僅次于紅色,色感較紅色更暖。在網(wǎng)頁(yè)設(shè)計(jì)中橙色是十分活潑的色彩,給人以華貴而溫暖、興奮而熱烈、歡樂(lè)與活力的感覺(jué),也是令人振奮的顏色。

橙色在網(wǎng)頁(yè)中的使用范圍非常廣泛,可以通過(guò)變換色調(diào)營(yíng)造出不同分氣氛,不僅僅能表現(xiàn)出青春活力,也能達(dá)到一個(gè)穩(wěn)重的效果。橙色的波長(zhǎng)居于紅和黃之間,具有健康、富有活力、勇敢自由等象征意義,為了讓大家對(duì)橙色有更好的理解,下面分別對(duì)不同類(lèi)型網(wǎng)頁(yè)進(jìn)行分析。

一.食品飲食類(lèi)網(wǎng)頁(yè)設(shè)計(jì)案例分析

推薦案例:橙色+黃色+深橙色

整個(gè)頁(yè)面以橙色為主,通過(guò)不同明度和純度的“黃”進(jìn)行調(diào)和,頁(yè)面非常融洽而不顯單調(diào)。很好的突出了的圖片,食品圖片色調(diào)也是相近的,故不會(huì)非常的突兀。而利用白色將網(wǎng)頁(yè)分層,有層次感。

二.娛樂(lè)類(lèi)網(wǎng)頁(yè)案例分析

推薦案例:深橙色+土黃色+黃色

整個(gè)頁(yè)面是利用深橙和淺黃色的搭配來(lái)展現(xiàn)的,使頁(yè)面看起來(lái)更加的溫暖,深色的鋪墊,黃色的文字,達(dá)到一種突出而不突兀的視覺(jué)效果,賦予了網(wǎng)站生命力。

三.電子商務(wù)網(wǎng)站案例分析

推薦案例:橙色+卡其色+綠色

這一個(gè)案例使用的顏色相對(duì)較多,而橙色的導(dǎo)航輔佐明度較高的卡其色,不會(huì)顯得非常凌亂,反而更加有特色,很活潑。加上利用一些綠色的按鈕來(lái)點(diǎn)綴頁(yè)面,頁(yè)面就顯得不那么單調(diào),有萬(wàn)橙之中一點(diǎn)綠的視覺(jué)效果。

四.科技發(fā)展機(jī)構(gòu)網(wǎng)站案例分析

頁(yè)面用的色彩相對(duì)較雜,但讓人感覺(jué)亂中有序。大家可以注意到,頁(yè)面都是采用深紅色作為文字,而橙色出現(xiàn)在紅色文字的附近,例如頂部的橙底紅字,大標(biāo)題紅色小標(biāo)題橙色,這些元素就使頁(yè)面亂中有序。

總結(jié):橙色運(yùn)用的非常多,調(diào)整飽和度、純度都可以達(dá)到非常好的視覺(jué)效果,當(dāng)然在視覺(jué)沖擊力的同時(shí),可適當(dāng)采用少許對(duì)比色調(diào)和緩和于視覺(jué),從而削弱視覺(jué)的疲勞度。

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/ui1389.html
給設(shè)計(jì)個(gè)說(shuō)法——淘寶購(gòu)便利首頁(yè)設(shè)計(jì)小結(jié)
網(wǎng)頁(yè)設(shè)計(jì)專(zhuān)題技巧淺析
圖趣網(wǎng)微信
建議反饋
×