網頁設計之色彩理論

涉及到顔色時，您可以使用幾乎無限的調色闆。

在設計網站時，您可以選擇高達1680萬種顔色。 當你開(kāi)始将它們組合成一(yī)個調色闆時？ 您的一(yī)系列選擇立即變得無限。

爲了讓您入門，我(wǒ)将深入探讨以下(xià)主題：

詞彙 - 從色調到飽和到溫暖等等，我(wǒ)們将涵蓋語言設計師在說話(huà)時使用的顔色

色輪 - 用于可視化顔色之間關系的強大(dà)工(gōng)具

配色方案 - 如何使用色輪選擇您的配色方案

色彩心理學 - 人們通常與特定顔色相關的感受和意義

工(gōng)具和資(zī)源 - 應用程序和指南(nán)幫助您掌握顔色設計

爲什麽你應該關心顔色

如果有人把你的鑰匙交給你的夢想車(chē)，免費(fèi)的話(huà)，你的頭會興奮地爆炸，對吧？ 當然！

但如果這輛車(chē)被漆成你最讨厭(yàn)的色調呢？ 或者每個面闆完全是不同的顔色？ 或者如果室内混合石灰綠和建築黃色？

你可能不太興奮，對吧？

顔色有意義。 它們就像字體(tǐ)一(yī)樣傳遞語氣和情感沖擊，這使得它成爲一(yī)個強大(dà)的設計工(gōng)具。

顔色的詞彙 在我(wǒ)們深入理論之前，您需要了解以下(xià)術語：

原色是所有其他色調的基礎。 人類感知(zhī)三種基本顔色：品紅色，青色和黃色。 我(wǒ)們所看到的每一(yī)種顔色都包含這三種顔色的組合，其數量，亮度，色彩和陰影（見下(xià)文）不盡相同。

傳統上，我(wǒ)們認爲紅色，藍(lán)色和黃色是主要顔色，但研究表明洋紅色，青色和黃色更能描述我(wǒ)們的顔色體(tǐ)驗。

在網絡上，我(wǒ)們使用RGB（紅綠藍(lán)）和十六進制值來表示顔色。

RGB顔色系統将所有顔色定義爲三個不同值的組合：一(yī)個特定的紅色，另一(yī)個綠色，另一(yī)個藍(lán)色。 所以：

- rgb（59,89,145）等于Facebook藍(lán)色

- rgb（0，0，0）等于黑色

- rgb（255,255,255）等于白(bái)色

十六進制顔色系統将每個值轉換爲十六進制（基數爲16）的表示形式，如下(xià)所示：

- ＃3b599b等于Facebook藍(lán)色

- ＃000000等于黑色

- #ffffff等于白(bái)色

每兩個字符代表一(yī)個顔色值，因此對于Facebook藍(lán)色，紅色爲3b，綠色爲59，而9b爲藍(lán)色。

熱和冷

顔色也有"溫暖"，每種顔色都可以分(fēn)爲溫暖或涼爽的顔色。

溫暖的顔色含有更多的紅色和黃色。 他們可以在設計中(zhōng)喚起一(yī)種溫暖和激情。 他們也可以感覺到非常具有侵略性和大(dà)膽，提醒我(wǒ)們國際停車(chē)标志(zhì)。 這就是爲什麽紅色經常用于錯誤消息。

涼爽的顔色包含更多的藍(lán)色，引起寒冷的氣候，冰，冬天，水，夜間，死亡和悲傷。 它們可以帶有孤獨，冷漠和恐懼的内涵。 涼爽的顔色也不那麽積極和舒緩。 想想藍(lán)天，或者海灘上清澈湛藍(lán)的海水。 放(fàng)松了嗎(ma)？

溫度

增加圖像的溫度意味着增加其橙色水平。 它通常使圖像看起來更暖和更快樂，類似于當太陽在其上投射橙色光芒時世界看起來更快樂。 相比之下(xià)，降低圖像的溫度使其看起來更冷，更不容易吸引，就像陰天。

色調和陰影 當您添加黑色時，将顔色添加到白(bái)色 - 色調會導緻色調。 色調和陰影可讓您通過将不同級别的白(bái)色和黑色添加到基本顔色來創建單色配色方案。

例如，如果您的底色是＃8dbdd8（淺藍(lán)色），如下(xià)圖所示，您可以通過選擇兩個色調（兩個較亮的藍(lán)色）和兩個色調（兩個較暗的藍(lán)色）來創建單色方案。

飽和度，色調和亮度 飽和度描述了顔色的強度。 飽和度越高，顔色越濃，顔色越深，而飽和度越低，顔色越淡。 當我(wǒ)們說"淺藍(lán)色"或"深綠色"時，我(wǒ)們正在描述飽和度的變化。

色調定義了顔色可以被描述爲與紅色，橙色，黃色，綠色，藍(lán)色，靛藍(lán)和紫色（彩虹顔色）相似或不同的程度。 所以當你描述一(yī)種顔色爲"綠藍(lán)色"時，你用兩種色調來定義它。

亮度，也稱爲價值或色調，定義了與純白(bái)色相比的顔色的感知(zhī)亮度。

色輪 基本色輪包含用于創建配色方案的12種标準色。 餡餅的每一(yī)片代表一(yī)系列顔色，可以通過不同的飽和度，色調，色調，陰影和相鄰顔色的混合來實現。 組合的顔色（例如，黃色 - 橙色）由混合等量的基礎色調（黃色和橙色）而産生(shēng)。

紅色，黃色和藍(lán)色是原色。 紫色，橙色和綠色是次要顔色。 其他一(yī)切都是第三種顔色，主要和次要顔色的混合。

設計使用色輪來選擇配色方案，它有四種風格。

4種配色方案 設計師通過配對色輪中(zhōng)的多個顔色族來創建配色方案。 當您遵循以下(xià)某種模式時，這通常效果最佳。

1.單色 單色配色方案由各種色調，陰影和單一(yī)基色的飽和度組成。 它們非常有凝聚力，但會冒着變得單調的風險。 2.補充 補色方案基于色輪兩側的兩種顔色。 因爲這兩種色彩會有很大(dà)的不同，所以這種方案可以非常有效且引人注目。

專業提示：爲您的号召性用語選擇一(yī)種補充顔色。 使用下(xià)面的方案，如果您的頁面背景爲薄荷綠色，則可以使用粉紅色作爲CTA按鈕。

3.類似 類似的方案具有三種顔色，在色輪上彼此相鄰。 由于色調的相似性，這些方案可以産生(shēng)非常有凝聚力，統一(yī)的感覺，而沒有單色方案的單調性。

4.三位一(yī)體(tǐ) 要制作三色配色方案，請在色輪上繪制等邊三角形（所有三邊長度相同的三角形），然後在三角形的點處選擇三種顔色。 這創造了一(yī)個多樣但平衡的方案。

色彩心理學 每種顔色都有其獨特的色調和意義。 通過仔細選擇你的顔色，你可以加強一(yī)個網站的整體(tǐ)信息。

注意：不同文化和地區的顔色含義可能會有很大(dà)差異。 以下(xià)描述主要針對美國。

紅色 這種充滿活力和積極的色彩可以根據具體(tǐ)情況傳達各種含義，但它具有強大(dà)的功能和天賦。 将它與黑色結合爲一(yī)款男性氣質，極具侵略性，适合運動型跑車(chē)。 将它與白(bái)色和金色搭配，它說明了愛與激情。 紅色也代表危險 - 認爲停止迹象 - 和血 - 認爲紅十字會。

橙色 溫暖，但不如紅色，橙色很難錯過 - 這解釋了它在建築，安全和狩獵設備中(zhōng)的用途。 它也幾乎尖叫秋天，南(nán)瓜和萬聖節。 橙色的溫暖可以喚起有趣而充滿活力的氛圍。

黃色 黃色代表陽光，溫暖和夏季。 這也是光譜中(zhōng)最明顯的顔色，所以它真的會跳出來。 與白(bái)色或黑色相結合時，它尤其引人注目，就像安全設備，校車(chē)和出租車(chē)一(yī)樣。 盡管如此，盡管如此，請小(xiǎo)心，因爲很多人都感到不适。

藍(lán)色 藍(lán)色喚起天體(tǐ)，熱帶和奇怪的專業。 鑒于它與水的長期聯系，我(wǒ)們認爲藍(lán)色是清新和清潔的。 然而，更深的藍(lán)色調可能會引起悲傷。 畢竟，我(wǒ)們稱之爲"藍(lán)調"是有原因的。

綠色 作爲大(dà)多數植物(wù)生(shēng)命的顔色，綠色表現出增長和健康的感覺，使其成爲有機，環保和健康産品的完美選擇。 将它與藍(lán)色和棕色相結合以捕捉自然。 格林在美國也代表财富和金融。

棕色 你不會在網上看到太多的褐色，可能是因爲它意味着肮髒。 但如果你想創造一(yī)種土質感和奢華感，這可能是一(yī)個複雜(zá)的時尚網站。

紫色 在古羅馬，隻有富人才能買得起紫色（這種染料是由蝸牛殼制成的）。 這幾個世紀後，這種聯系依然很強烈，使紫色成爲奢侈品牌的理想色彩。 當與紅色相結合時，它可以感受到親密和浪漫。 随着白(bái)人和粉紅色，它變得俏皮和孩子般。

白(bái)色 白(bái)色是關于純潔，純真和不育的。 你會在專注于婚禮，醫療保健，科學和靈性的網站上看到它。 它也意味着清潔和新鮮的感覺，如新洗和折疊的床單。

黑色 黑色意味着力量，奢侈，邪惡，死亡和未知(zhī)。 善與惡之間的戰鬥表現爲白(bái)與黑 - 隻看達斯維德和盧克天行者的平時服裝。

顔色工(gōng)具和資(zī)源 由于所有複雜(zá)性和靈活性都可以通過顔色設計進行設計，因此設計人員(yuán)已經構建了一(yī)系列工(gōng)具來幫助處理流程，這應該不會讓您感到意外(wài)。 這裏隻是我(wǒ)們最喜歡的幾個。

配色方案（調色闆）發電(diàn)機 我(wǒ)最喜歡的兩個調色闆生(shēng)成器可讓您手動選擇每種顔色，或者根據一(yī)種或兩種顔色自動生(shēng)成它們。

COLOURCODE爲單色和互補等方案類型提供了預設模式，并且您可以将您的方案導出爲.scss，.less，圖像或隻是永久鏈接。 這也是一(yī)個有趣的發現工(gōng)具，因爲鼠标在屏幕上移動時陰影會更新。

Adobe Color CC，以前稱爲"Kuler"，還具有方案類型預設功能，但增加了COLOURCODE沒有的兩個優點。 首先，Color具有内置的社交層，因此您可以探索其他人的調色闆。 第二個（也是最優越的）是從圖像中(zhōng)提取顔色方案的能力。

調色闆的靈感 偉大(dà)的色彩組合需要靈感嗎(ma)？ 以下(xià)網站使用圖像和設計來說明不同顔色如何協同工(gōng)作。 用它們來幫助指導你的選擇。

顔色使用靈感 需要同行設計師的靈感？ 除了：

色彩非常重要，星巴克等特許經營商(shāng)對其每個特許經營地點的色差都有極低的容忍度。每個加盟商(shāng)必須從批準的顔色列表中(zhōng)進行選擇。在通向咖啡廳的門打開(kāi)之前，總部的一(yī)位代表将确保牆上的顔色符合嚴格的公差要求。

正确使用顔色，并且您的網站會感覺更加自然并放(fàng)在一(yī)起。現在你已經掌握了基本知(zhī)識，我(wǒ)鼓勵你繼續走進色彩理論的道路。但最重要的是，請務必查看正确使用顔色的美麗示例，并練習，練習和練習。

網頁設計之色彩理論由東莞網站設計編輯 /ts/news/8696.html如需轉載請注明出處

英文網站建設 SEO外(wài)包網站建設 手機網站建設 外(wài)貿網站建設 雲浮網站建設 茂名網站建設 東莞網站建設 東莞網站開(kāi)發 東莞網站優化 東莞網站設計 東莞網絡推廣 東莞網站制作 東莞建網站 東莞響應式網站

孝感裝修公司 麗水裝修公司 漳州裝修公司 宜春裝修公司 白(bái)山裝修公司 北(běi)京裝修公司 江門裝修公司 博爾塔拉裝修公司 平頂山助孕 鹹陽助孕 廈門助孕 吉林助孕 保定助孕 茂名助孕 高要助孕 高州助孕