<center id="iyacc"><source id="iyacc"></source></center>
  • <center id="iyacc"></center>
  • 
    
  • <ul id="iyacc"><delect id="iyacc"></delect></ul>
  • <strike id="iyacc"><code id="iyacc"></code></strike>
    <strike id="iyacc"><code id="iyacc"></code></strike>
  • <center id="iyacc"><dd id="iyacc"></dd></center><ul id="iyacc"><delect id="iyacc"></delect></ul>

    黃色+藍色的網(wǎng)頁設計

    • 2020-03-20 14:32:06
    • 閱讀次數(shù):
    • 作者:盈嵐科技小編
    • 來源:http://www.ww44088.com

    【示例】黃色低純度配色應用網(wǎng)頁設計示例截圖如圖所示。

    1.jpg

    【分析】該頁面是屬于純度較低的多組配色頁面,配色難度較大,但是按主色調(diào)、輔助色、點睛色來細細分析就會發(fā)現(xiàn)容易多了。標志是紅色,下面的綠色是紅色的對比色,目的是突出標志的作用,同時也是黃色與藍色的中間視覺過渡色。

    主色調(diào)的中黃色,從RGB數(shù)值B明度48來看,提高了明度,RGB數(shù)值的變化HSB也相應變化,該色調(diào)純度降低,黃色的耀眼特性相應緩和。該頁面輔助色比較多,這里選了主要的3種淺黃、淺藍、棕紅色,明度純度不同的變化來分析。淺黃色的RGB 3個數(shù)值接近,因此呈現(xiàn)偏灰的柔和狀態(tài)。

    正藍色的RGB數(shù)值R為0,G為255,B為255,從該藍色RGB數(shù)值上看,混合了R紅色11,G的綠色數(shù)值較低,B藍色的數(shù)值較高,因此飽和度降低,顏色呈淺色調(diào)。從棕紅色的RGB的三數(shù)值上看,R的數(shù)值最高為124,加入了對比色G綠色67,因此顏色變暗發(fā)烏,調(diào)入了適量B藍色24,因此該顏色飽和度亮度降低,也是該頁面沉穩(wěn)的主要色調(diào),牽制艷度較高的幾種顏色。點睛色的HSB數(shù)值H色相為356度,幾乎呈正紅色,只是調(diào)入了少許B藍色18,因此顏色在明度上稍偏暗。另一點睛色白色的作用除了提亮整個頁面,同時也突出標志圖像。

    【點評】在網(wǎng)頁設計中,多種輔助色分量相當冷暖搭配時,有飽和度稍低的主色調(diào)牢牢把握住,整個頁面容易調(diào)和。由于頁面顏色較豐富,點睛色在這里起到拉開各個色彩層次的作用,明確主次角色。

    小結(jié)

    黃色是色彩系里明度最高的耀眼顏色,尤其是HSB數(shù)值H色相為60度正黃色時,它的特性越明顯。由于黃色的特性,在頁面配色時可適當添加明度較深的顏色,色階層拉開,并起到協(xié)調(diào)刺眼的艷度作用。黃色飽和度、明度的不同變化傳達不同的意義和作用。無論是高純度、低純度,還是多色彩的頁面配色,白色起到關(guān)鍵的作用。點睛色不一定就是非常顯眼的顏色,也有起到調(diào)和整體頁面配色的作用。在網(wǎng)站建設時,中間色通常被大面積的使用為主色調(diào)、輔助色,是調(diào)和輔助色(有可能是同時幾種)與點睛色(有可能是幾種)的色彩,是調(diào)和色、調(diào)和方法的關(guān)鍵。

    當前文章標題:黃色+藍色的網(wǎng)頁設計

    當前URL:http://www.ww44088.com/news/wzzz/3181.html

    上一篇:中黃色的網(wǎng)頁設計

    下一篇:網(wǎng)頁設計中的橙色頁面配色

    網(wǎng)站建設、網(wǎng)絡營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)
    亚洲bt欧美bt中文字幕,囯产剧情亚洲精品无码一页,国产欧美va欧美va香蕉在,国产激情久久99久久 亚洲国产视频95 婷婷六月在线视频中文字幕
    <center id="iyacc"><source id="iyacc"></source></center>
  • <center id="iyacc"></center>
  • 
    
  • <ul id="iyacc"><delect id="iyacc"></delect></ul>
  • <strike id="iyacc"><code id="iyacc"></code></strike>
    <strike id="iyacc"><code id="iyacc"></code></strike>
  • <center id="iyacc"><dd id="iyacc"></dd></center><ul id="iyacc"><delect id="iyacc"></delect></ul>