萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 網頁設計中色彩如何運用

網頁設計中色彩如何運用

 網頁設計中色彩的運用

  一個好的網頁設計會給用戶帶來記憶深刻,好用易用的體驗。從網頁設計的版式、信息層級、圖片、色彩等視覺方面的運用,直接影響到用戶對網站的最初感覺,而在這些內容中,色彩的配色方案是至關重要的,網站整體的定位、風格調性都需要通過顏色,給用戶帶來感官上的刺激,從而產生共鳴。

  從色彩研究的方向來看,色彩分為色調、飽和度、明度三方面,顏色的運用是純色之間的關系,以及它們混合在一起的效果。我們可以從當前眾多的網絡應用中的實例,找到色彩運用的一些廣泛的色彩關系和配色方案,通過這些色彩的關系,可以作為實際工作學習中配色的指南。

  單色:使用一種色調不同的飽和度與亮度

網頁設計中色彩的運用

  近似色:使用色盤中的鄰近色調

網頁設計中色彩的運用

  互補色:使用色盤中的相反色調

網頁設計中色彩的運用

  分割互補色:使用一個色調和兩個與它的補色鄰近色調

網頁設計中色彩的運用

  三分色階:使用色盤中的等距三個色調

網頁設計中色彩的運用

  雙互補色:使用兩個色調和它們的補色

網頁設計中色彩的運用

  近似互補色:使用兩個互補色調和一個顏色相近色調

網頁設計中色彩的運用

  中間色:使用沒有色度的顏色

網頁設計中色彩的運用

  突出色:在沒有色調的顏色中突出一個高飽和度的色調

網頁設計中色彩的運用

  暖色:使用色盤中暖色調的顏色

網頁設計中色彩的運用

  冷色:使用色盤中冷色調的顏色

網頁設計中色彩的運用
copyright © 萬盛學電腦網 all rights reserved