1.20日(rì)音(yīn)訊,網站(zhàn)設計₹✘β☆(jì)之藍(lán)色系的(de)應用(yβ✔σòng)。藍(lán)色是(shì)色彩中比較沉靜(jìng)的(de↓≤∏)顔色。象征著(zhe)永恒與深邃、高(gāo)遠(yuǎn)與博大'★≥(dà)、壯闊與浩渺，是(shì)令人(rén)心境暢快(kuài)的♣׶ (de)顔色。藍(lán)色的(de)樸實、穩重、內(nèi)向性格，襯托那('₩πnà)些(xiē)性格活躍、具有(yǒu)較強擴張力的(d€↓§e)色彩，運用(yòng)對(duì)比手法，同時(shí)也(yě)活躍✘φ頁面。另一(yī)方面又(yòu)有(yǒu)消極、冷(lěng)淡、保守等®$意味。藍(lán)色與紅(hóng)、黃(huáng)等色運用(∏¥♣yòng)得(de)當，能(néng)構成和(hé)諧的•→$(de)對(duì)比調和(hé)關系。
藍(lán)色是(shì)冷(lěng)色調最典型的(de)代表色，是(±∞↕shì)網站(zhàn)設計(jì)中運用(y↑÷òng)得(de)最多(duō)的(de☆$)顔色，也(yě)是(shì)許多(duō)人(rén)鐘(zhōng)愛✔× (ài)的(de)顔色。藍(lán)色表達γ✘↑著(zhe)深遠(yuǎn)、永恒、沉靜(jìng)、無限、理(lǐ)智↓→←、誠實、寒冷(lěng)的(de)多(duō)種感覺。藍(lán)↑✔€∑色會(huì)給人(rén)很(hěn)強烈的(de)安穩感，同時±≥ ↕(shí)藍(lán)色還(hái)能(néng)夠表現(xiàn)出和(↑$¥hé)平、淡雅、潔淨、可(kě)靠等。
下(xià)面我們根據藍(lán)色系不(b≥≥>ù)同屬性的(de)同類色、鄰近(jìn)色、高(gāo)純度對(duì)比、↕<©相(xiàng)對(duì)對(duì)比色等色彩搭配做(zuò)不(b☆>≥ù)同的(de)舉例分(fēn)析。
→藍(lán)色高(gāo)純度對(duì)比網頁例圖：
藍(lán)色系分(fēn)析：(高(gāo)純度對(d₹←γuì)比：藍(lán)色+玫瑰色)藍(lán)×★&₹色的(de)HSB數(shù)值H色相(xiàng)為(wèi)24€≠0度時(shí)是(shì)正藍(lán™'™)色。上(shàng)圖的(de)HSB模式S數(shù)值顯示，所有(y€↓∞ǒu)主要(yào)配色的(de)飽和(hé)度都(dōu)是φ←§¶(shì)100%。從(cóng)主色調、輔色調HSB模'☆♥式的(de)數(shù)值可(kě)看(π©kàn)出，這(zhè)兩種顔色在明(mín•♠↕φg)度上(shàng)有(yǒu)較大(dà)的(de)區★↓(qū)别，色相(xiàng)上(shàng)稍有(yΩ↕γǒu)輕度變化(huà)，飽和(hé)度 ←π→相(xiàng)同。RGB模式上(shàng)看(k $★•àn)，主色調與輔色調R數(shù)值都(dōu)為(&✘φwèi)0，G綠(lǜ)色的(de)數(shù)值δ↔和(hé)B藍(lán)色數(shù)值分(fΩγ±βēn)量的(de)變化(huà)，得(de)到(dào)了(le)ε"∑不(bù)同藍(lán)色的(de)兩結果。點睛色僅是☆"(shì)R紅(hóng)色與B藍(lán)色兩色調♦≠σ™和(hé)而得(de)沒有(yǒu)摻雜(zá)其他(tā)顔色，因此飽和(hλ↔'é)度呈最高(gāo)值100%。整個(gè)頁面配色的(de)ε∞®π飽和(hé)度都(dōu)為(wèi)100%，頁面整體(tǐ)配色看(kà✘ n)起來(lái)視(shì)覺沖擊力異常強烈。輔助₹✘→¥色白(bái)色讓頁面上(shàng)的(de)顔色的(d¥λe)特性發揮到(dào)極緻，是(shì)不(b♣∑¶ù)可(kě)缺少(shǎo)的(de)輔助配色。♠≥
結論：響亮(liàng)、強烈刺激的'¥(de)詞語似乎都(dōu)适用(yòng)γ ♣δ于上(shàng)圖頁面，源于高(gāo)純度烘托、微(w>σēi)妙的(de)冷(lěng)暖變化(huà)配色上(shàng)，體(tǐ→∏ ε)現(xiàn)出現(xiàn)代都(dōu)市(shì)張×✔✔揚時(shí)尚的(de)氣息。白(bá ₩σ i)色塊面的(de)線型使得(de)這(zhè)種高(gāo)純度高(gāo)↕¶強度的(de)配色變得(de)響亮(liàng)卻也(yě)緩和(héεσ)。輔色調藍(lán)色的(de)運用(yòng)透露出設計(j∏ì)師(shī)的(de)大(dà)膽與魄力，玫瑰色≥§在色輪表裡(lǐ)算(suàn)是(shì)冷(lěng)色系↔♥γ，但(dàn)是(shì)與藍(lán)色廣義上(shàng)的(de↕↑ ÷)對(duì)比來(lái)說(shuō)是≥π™≈(shì)暖色，在這(zhè)裡(lǐ)與藍(lán)色搭¥↓β配算(suàn)是(shì)絕配了(leσ₹¶)。整個(gè)頁面無不(bù)體(tǐ)現(xiΩ∑àn)出特色和(hé)個(gè)性。
→藍(lán)色淺藍(lán)色網頁例圖：←"¶
藍(lán)色系分(fēn)析：(同類色：淺♦≠→∏藍(lán)色)主色調HSB數(shù)值H顯示200度，色輪♣'±度稍向綠(lǜ)色方位傾斜，但(dàn)是(sφ÷hì)由于從(cóng)180度到(dào)2Ω©70度基本上(shàng)給人(rén)的(→±∏de)視(shì)覺呈現(xiàn)還(hái)是(shì)藍(lán↔→")色範疇，因此與視(shì)覺上(shàng)廣義的(de)藍(lán)色差♣ Ω别不(bù)大(dà)。該頁面中間(jiān)色較多(®÷duō)，主要(yào)是(shì)在藍(lán)色範疇內(nèi)做(zuò₽')明(míng)度的(de)變化(huà)，所以色度差非常緩和(hé)，λβ€以緻于頁面的(de)色彩呈現(xiàn)非常柔和(hε'™★é)，甚至稍有(yǒu)些(xiē)發灰的(✘φ♠de)感覺，好(hǎo)在該頁面還(hái)有(yǒu)些(xiē)較大(d★§à)色塊的(de)淺藍(lán)色及白(bái)色，拉大(dà)了φ→(le)頁面的(de)色階，使得(de)這(zhè)種灰的(de€δφ©)感覺減弱不(bù)少(shǎo)。點睛色的(de)HSB數(shù)值是(s≥∏↑♦hì)258，色輪趨勢是(shì)向暖色紫色(相(xiàng)對(duì)冷$γ•(lěng)暖色)傾向，變化(huà)微(wēi)妙，是(shì)本頁面最溫暖©$αλ的(de)顔色。藍(lán)紫色在色相(xiàng≤©)環中位于藍(lán)色和(hé)紫色之間(☆§εjiān)，所以它也(yě)蘊含著(zhe)紫色的(de)一(yī)些(xiβ÷ē)神秘感，加上(shàng)淺藍(lán)色的(de)雅緻，所以亮(liàn☆♦§♥g)度較高(gāo)的(de)藍(lán)紫色顯得(de)非常高Ω<∑(gāo)雅。在網頁中，藍(lán)紫色通(tōng)常與藍(lán♣α)色一(yī)起搭配使用(yòng)。
結論：淺藍(lán)色給人(rén)一(yī)種很(hěn)甯靜★>(jìng)安靜(jìng)的(de)心理$♦✔(lǐ)感受。淺藍(lán)色系有(yǒu)淡雅、清新、±✔>浪漫、高(gāo)級的(de)特質，常用(yòng)于化(huà)妝品、Ωδ 女(nǚ)性、服裝網站(zhàn)。它是♣¥®π(shì)最具涼爽，清新特征的(de)色≠≥₹彩。和(hé)白(bái)色混合時(shí)，能(n×÷ λéng)體(tǐ)現(xiàn)柔順，淡雅，浪漫的(de)氣氛。主色調選☆≈←擇明(míng)亮(liàng)的(de)藍(lán)色，配以白(bái)色的≥&(de)背景和(hé)灰亮(liàng)的(de)輔助色，可π ♠(kě)以使站(zhàn)點幹淨而整潔，給人(rén)莊重、充實的(de)ε↔₩印象。該頁面基本上(shàng)屬于同類色系，也(yě)是(shì)最π >'保守穩妥且調和(hé)的(de)配色方案。但(dàn)該種配色看(kàn≈©↑)久了(le)容易呈現(xiàn)出平淡乏味的(de)感受。
→藍(lán)色深藍(lán)色網頁例<σ×φ圖：
藍(lán)色系分(fēn)析：(深藍(lán)色↕π®)HSB數(shù)值顯示主色調和(hé)輔色調的(de)H色相∏≈(xiàng)接近(jìn)，飽和(hé)度為(wèi)最高(gāo)，都(λ'dōu)為(wèi)100%，兩者隻在明(míng)度&¶✔₽上(shàng)有(yǒu)區(qū)别，分(fēn)别是(shì)3δ±£5%和(hé)65%。三維厚重的(de)設計(jì)風(fē♠ ™±ng)格，用(yòng)調和(hé)法之一(yī)的(de)漸 ≠變手法，把主色調和(hé)輔色調進行(xínα♦g)了(le)緩緩的(de)過渡，增強了(le)層次感，∑✘♦體(tǐ)現(xiàn)個(gè)性魅力，符合 €÷該頁面視(shì)音(yīn)頻(pín)風(f♣↔ēng)格網站(zhàn)的(de)主題。雖然是(sh₹γα→ì)被譽為(wèi)點睛色，但(dàn)從(cóng)整個(gè)÷'頁面來(lái)看(kàn)由于面積關系，點睛色在這(∞∏zhè)裡(lǐ)所起的(de)作(zuò)用(y¶×òng)不(bù)大(dà)，僅僅就(jiù)蜻蜓點水(shuǐ)而已。相(↑εxiàng)反的(de)輔助色在這(zhè)裡(l€↔÷♥ǐ)卻起到(dào)了(le)較為(wèi)突顯的(→εde)作(zuò)用(yòng)——讓•λ整個(gè)沉悶的(de)本隻起烘托作(zuò)用(yòng)的(de)深藍(ππlán)色得(de)到(dào)充分(fēn)的(de)展☆σ示。另一(yī)輔色調灰色令白(bái)色與深藍(lán)色反差不 ∑≤®(bù)易過大(dà)，起到(dào)調和(hé)的(de)÷γ•目的(de)。白(bái)色增強了(le)整₹♣ ©個(gè)頁面的(de)視(shì)覺感，使之γ£&≠更醒目。
結論：深藍(lán)色是(shì)沉穩的(de)且較常用(yòng)✔↓™的(de)色調。能(néng)給人(rén)穩重、冷(lěng)靜(φ±jìng)、嚴謹、冷(lěng)漠、深沉、成熟的(de)心理(l♠₽λǐ)感受。它主要(yào)用(yòng)₩©于營造安穩、可(kě)靠、略帶有(yǒu)神秘色彩的(↔¶de)氛圍。深藍(lán)色明(míng)度偏暗(àn)，基于上(shàng→₩&)面對(duì)深藍(lán)色的(de)↓ '↕特質描述，在常規網站(zhàn)的(de)設計Ω (jì)裡(lǐ)，可(kě)能(néng)不(bù)适合做(zuò€↕¶)太大(dà)面積的(de)使用(yòng)。但(dàn)根據不(b☆↔ù)同網站(zhàn)主題的(de)設計(jì)需要(→♥★™yào)可(kě)以做(zuò)些(xiē)•♣不(bù)同的(de)嘗試。→藍(lán)色純度對(duì)比$♣φ網頁例圖：
藍(lán)色系分(fēn)析：(純度對(duì)比)從(có↕ ng)HSB模式上(shàng)的(de)數(shù)值顯示情況進行π¶(xíng)分(fēn)析，全頁基本上(shàng)是↔♥& (shì)屬于高(gāo)純度配色，各顔色特性相(xiàng)互輝映、相β★™÷(xiàng)互交融，把整個(gè)頁面環境渲染得(de)異常鮮亮(liàng™♥≠&)和(hé)熱(rè)鬧。冷(lěng)暖色系之間β±(jiān)跨度很(hěn)大(dà)：藍(lán)色、綠(l¥×↕ǜ)色、黃(huáng)色、橙黃(huáng)色、朱♠δ'£紅(hóng)色、土(tǔ)橙黃(huáng)色、墨綠(lǜ)色，幾乎按± 照(zhào)色輪表上(shàng)的(de)♦σ←>軌迹進行(xíng)。也(yě)由于面積有(yǒu)多(duō)有(ε∑ yǒu)少(shǎo)的(de)原因，因此頁面看≤ ±(kàn)起來(lái)較明(míng)快(kuài)調和(hé)。其中土(•→tǔ)橙黃(huáng)色和(hé)墨綠(lǜ)色是(shì)≠♦ε頁面明(míng)度最重的(de)顔色，從(c®¶óng)RGB色值上(shàng)可(kě)看(≥ φ≤kàn)出，都(dōu)分(fēn)别的(σ≤λ≠de)混合了(le)其他(tā)顔色，因此飽和(hé)度相(xiàε≠αng)對(duì)較低(dī)，略呈灰色狀态™£↑，另一(yī)種意義上(shàng)來(lái)說(shuō)這(zhè)種灰←←色狀态是(shì)調和(hé)色的(de)一(yφσ✘ī)種很(hěn)好(hǎo)的(de)方式。由于有(yǒu)大(→"βαdà)面積的(de)主色調和(hé)背景色做(zuò)掌控，加之以上(shàn&¶≤©g)因素綜合分(fēn)析，無論頁面再多(duō)再細再耀眼的(de)§✘©顔色都(dōu)能(néng)很(hěn)好(hǎo)的(de)統一'&≈(yī)在同一(yī)個(gè)頁面之中。
結論：非常明(míng)快(kuài)活潑、跳(tiào)躍的(Ω↓de)富有(yǒu)趣味性的(de)配色。使人(∑'rén)勾起了(le)無限愉悅的(de)童趣。高(gāo)純度的(de)藍(l™β"án)色主色調配合的(de)其他(tā)高(gāo)純εα度冷(lěng)暖色調對(duì)比，會(huì)營造♥φ≥出一(yī)種整潔輕快(kuài)的(de)印象×β¶ε。根據色輪表的(de)緩和(hé)過渡及使用(yòn✘¶εσg)面積多(duō)少(shǎo)，判斷分(fēn)析出頁₽¥≤γ面調和(hé)程度。
→藍(lán)色鄰近(jìn)色網頁例圖§：
藍(lán)色系分(fēn)析：(藍(lán)色鄰近(jìn)配色↓β£→：藍(lán)色+綠(lǜ)色)從(cóng)HBS模式的(de)S飽和(h♠>é)度數(shù)值100%上(shàng)看(kàn)，不(b ≤™ù)少(shǎo)朋(péng)友(yǒu)會(huì)有(yǒu)疑 γ♣♠惑的(de)感覺，認為(wèi)看(kàn)起來 ¥£✔(lái)較為(wèi)柔和(hé)的(de)顔色，飽和(hé)度或許會₩±'(huì)低(dī)，刺眼的(de)顔色通(tōng)常飽和(h✘±é)度較高(gāo)，其實不(bù)然，每個₩ (gè)顔色有(yǒu)每個(gè)顔色的(de)不(bù)同屬性特性× &¶。高(gāo)純度的(de)色彩，明(míng)度的(de)降低(dī)是(sπ↕Ωhì)協調視(shì)覺的(de)一(yī)個(gè)因≈∏素，容易給人(rén)造成低(dī)純度的(de)錯(cuò)覺。不(bù£♦γ)同塊面的(de)鄰近(jìn)色交錯(cu∞←≥ò)排列，增強本頁面視(shì)覺動感。輔色調淺藍(lán)色是(shì↑↕)背景色白(bái)色和(hé)主色調藍(lán)色的(de)中間φ÷(jiān)色，它形成了(le)頁面配色的(de)中間(jiān)色£₽階，色彩層次感增強以外(wài)，還(hái)使整個(gè)頁面的(de)顔色 ✘ 更為(wèi)和(hé)諧。另一(yī)輔色調青色，是(shì∏↕$≥)藍(lán)色和(hé)綠(lǜ)色的(de)結合↔ ₽體(tǐ)，包括在标志(zhì)文(wén)字、文(wén)™€字标題上(shàng)的(de)運用(yòng)，無疑活躍了(le)整個 ♦£☆(gè)頁面的(de)配色環境。兩個(gè)<☆∞點睛色都(dōu)略調高(gāo)了(le)明(mí±≠ng)度，另一(yī)意義上(shàngΩ☆'φ)是(shì)該頁面配色的(de)中間(≈↑$™jiān)色階。兩點睛色都(dōu)是(₽♠↓>shì)在主色調藍(lán)色、輔色調青™ 色的(de)基礎上(shàng)衍生(shēng)出來(l᱕i)的(de)顔色，這(zhè)裡(lǐ)“點睛&δ ©§rdquo;的(de)作(zuò)用(yòng↑↔)不(bù)大(dà)，都(dōu)屬于和(h≈σé)諧色系。
結論：很(hěn)多(duō)站(zhàn)點都(dōu)在使>λ™用(yòng)藍(lán)色與青綠(lǜ)色的(de)搭配效果。♦★藍(lán)色、青綠(lǜ)色、白(bái)色 ★∑€的(de)搭配可(kě)以使頁面看(kàn)起來(lái)非常幹↓÷®淨清澈，在我們的(de)現(xiàn)實生(shēng)活中運用(y ♥φòng)的(de)範圍很(hěn)廣，可(kě)以說(shuō)是(≈♥≥shì)随處可(kě)見(jiàn)的(de)。主顔色選擇明(míng₩✔≠)亮(liàng)的(de)藍(lán)色，配以白(bái∑♣)色的(de)背景和(hé)灰亮(liàng)的(de)輔助色，加上(★★♥shàng)中間(jiān)色階的(de)運用(y€≤òng)，可(kě)以使頁面有(yǒu)幹淨整潔，給人(¥β♥★rén)莊重、充實的(de)印象。這(zhè)是(shì)一(yī)組非✘πα常愉悅和(hé)諧的(de)鄰近(jìn)色系配色。中間↓®(jiān)色适度面積的(de)運用(yòng)及背景白(bái)色讓↕Ω§這(zhè)組顔色特征發揮到(dào)了(le)極緻≤¥。
→藍(lán)色強對(duì)比網頁例圖：
藍(lán)色系強對(duì)比：藍(lán)✔±β♠色+紅(hóng)色藍(lán)色是(shì)冷(lěng)色系的(de)最典α₽β型的(de)代表了(le)，而紅(hóng)色是(shì↓↕<↕)暖色系裡(lǐ)最典型的(de)代表，兩冷×←(lěng)暖色系對(duì)比下(xià)讓全頁 λ的(de)色彩對(duì)比異常強烈且興奮，很(hěn₹©γ)容易感染帶動浏覽者的(de)激昂情緒。紅(hóng)色把文(wén)字©£≈圖片框起來(lái)，在藍(lán)色背景對שε(duì)比下(xià)，很(hěn)好(hǎo)的(d♠α>'e)突出主題，又(yòu)好(hǎo)似模仿投影(yǐng)熒屏的(÷$de)感覺，讓人(rén)迅速的(de)聚焦于視(shì×☆)頻(pín)中心，達到(dào)網站(z↔↓€hàn)背後的(de)最終目的(de)。輔色調是(shì)÷♣∏紅(hóng)色，從(cóng)數(shù)值上(sh←§∑àng)看(kàn)接近(jìn)于正紅(hóng)色，紅(h>óng)色對(duì)視(shì)覺傳遞$÷¶β的(de)信息是(shì)很(hěn)快(kuài)的(de)，屬★ε于高(gāo)昂響亮(liàng)的(de)顔色。點'↑×睛色分(fēn)别是(shì)黃(huáng)色、黃(hδπδuáng)綠(lǜ)色。大(dà)家(jiā)知(z♥®↕hī)道(dào)，黃(huáng)色是(shì)明(míng)度最"✘高(gāo)的(de)顔色，也(yě)較響亮(liàng)、刺目，在€&這(zhè)裡(lǐ)的(de)運用(yòng)能(néγ"ng)強烈的(de)突現(xiàn)标題。從(cóng)大↓ ↕α(dà)的(de)來(lái)看(kàn)，點睛色黃(huángα)綠(lǜ)色與輔助色紅(hóng)色是(sh♦φ±ì)對(duì)比色，雖然面積不(bù)太大(dà)，隻小(xiǎo)範圍的(∞¥de)對(duì)比，但(dàn)是(shì)已經足以♦∑ 達到(dào)了(le)迅速傳遞信息的(¶®de)效果，讓人(rén)印象深刻，促成再£β訪點擊。
結論：冷(lěng)暖色系的(de)對(du®®¶∏ì)比碰撞，充滿激情，能(néng)傳遞熾熱(rè)₽<♠¥情感、強烈刺激主題的(de)目的(de)。該頁面運用(yòng)了(le)δ>>冷(lěng)暖、紅(hóng)綠(lǜ)兩種比較鮮明(míα&♠ng)的(de)對(duì)比色。
