• <abbr id="qqgmy"></abbr>
      <menu id="qqgmy"><abbr id="qqgmy"></abbr></menu>
    • <rt id="qqgmy"><code id="qqgmy"></code></rt>
      • 網頁設計中的藍色頁面配色

        • 2020-03-05 14:58:27
        • 閱讀次數(shù):
        • 作者:盈嵐科技小編
        • 來源:http://www.margaycoffee.com

        藍色是色彩中比較沉靜的顏色。象征著永恒與深邃、高遠與博大、壯闊與浩渺,是令人心境暢快的顏色。藍色的樸實、穩(wěn)重、內向性格,襯托那些性格活躍、具有較強擴張力的色彩,運用對比手法,同時也活躍頁面。另一方面又有消極、冷淡、保守等意味。

        網頁設計中,藍色與紅、黃等色運用得當,能構成和諧的對比調和關系。藍色是冷色調最典型的代表色,是網站設計中運用得最多的顏色,也是許多人鐘愛的顏色。藍色表達著深遠、永恒、沉靜、無限、理智、誠實、寒冷的多種感覺。藍色會給人很強烈的安穩(wěn)感,同時藍色還能夠表現(xiàn)出和平、淡雅、潔凈、可靠等。

        藍色+玫瑰色

        【示例】藍色高純度對比(藍色+玫瑰色)網頁設計示例截圖如圖所示。

        1.jpg

        【分析】藍色的HSB數(shù)值H色相為240度時是正藍色。圖10.45的HSB模式S數(shù)值顯示,所有主要配色的飽和度都是100%。從主色調、輔色調HSB模式的數(shù)值可看出,這兩種顏色在明度上有較大的區(qū)別,色相上稍有輕度變化,飽和度相同。RGB模式上看,主色調與輔色調R數(shù)值都為0,G綠色的數(shù)值和B藍色數(shù)值分量的變化,得到了不同藍色的兩結果。點睛色僅是R紅色與B藍色兩色調和而得沒有摻雜其他顏色,因此飽和度呈最高值100%。整個頁面配色的飽和度都為100%,頁面整體配色看起來視覺沖擊力異常強烈。輔助色白色讓頁面上的顏色的特性發(fā)揮到極致,是不可缺少的輔助配色。

        【點評】高純度烘托、微妙的冷暖變化配色,體現(xiàn)出現(xiàn)代都市張揚時尚的氣息。白色塊面的線型使得這種高純度、高強度的配色變得響亮卻也緩和。輔色調藍色的運用透露出設計師的大膽與魄力,玫瑰色在色輪表里算是冷色系,但是與藍色廣義上的對比來說是暖色,在這里與藍色搭配算是絕配了。整個頁面無不體現(xiàn)出特色和個性。

        淺藍色

        【示例】同類淺藍色網頁設計示例截圖如圖所示。

        2.jpg

        【分析】該頁面中間色較多,主要是在藍色范疇內做明度的變化,所以色度差非常緩和,以至于頁面的色彩呈現(xiàn)非常柔和,甚至稍有些發(fā)灰的感覺,好在該頁面還有些較大色塊的淺藍色及白色,拉大了頁面的色階,使得這種灰的感覺減弱不少。主色調HSB數(shù)值H顯示200度,色輪度稍向綠色方位傾斜,但是由于從180度到270度基本上給人的視覺呈現(xiàn)還是藍色范疇,因此與視覺上廣義的藍色差別不大。點睛色的HSB數(shù)值是258,色輪趨勢是向暖色紫色(相對冷暖色)傾向,變化微妙,是本頁面最溫暖的顏色。藍紫色在色相環(huán)中位于藍色和紫色之間,所以它也蘊含著紫色的一些神秘感,加上淺藍色的雅致,所以亮度較高的藍紫色顯得非常高雅。在網頁中,藍紫色通常與藍色一起搭配使用。

        【點評】淺藍色給人一種很寧靜、安靜的心理感受。淺藍色系有淡雅、清新、浪漫、高級的特質,常用于化妝品、女性、服裝網站。它是最具涼爽、清新特征的色彩。和白色混合時,能體現(xiàn)柔順、淡雅、浪漫的氣氛。

        網站建設時,主色調選擇明亮的藍色,配以白色的背景和灰亮的輔助色,可以使站點干凈而整潔,給人莊重、充實的印象。該頁面基本上屬于同類色系,也是最保守穩(wěn)妥且調和的配色方案。但該種配色看久了容易呈現(xiàn)出平淡乏味的感受。

        當前文章標題:網頁設計中的藍色頁面配色

        當前URL:http://www.margaycoffee.com/news/wzzz/3173.html

        上一篇:網頁設計中的紫色+紅色

        下一篇:深藍色頁面配色

        網站建設、網絡營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)
        在线一区视频二区三区,av无码久久久不卡网站,亚洲国产人成精品,国产成人白丝视频
        • <abbr id="qqgmy"></abbr>
          <menu id="qqgmy"><abbr id="qqgmy"></abbr></menu>
        • <rt id="qqgmy"><code id="qqgmy"></code></rt>