萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 網頁設計中橙色系運用案例分析

網頁設計中橙色系運用案例分析

  橙色又稱之為橙黃或者是橘色,它的穿透力僅次於紅色,色感較紅色更暖。在網頁設計中橙色是十分活潑的色彩,給人以華貴而溫暖、興奮而熱烈、歡樂與活力的感覺,也是令人振奮的顏色。

  橙色在網頁中的使用范圍非常廣泛,可以通過變換色調營造出不同分氣氛,不僅僅能表現出青春活力,也能達到一個穩重的效果。橙色的波長居於紅和黃之間,具有健康、富有活力、勇敢自由等象征意義,為了讓大家對橙色有更好的理解,下面分別對不同類型網頁進行分析。

  一.食品飲食類網頁設計案例分析

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

網頁設計中橙色系運用案例分析 三聯

  整個頁面以橙色為主,通過不同明度和純度的“黃”進行調和,頁面非常融洽而不顯單調。很好的突出了的圖片,食品圖片色調也是相近的,故不會非常的突兀。而利用白色將網頁分層,有層次感。

  二.娛樂類網頁案例分析

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

  整個頁面是利用深橙和淺黃色的搭配來展現的,使頁面看起來更加的溫暖,深色的鋪墊,黃色的文字,達到一種突出而不突兀的視覺效果,賦予了網站生命力。

  三.電子商務網站案例分析

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

  這一個案例使用的顏色相對較多,而橙色的導航輔佐明度較高的卡其色,不會顯得非常凌亂,反而更加有特色,很活潑。加上利用一些綠色的按鈕來點綴頁面,頁面就顯得不那麼單調,有萬橙之中一點綠的視覺效果。

  四.科技發展機構網站案例分析

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

  總結:橙色運用的非常多,調整飽和度、純度都可以達到非常好的視覺效果,當然在視覺沖擊力的同時,可適當采用少許對比色調和緩和於視覺,從而削弱視覺的疲勞度。本文由http://www.ard1688.com/ 轉載請注明出處,尊重版權,人人有責。

copyright © 萬盛學電腦網 all rights reserved