<tt id="kjox3"><noscript id="kjox3"><samp id="kjox3"></samp></noscript></tt><tt id="kjox3"><li id="kjox3"><var id="kjox3"></var></li></tt><cite id="kjox3"><noscript id="kjox3"><delect id="kjox3"></delect></noscript></cite>

<source id="kjox3"><menuitem id="kjox3"></menuitem></source>

  • <rt id="kjox3"></rt>
      <rp id="kjox3"></rp>

    1. <cite id="kjox3"></cite>
        <tt id="kjox3"><form id="kjox3"><delect id="kjox3"></delect></form></tt><rp id="kjox3"><meter id="kjox3"><button id="kjox3"></button></meter></rp>

      1. <tt id="kjox3"></tt>

        <rt id="kjox3"><meter id="kjox3"></meter></rt>
      2. <b id="kjox3"><form id="kjox3"><label id="kjox3"></label></form></b>

          藍色+綠色的網頁設計

          • 2020-03-09 16:43:58
          • 閱讀次數:
          • 作者:盈嵐科技小編
          • 來源:http://www.1c4w.com

          【示例】藍色與鄰近色綠色搭配的網頁設計示例截圖如圖所示。

          1.jpg

          【分析】從HBS模式的S飽和度數值100%上看,不少用戶會很疑惑,誤以為較為柔和的顏色飽和度或許會低,刺眼的顏色通常飽和度較高,其實不然,每個顏色有每個顏色的不同屬性特性。高純度的色彩,明度的降低是協調視覺的一個因素,容易給人造成低純度的錯覺。

          不同塊面的鄰近色交錯排列,增強本頁面視覺動感。輔色調淺藍色是背景色白色和主色調藍色的中間色,它形成了頁面配色的中間色階,色彩層次感增強以外,還使整個頁面的顏色更為和諧。另一輔色調青色,是藍色和綠色的結合體,包括在標志文字、文字標題上的運用,無疑活躍了整個頁面的配色環境。

          兩個點睛色都略調高了明度,另一意義上是該頁面配色的中間色階。兩點睛色都是在主色調藍色、輔色調青色的基礎上衍生出來的顏色,這里“點睛”的作用不大,都屬于和諧色系。

          【點評】很多站點都在使用藍色與青綠色的搭配效果。藍色、青綠色、白色的搭配可以使頁面看起來非常干凈清澈,在我們的現實生活中運用的范圍很廣,可以說是隨處可見的。

          主顏色選擇明亮的藍色,配以白色的背景和灰亮的輔助色,加上中間色階的運用,可以使頁面有干凈整潔,給人莊重、充實的印象。這是一組非常愉悅和諧的鄰近色系配色。中間色適度面積的運用及背景白色讓這組顏色特征發揮到了極致。

          藍色+紅色

          【示例】藍色與紅色強對比網頁設計示例截圖如圖所示。

          2.jpg

          【分析】藍色是冷色系的最典型的代表了,而紅色是暖色系里最典型的代表,兩冷暖色系對比下讓全頁的色彩對比異常強烈且興奮,很容易感染帶動瀏覽者的激昂情緒。紅色把文字圖片框起來,在藍色背景對比下,很好地突出主題,又好似模仿投影熒屏的感覺,讓人迅速地聚焦于視頻中心,達到網站背后的最終目的。輔色調是紅色,從數值上看接近于正紅色,紅色對視覺傳遞的信息是很快的,屬于高昂響亮的顏色。點睛色分別是黃色、黃綠色。

          大家知道,黃色是明度最高的顏色,也較響亮、刺目,在這里的運用能強烈地突現標題。從大的方面來看,點睛色黃綠色與輔助色紅色是對比色,雖然面積不太大,只小范圍的對比,但是已經足以達到了迅速傳遞信息的效果,讓人印象深刻,促成再訪點擊。

          【點評】冷暖色系的對比碰撞,充滿激情,能傳遞熾熱情感、強烈刺激主題的目的。該頁面運用了冷暖、紅綠兩種比較鮮明的對比色,配色積極大膽,視覺沖擊力很強。

          藍色+暖色

          【示例】藍色同類色(藍色+暖色)對比網頁示例截圖如圖所示。

          3.jpg

          亮度的正黃色在這個頁面的使用。難度三,黑色的運用。運用排除法細分得到:主色調、輔色調的藍色飽和度一樣都是最高值,色相H上稍微有些微妙區別,亮度上有些變化。點睛色藍色飽和度和明度都較低,介于兩種藍色之間。三者面積如果用得不好頁面容易呈混沌的灰色狀態。拿出輔色調藍色,再回到整個頁面的配色來看,頁面色彩偏重,亮度不夠,缺少中間色階,冷暖主次傾向不夠明顯,這時把輔色調藍色添加進去正好彌補了這種缺憾。

          HSB模式顯示H是60度,S飽和度與B明度都是100%,正是正黃色。正黃色只適合做小面積的點睛色使用,大面積使用頁面配色較難協調,當然正黃色作為主色調能好配色些。在這樣的頁面色彩組合里,黑色是很難運用進去的,面積使用多了,頁面有可能會破壞所營造的氛圍、產生不協調的感覺。只在輔助性地勾勒于邊框是很好的使用辦法。圖片里的產品顏色,有降低純度的棕黃色、土黃色、米黃色等同類黃色系,對該頁面設計色彩組合調配具有一定的協調能力。

          【點評】通常矢量頁面的配色相對于圖片配色來說,難度較大,色彩的組織搭配,是根據設計師們自己以往的豐富配色經驗,反復調配、反復加減而得。

          該頁面設計師選取了頁面的產品圖片中的兩三種顏色,例如點睛色里的紅色、藍色和黃色,再大膽地發揮出主色調藍色、較淺的輔色調藍色和點睛色正黃色,點睛色黃色運用于最能突出產品特色的文字上,這些和諧的元素生動趣味,讓整個頁面充滿了故事情節。

          當前文章標題:藍色+綠色的網頁設計

          當前URL:http://www.1c4w.com/news/wzzz/3175.html

          上一篇:深藍色頁面配色

          下一篇:網頁設計中的綠色頁面配色

          網站建設、網絡營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)
          鸭子tv国产在线永久播放,天天夜日日日日碰日日摸日日澡,日本特黄特黄刺激大片,老熟妇乱子伦456在线观看 网站地图