可能一說(shuō)到網(wǎng)頁(yè)設(shè)計(jì)，大家第一個(gè)想到的就是代碼，前端代碼，但前端代碼只是網(wǎng)頁(yè)設(shè)計(jì)的一部分，再書寫代碼之前，我們還有一個(gè)重要的部分那就是對(duì)頁(yè)面的設(shè)計(jì)，設(shè)計(jì)中比較重要的就是排版、配色，今天我給大家分享的就是其中的一部分——網(wǎng)頁(yè)的配色。怎么對(duì)顏色進(jìn)行靈活的運(yùn)用才能將頁(yè)面設(shè)計(jì)得更加美觀。

首先先讓我們認(rèn)識(shí)一下顏色的屬性：

顏色的屬性

無(wú)色系：黑、白、灰萬(wàn)能搭

黑色：說(shuō)到黑色第一個(gè)想到的就是黑夜，黑夜給人的感覺(jué)就是寒冷、黑暗、寂寞。除了想到黑夜我們還能想到黑社會(huì)，很有霸氣，權(quán)威。這些就是黑色的屬性。所以我們總結(jié)出來(lái)就是有這么幾種屬性：權(quán)威、高雅、執(zhí)著、冷漠、防御、寂寞、黑暗、壓力、嚴(yán)肅、氣勢(shì)

白色：說(shuō)到白色想到的第一個(gè)是什么，白衣天使醫(yī)生，白大褂，代表了善良、神圣，我們把生命交給他們也有一種信任。另外我們的房子為什么都喜歡用白色的瓷磚，也是因?yàn)榘咨幸粋€(gè)干凈純潔的屬性。所以我們總結(jié)一下就得到了白色是：純潔、神圣、善良、信任、開(kāi)放

灰色：灰色是一種介于黑白之間的無(wú)色系，想到灰色，也許有人會(huì)想到混泥土，給人的感覺(jué)就會(huì)很臟很亂，不干凈這些，當(dāng)然除了一些不好的，也有好的一面，比如我們穿灰色的西裝，給人一種成熟穩(wěn)定感，所以我們總結(jié)一下得到灰色的屬性：誠(chéng)懇、沉穩(wěn)、權(quán)威、臟亂、不干凈

冷色系：藍(lán)、綠、紫

藍(lán)色：藍(lán)色可能在你印象中第一個(gè)是一個(gè)藍(lán)天，藍(lán)天代表廣闊無(wú)垠，因?yàn)槭抢渖?，給人的感覺(jué)就有了一種冷靜，所以也衍生除了科技感，這也是為什么很多科技的產(chǎn)品都使用藍(lán)色的去設(shè)計(jì)的原因，所以我們總結(jié)得到一些藍(lán)色的屬性是：美麗、冷靜、理智、安詳、廣闊、科技感

綠色：關(guān)于綠色就比較容易了，綠色代表了春天，春季萬(wàn)物復(fù)蘇，所以它也代表了自然、生命、希望、寧?kù)o，所以我們總結(jié)一下得到：自然、環(huán)保、和平、寧?kù)o、生命、希望

紫色：這個(gè)顏色我們是見(jiàn)得最少的冷色系顏色，所以大家可能也都沒(méi)怎么去了解它，它代表的是女性美，一種神秘感，總結(jié)一下它有這些屬性：隱晦、憂郁、高貴、神秘、深沉、成熟、浪漫

暖色系：紅、橙、黃

紅色：紅色是中國(guó)的國(guó)色，深受國(guó)人喜愛(ài)，例如我們的五星紅旗，代表了莊嚴(yán)肅穆，我們的節(jié)日也經(jīng)常見(jiàn)到紅色，因?yàn)樵谥袊?guó)它也代表了喜慶，當(dāng)然除了這些好的，還有一些不好的屬性，例如紅色是我們血的顏色，所有有一種血腥和殘暴，所以紅色的屬性有這么幾個(gè)：吉祥、喜氣、熱烈、奔放、激情、斗志、血腥、暴力

黃色：說(shuō)到黃色第一個(gè)想到的是什么？我想到的第一個(gè)是金黃色的太陽(yáng)，熱和光的代表，同時(shí)也代表了光榮，除了想到太陽(yáng)，還能想到什么？想到東莞，色情業(yè)，這個(gè)也是黃色的屬性。我們看一下除了這些還有哪些：智慧、光榮、忠誠(chéng)、希望、喜悅、光明、落寞、色情

橙色：關(guān)于橙色你能想到什么？金色的秋天，成熟的碩果，橙色也是暖色調(diào)中最溫暖的顏色，它代表的是：華麗、童趣、吸引力、娛樂(lè)、 快樂(lè)、振奮、富饒、充實(shí)、未來(lái)、友愛(ài)、豪爽、積極

這只是一些大的顏色的一部分屬性，更多的屬性等待大家自己去歸納。還有更多的顏色，之后去選擇網(wǎng)頁(yè)或者是其它設(shè)計(jì)主色的時(shí)候可以根據(jù)它的屬性去有目的性的選擇。接下來(lái)我們看一下重點(diǎn)的網(wǎng)頁(yè)的幾種配色方案。

網(wǎng)頁(yè)的配色方案

冷色系搭配：冷色系本身給人就像名字一樣，一種寒冷。冷靜的感覺(jué)，猶如海水和冰一樣，當(dāng)然也有還得一些，就如春色，萬(wàn)物復(fù)蘇生氣蓬勃等，這種搭配方式可為網(wǎng)頁(yè)營(yíng)造出寧?kù)o、清涼、自然高雅、技術(shù)感的氛圍。

暖色系搭配：這樣搭配方式跟冷色系很多是剛好相反的，暖色調(diào)給人的感覺(jué)是早晨的太陽(yáng)，活力四射，激情澎湃。這種搭配方式可為網(wǎng)頁(yè)營(yíng)造出穩(wěn)性、和諧及熱情的氛圍

暖色系搭配：這樣搭配方式跟冷色系很多是剛好相反的，暖色調(diào)給人的感覺(jué)是早晨的太陽(yáng)，活力四射，激情澎湃。這種搭配方式可為網(wǎng)頁(yè)營(yíng)造出穩(wěn)性、和諧及熱情的氛圍

鄰近色搭配：鄰近色相較于對(duì)比色的搭配，就比較和諧了，鄰近色是在色還上90°的兩種顏色，鄰近色搭配可以易于達(dá)到頁(yè)面和諧統(tǒng)一的效果

同類色搭配：這種從名字上就可以知道了，它是最和諧的一種，在同一種色相里面搭配的顏色，通過(guò)顏色的明度和飽和度讓整個(gè)頁(yè)面體現(xiàn)出層次感，同類色搭配頁(yè)面看起來(lái)色彩統(tǒng)一，具有層次感。

這里只是給大家總結(jié)了我們經(jīng)常看到的一些配色的方案，還有更多的配色原則，大家可以在之后的設(shè)計(jì)中慢慢摸索，了解之后再去設(shè)計(jì)的時(shí)候，色彩的選擇就可以有目的性的進(jìn)行選擇了，而不再盲目，根據(jù)你要做出的感覺(jué)去選擇。簡(jiǎn)短的文章希望對(duì)大家之后設(shè)計(jì)有所幫助。

文章來(lái)自：站酷