平面設計和網站設計配色方案的區別

當你在設計網站時，采用的顏色會傳達出截然不同的思想和情感，所以為你的品牌選擇合適的顏色非常的重要。例如，如果你給美國的頂級沙灘設計網站，和你創造一個像Groppon一樣的在線商城，你肯定希望用不同的配色設計它們，因為它們傳達的是不同的信息——一個網站傳達的是讓人心情放松，而另一網站傳達的是由于做了一次非常棒的交易而讓心跳加速興奮。

本指南探討的主題是關于網站和平面設計的色彩。學習先進的色彩理論最好的方法，是通過實踐，而不是理論。但是為了提高，你必須有一個起點。除了有用的配色技巧和觀點，你還可以發現許多寶貴的資源散落在整篇文章中。

顏色的目的

從藝術的角度來探索色彩，它可以使主題更加鮮明。這就是一張繪圖和一幅繪畫主要的區別，盡管它們能傳達相似的信息。這個道理適用于任何設計包括網頁設計。

將色彩添加到設計中使畫面的表達更加豐富。圖形、字體、按鈕和超鏈接，一切都可以在某種程度上匹配總體的基調。例如，葡萄園網站的顏色和水族館網站的顏色是不同的。為什么呢？因為這是兩種完全不同類型的網站，它們試圖傳達不同意義、目的或者感情給自己的目標受眾。

因此，當在考慮顏色時，記住，顏色很少用來做頁面的結構的區分和搭建。你應該用灰色來構建一個布局，就可以讓人了解到界面的整體結構關系。訪問者在瀏覽網站界面時，色彩可以帶給訪問者更加豐富的信息內容。

HSV色彩模型

大多數色彩理論文章討論的觀點是，每種色彩背后的思想和它們表現出的情感。我覺得感情的話題太主觀，雖然它是準確的。選擇一個配色方案，不僅僅是憑情感，相反，我要研究顏色是如何工作的，以及如何開始自己練習。

一個良好的開端是色相(Hue)、飽和度(Saturation)、明度(Value)（或HSV）。你可能理解這些測量顏色的術語，但是我想告訴你這些值確實非常重要。明度是你在黑白照片上獲得的信息——就是不同色度的灰色。把一個網站截圖,將它轉換為灰度圖，你就會看到它的原始值。

這就是說，明度是明暗程度，表示顏色的明與暗，也被稱作亮度。色相是最基本的顏色術語，通常用來衡量實際的顏色，如藍色、紅色或黃色。色相是相當簡單的，你可以通過記傳統的色輪來記住它的規律。

飽和度（或純度）與一個顏色的純度和鮮艷度相關。可以把飽和度看成是色調的強與弱、濁與清。大多數人識別飽和度就是通過對比香蕉黃和粉筆黃的區別。粉筆色更為“發白”，似乎缺少鮮艷度，因為它的飽和度更低。從下圖的Munsell color system（孟塞爾顏色系統）圖表中，可以獲得更好的理解：

這個圖是值得我們去理解的，因為顏色都是相對的。所以，一個“冷”色，像藍色用在淺色中就不那么冷了，同樣的“暖”色，在暗色中也就不那么暖了。顏色系統是一個奇怪的話題，因為它常常與其它顏色相互作用。這樣聽起來好像是沒有意義的，但你可以把它作為學習的例子，在實際的項目中不斷練習。

Harmonic模式

當選擇一個配色方案時，你有很多不同的模式可以遵循。誠然不是每個人都懂得如何挑選顏色，幸好網絡上有很多方便的資源，來幫助我們完成這個任務。我認為這些色彩調和的網頁做的很出色，但是讓我們討論一些更有趣的選擇吧。

互補色是色輪上相對的兩個顏色，它們之間的色彩對比非常強烈。例如，紫色按鈕在黃色背景上非常的突出，因為它們是高對比度的配色。當然，這還取決于每一種顏色的飽和度，通過實踐來理解是最好的。請記住：對立對比！

相近色在色輪上緊鄰彼此。很顯然這樣的配色方案不會產生高對比度。但在設計圖形、banner、紋理或者背景，這些需要匹配整個網頁色系的元素時，這是非常實用的。畢竟在總體布局上，并非一切都應該是需要高對比度。

三色式是在色輪上等距隔開三個獨立的顏色，三種顏色在色輪上要呈正三角分布。當要擺弄這種配色方案時，一定要選出一種色彩作為主色，另外兩種作為輔助色，平衡色彩，決定它們應該如何融入整體布局。飽和度在其中扮演重要的角色，但是整體的配色方案仍然不會因此發生大的變化。

分裂互補色非常像前面的互補色方案，但稍微有些變化。該配色方案是從色輪上的一個點開始，搭配與它相對的兩個相鄰色，使用相近色來代替互補色中的一個。分裂互補色的對比依然非常強烈，但它并不會像互補色搭配那樣刺目，使人感覺不舒服，它給色彩的選擇提供了一點回旋余地。

四色式（矩形搭配）是最難以調和的，平衡的適當會使畫面顯得絢麗多彩。這種配色方案利用兩對互補色，它們之間隔兩個色格，這四種顏色在色環上的連線形成一個矩形。在設計過程中若讓一個顏色成為主色，效果會更加，同時要注意冷暖色的平衡。我不建議在一開始就采用這種配色方案，因為如果沒有經驗，很難去控制它。但是它在較大的設計中使用會顯得非常漂亮，所以它值得被牢記。

顏色對比

對比是網頁設計的永恒話題。對比度是頁面上的兩個對象之間的清晰程度。最值得注意的包括段落、鏈接和標題文本。如果文本和背景顏色之間沒有足夠的對比，那么文字就很難閱讀(太亮或太暗)。

最安全的選擇是始終退回到一個明暗尺度——灰色在白色上或白色在灰色上。深色的文字在亮色的背景上更加明顯，反之亦然。然而，一些顏色經常產生一種不和諧的效果，如紅色和綠色。這種對比在某些情況下是精美的藝術，

鄭重聲明：本站部分信息資訊內容系網絡轉載，如有涉及隱私或版權問題請及時聯系，本站對信息來源真實性和版權歸屬不承擔任何法律責任！

網頁設計中奇思妙想的設計手法網頁設計公司設計基礎

平面設計和網站設計配色方案的區別

企業官網建設的作用及網頁設計需要注意的點？

杭州專業網站制作公司原則有哪些

高端網站制作方案讓未來更時尚

網站制作設計有各種不同的選擇方向

杭州網站設計“更好地滿足客戶需求”

高端網站制作公司“用實力打造獨特”