昆明軒創(chuàng)科技有限公司手機(jī)網(wǎng)站

掃一掃,進(jìn)入手機(jī)站

×
Website-knowledge
網(wǎng)站建設(shè)知識

專業(yè)網(wǎng)站建設(shè)機(jī)構(gòu)-為您量身打造最適合您的網(wǎng)站 您現(xiàn)在的位置:首頁 網(wǎng)站建設(shè)知識>網(wǎng)頁設(shè)計中色彩的運用

網(wǎng)頁設(shè)計中色彩的運用
作者:zheise.cn     時間:2014-05-04 08:54:39    點擊:

        一個好的網(wǎng)頁設(shè)計會給用戶帶來記憶深刻,好用易用的體驗。從網(wǎng)頁設(shè)計的版式、信息層級、圖片、色彩等視覺方面的運用,直接影響到用戶對網(wǎng)站的最初感覺,而在這些內(nèi)容中,色彩的配色方案是至關(guān)重要的,網(wǎng)站整體的定位、風(fēng)格調(diào)性都需要通過顏色,給用戶帶來感官上的刺激,從而產(chǎn)生共鳴
從色彩研究的方向來看,色彩分為色調(diào)、飽和度、明度三方面,顏色的運用是純色之間的關(guān)系,以及它們混合在一起的效果。我們可以從當(dāng)前眾多的網(wǎng)絡(luò)應(yīng)用中的實例,找到色彩運用的一些廣泛的色彩關(guān)系和配色方案,通過這些色彩的關(guān)系,可以作為實際工作學(xué)習(xí)中配色的指南。

  單色:使用一種色調(diào)不同的飽和度與亮度

網(wǎng)頁設(shè)計中色彩的運用示范圖片1

  近似色:使用色盤中的鄰近色調(diào)

網(wǎng)頁設(shè)計中色彩的運用示范圖片2

  互補(bǔ)色:使用色盤中的相反色調(diào)

網(wǎng)頁設(shè)計中色彩的運用示范圖片3

  分割互補(bǔ)色:使用一個色調(diào)和兩個與它的補(bǔ)色鄰近色調(diào)

網(wǎng)頁設(shè)計中色彩的運用示范圖片4

  三分色階:使用色盤中的等距三個色調(diào)

網(wǎng)頁設(shè)計中色彩的運用示范圖片5

  雙互補(bǔ)色:使用兩個色調(diào)和它們的補(bǔ)色

網(wǎng)頁設(shè)計中色彩的運用示范圖片6

  近似互補(bǔ)色:使用兩個互補(bǔ)色調(diào)和一個顏色相近色調(diào)

網(wǎng)頁設(shè)計中色彩的運用示范圖片7

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

網(wǎng)頁設(shè)計中色彩的運用示范圖片8

  突出色:在沒有色調(diào)的顏色中突出一個高飽和度的色調(diào)

網(wǎng)頁設(shè)計中色彩的運用示范圖片9

  暖色:使用色盤中暖色調(diào)的顏色

網(wǎng)頁設(shè)計中色彩的運用示范圖片10

  冷色:使用色盤中冷色調(diào)的顏色

網(wǎng)頁設(shè)計中色彩的運用示范圖片11
以上內(nèi)容由:昆明網(wǎng)站建設(shè)領(lǐng)導(dǎo)者-昆明軒創(chuàng)科技(zheise.cn)搜集整理,如需轉(zhuǎn)載請注明出處!
原文分享地址:該篇文章的的地址:http://zheise.cn/News/313.html
相關(guān)文章推薦