{用實(shí)力，造就獨(dú)特！}

平面設(shè)計(jì)和網(wǎng)站設(shè)計(jì)配色方案的區(qū)別

當(dāng)你在設(shè)計(jì)網(wǎng)站時(shí)，采用的顏色會(huì)傳達(dá)出截然不同的思想和情感，所以為你的品牌選擇合適的顏色非常的重要。例如，如果你給美國(guó)的頂級(jí)沙灘設(shè)計(jì)網(wǎng)站，和你創(chuàng)造一個(gè)像Groppon一樣的在線商城，你肯定希望用不同的配色設(shè)計(jì)它們，因?yàn)樗鼈儌鬟_(dá)的是不同的信息——一個(gè)網(wǎng)站傳達(dá)的是讓人心情放松，而另一網(wǎng)站傳達(dá)的是由于做了一次非常棒的交易而讓心跳加速興奮。

本指南探討的主題是關(guān)于網(wǎng)站和平面設(shè)計(jì)的色彩。學(xué)習(xí)先進(jìn)的色彩理論最好的方法，是通過(guò)實(shí)踐，而不是理論。但是為了提高，你必須有一個(gè)起點(diǎn)。除了有用的配色技巧和觀點(diǎn)，你還可以發(fā)現(xiàn)許多寶貴的資源散落在整篇文章中。

顏色的目的

從藝術(shù)的角度來(lái)探索色彩，它可以使主題更加鮮明。這就是一張繪圖和一幅繪畫主要的區(qū)別，盡管它們能傳達(dá)相似的信息。這個(gè)道理適用于任何設(shè)計(jì)包括網(wǎng)頁(yè)設(shè)計(jì)。

將色彩添加到設(shè)計(jì)中使畫面的表達(dá)更加豐富。圖形、字體、按鈕和超鏈接，一切都可以在某種程度上匹配總體的基調(diào)。例如，葡萄園網(wǎng)站的顏色和水族館網(wǎng)站的顏色是不同的。為什么呢？因?yàn)檫@是兩種完全不同類型的網(wǎng)站，它們?cè)噲D傳達(dá)不同意義、目的或者感情給自己的目標(biāo)受眾。

因此，當(dāng)在考慮顏色時(shí)，記住，顏色很少用來(lái)做頁(yè)面的結(jié)構(gòu)的區(qū)分和搭建。你應(yīng)該用灰色來(lái)構(gòu)建一個(gè)布局，就可以讓人了解到界面的整體結(jié)構(gòu)關(guān)系。訪問(wèn)者在瀏覽網(wǎng)站界面時(shí)，色彩可以帶給訪問(wèn)者更加豐富的信息內(nèi)容。

HSV色彩模型

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

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

這就是說(shuō)，明度是明暗程度，表示顏色的明與暗，也被稱作亮度。色相是最基本的顏色術(shù)語(yǔ)，通常用來(lái)衡量實(shí)際的顏色，如藍(lán)色、紅色或黃色。色相是相當(dāng)簡(jiǎn)單的，你可以通過(guò)記傳統(tǒng)的色輪來(lái)記住它的規(guī)律。

飽和度（或純度）與一個(gè)顏色的純度和鮮艷度相關(guān)。可以把飽和度看成是色調(diào)的強(qiáng)與弱、濁與清。大多數(shù)人識(shí)別飽和度就是通過(guò)對(duì)比香蕉黃和粉筆黃的區(qū)別。粉筆色更為“發(fā)白”，似乎缺少鮮艷度，因?yàn)樗娘柡投雀汀南聢D的Munsell color system（孟塞爾顏色系統(tǒng)）圖表中，可以獲得更好的理解：

這個(gè)圖是值得我們?nèi)ダ斫獾模驗(yàn)轭伾际窍鄬?duì)的。所以，一個(gè)“冷”色，像藍(lán)色用在淺色中就不那么冷了，同樣的“暖”色，在暗色中也就不那么暖了。顏色系統(tǒng)是一個(gè)奇怪的話題，因?yàn)樗３Ｅc其它顏色相互作用。這樣聽起來(lái)好像是沒(méi)有意義的，但你可以把它作為學(xué)習(xí)的例子，在實(shí)際的項(xiàng)目中不斷練習(xí)。

Harmonic模式

當(dāng)選擇一個(gè)配色方案時(shí)，你有很多不同的模式可以遵循。誠(chéng)然不是每個(gè)人都懂得如何挑選顏色，幸好網(wǎng)絡(luò)上有很多方便的資源，來(lái)幫助我們完成這個(gè)任務(wù)。我認(rèn)為這些色彩調(diào)和的網(wǎng)頁(yè)做的很出色，但是讓我們討論一些更有趣的選擇吧。

互補(bǔ)色是色輪上相對(duì)的兩個(gè)顏色，它們之間的色彩對(duì)比非常強(qiáng)烈。例如，紫色按鈕在黃色背景上非常的突出，因?yàn)樗鼈兪歉邔?duì)比度的配色。當(dāng)然，這還取決于每一種顏色的飽和度，通過(guò)實(shí)踐來(lái)理解是最好的。請(qǐng)記住：對(duì)立對(duì)比！

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

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

分裂互補(bǔ)色非常像前面的互補(bǔ)色方案，但稍微有些變化。該配色方案是從色輪上的一個(gè)點(diǎn)開始，搭配與它相對(duì)的兩個(gè)相鄰色，使用相近色來(lái)代替互補(bǔ)色中的一個(gè)。分裂互補(bǔ)色的對(duì)比依然非常強(qiáng)烈，但它并不會(huì)像互補(bǔ)色搭配那樣刺目，使人感覺(jué)不舒服，它給色彩的選擇提供了一點(diǎn)回旋余地。

四色式（矩形搭配）是最難以調(diào)和的，平衡的適當(dāng)會(huì)使畫面顯得絢麗多彩。這種配色方案利用兩對(duì)互補(bǔ)色，它們之間隔兩個(gè)色格，這四種顏色在色環(huán)上的連線形成一個(gè)矩形。在設(shè)計(jì)過(guò)程中若讓一個(gè)顏色成為主色，效果會(huì)更加，同時(shí)要注意冷暖色的平衡。我不建議在一開始就采用這種配色方案，因?yàn)槿绻麤](méi)有經(jīng)驗(yàn)，很難去控制它。但是它在較大的設(shè)計(jì)中使用會(huì)顯得非常漂亮，所以它值得被牢記。

顏色對(duì)比

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

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

鄭重聲明：本站部分信息資訊內(nèi)容系網(wǎng)絡(luò)轉(zhuǎn)載，如有涉及隱私或版權(quán)問(wèn)題請(qǐng)及時(shí)聯(lián)系，本站對(duì)信息來(lái)源真實(shí)性和版權(quán)歸屬不承擔(dān)任何法律責(zé)任！

設(shè)計(jì)網(wǎng)站最合適的顏色搭配杭州網(wǎng)站設(shè)計(jì)公司如何進(jìn)行網(wǎng)站設(shè)計(jì)？

平面設(shè)計(jì)和網(wǎng)站設(shè)計(jì)配色方案的區(qū)別

網(wǎng)站設(shè)計(jì)公司怎么收費(fèi)？

企業(yè)官網(wǎng)建設(shè)的作用及網(wǎng)頁(yè)設(shè)計(jì)需要注意的點(diǎn)？

來(lái)網(wǎng)站選取十大人物與事件

招聘網(wǎng)站如何做才會(huì)更吸引人？

如何讓網(wǎng)站訪客變成顧客？

中航酒店管理公司全國(guó)預(yù)訂中心、集團(tuán)預(yù)訂網(wǎng)站全面啟用

石特觀聞

納米科技新品牌打造全案

石特觀點(diǎn)

就沖這個(gè)包裝，請(qǐng)給我再來(lái)一打！

石特動(dòng)態(tài)

強(qiáng)強(qiáng)聯(lián)手！石特策劃設(shè)計(jì)簽約并圓滿完成物產(chǎn)中大國(guó)際貿(mào)易集團(tuán)IP形象體系打造