網(wǎng)頁設(shè)計(jì)基礎(chǔ)：網(wǎng)頁中如何配色？
珠海市天惠設(shè)計(jì)制作有限公司，成立于1996年8月,是為拓展中國Internet領(lǐng)域應(yīng)用而專門成立的高新技術(shù)企業(yè)，是企業(yè)電子商務(wù)技術(shù)服務(wù)和解決方案綜合服務(wù)提供商。
我們的承諾：天惠公司將一如既往，秉承專業(yè)服務(wù)精神，一切從客戶利益出發(fā)，為您率先建站,令您把握先機(jī)，長遠(yuǎn)的眼光定使您在商海搏擊中穩(wěn)操勝券。
多個(gè)域名指向主域名是否作弊
色彩理論
色彩理論中涵蓋了許多內(nèi)容，但是其中最基本的還是通過對比、互補(bǔ)和感染實(shí)現(xiàn)色彩與用戶的互動(dòng)：
·互補(bǔ)指的是我們視野中色彩和色彩之間相互補(bǔ)足的關(guān)系。選擇色輪中處于相對位置的色彩，構(gòu)成的配色方案令雙眼覺得和諧。最常見的互補(bǔ)配色有兩種，三元配色和復(fù)合配色，我們將稍后探討。
·對比則可以將不同的元素區(qū)分開來，從而降低視覺疲勞，構(gòu)建出視覺重心和焦點(diǎn)。元素之間的高對比度讓文字更容易被識別，引導(dǎo)用戶注意到更關(guān)鍵的信息。背景和背景之上文本的色彩選取就是一個(gè)非常常見的對比度的問題，我們會(huì)隨后聊到。
·色彩對于用戶的情緒上的感染也是一個(gè)重要因素。
色輪
每次談及色彩和配色，總是繞不過色輪。色輪上每一個(gè)色彩在對稱的位置上都有一個(gè)與之“相反”的色。
色輪的功能不只是為你呈現(xiàn)出互補(bǔ)色。色輪以三原色（Primary Colors）紅、黃和藍(lán)為基礎(chǔ)，兩兩混合創(chuàng)造出次色（Secondary colors）橙色、綠色和紫色。在這六個(gè)不同的色彩的基礎(chǔ)上，加入白色能夠創(chuàng)造出不同的色調(diào)，加入黑色營造出色度的差異。
創(chuàng)造高效的配色方案
想要構(gòu)建一套可行的配色方案，通常有三種可靠可行的配色方案：三元色（Tradic），近似色（Analogous）和復(fù)合色（Compound）。
三元色。這種配色方案是幾種配色方案中最均衡的，在色輪上選取三個(gè)位置互成120度角的三種色彩，以它們的位置為端點(diǎn)能在色輪內(nèi)畫一個(gè)等邊三角形。
通過這個(gè)等邊三角形，你能確保配色方案中的三種色彩帶來的感染力、對用戶的影響是均衡的，并且相互之間能夠形成可靠的搭配。
復(fù)合色。色輪上相互對稱位置上的色彩構(gòu)成互補(bǔ)色，而兩組相鄰互補(bǔ)色構(gòu)成的配色方案則為復(fù)合色。這兩組色彩的強(qiáng)對比是吸引用戶注意力的重要手段。
舉個(gè)例子，紅色和綠色就是一組互補(bǔ)色。iOS 中電話圖標(biāo)和右上角的數(shù)量提示標(biāo)識就很好的構(gòu)成了色彩對比。
近似色。色輪上彼此相鄰的色彩是類似色，它們能在色彩上營造出協(xié)調(diào)而連續(xù)的感覺。雖然這種配色不是那么好把控的，但是有訣竅，就是注意選取有感染力的色調(diào)作為核心，這樣可以最大化利用整個(gè)方案。一套類似色的配色方案通常是在色輪的同一區(qū)域內(nèi)選取色彩搭配而成。
黃色和橙色就能很好的搭配出一套配色方案。
著名的任務(wù)管理類工具Clear 就是借助類似色配色方案將不同優(yōu)先級的任務(wù)視覺化的處理。
類似色配色方案能夠用來給APP或者網(wǎng)站營造特定的情緒和氛圍。比如醫(yī)療類應(yīng)用Calm 就使用了藍(lán)色和綠色這樣的類似色配色來盡量讓用戶感到輕松和寧靜。
學(xué)習(xí)搞定配色方案最好的方法就是不斷的練習(xí)。創(chuàng)造配色方案的工具很多，Adobe Color CC 無疑是相當(dāng)可靠的選擇。Color CC的調(diào)色面板非常的直觀，選中的色彩都可以進(jìn)行單獨(dú)的修改，方案制定完成之后只需簡單的點(diǎn)擊幾下就能很好的保存下來。
文本色彩
當(dāng)你在為文本進(jìn)行色彩選取的時(shí)候，需知道文本和周圍的色彩如何相互之間對比度低的話，用戶是很難進(jìn)行分辨的。當(dāng)這種配色出現(xiàn)在移動(dòng)端上之時(shí)，戶外的炫光和屏幕本身的反光可能讓這種情況更加嚴(yán)重。
色彩低對比度讓用戶的眼睛無法聚焦和分辨信息。
WC3 的網(wǎng)絡(luò)內(nèi)容可訪問性指南 能幫你更好的解決網(wǎng)頁中色彩和對比度的問題。這份指南中規(guī)定了對比度的最低標(biāo)準(zhǔn)，確保低視力的用戶最起碼能看清文本。根據(jù)WC3的規(guī)范，文本色彩和背景之間的對比度會(huì)根據(jù)光照強(qiáng)度分為1-21總計(jì)21個(gè)不同的級別。對于正文文本和圖片文本之間，他們提出了如下的建議：
·較小的文本應(yīng)當(dāng)確保至少和背景之間有4.5:1的對比度比率
·較大的文本（14pt粗體，18pt常規(guī)）應(yīng)當(dāng)確保和背景之間的對比度超過3:1
一旦你對配色作出了選取，那么用絕大多數(shù)的常用設(shè)備來驗(yàn)證這個(gè)配色的對比度是非常有必要的。測試結(jié)果和用戶的實(shí)際體驗(yàn)是掛鉤的，如果識別度有問題，那么應(yīng)當(dāng)作出適當(dāng)調(diào)整。
色彩對轉(zhuǎn)化率的影響
UI設(shè)計(jì)中，色彩搭配不僅僅是一種裝飾，合理的設(shè)計(jì)能夠?qū)Ξa(chǎn)品和業(yè)務(wù)產(chǎn)生直接的影響。色彩對于產(chǎn)品的轉(zhuǎn)化率而言有著諸多影響，它作用于不同的UI控件，直接地影響著用戶的交互和體驗(yàn)。而色彩對于轉(zhuǎn)化率的影響，最值得一提的應(yīng)該是行為召喚（CTA）按鈕。
一個(gè)CTA 按鈕通常牽涉到4件事情：位置，形狀，文案和色彩。如果這四個(gè)因素在設(shè)計(jì)上都能良好的配合，那么這就是一個(gè)效果良好的CTA按鈕了。在按鈕的顏色選取和轉(zhuǎn)換上的爭議可能是世界范圍內(nèi)爭吵的最多也是最常的一個(gè)問題了。有大量的A/B 測試的測試結(jié)果顯示，CTA 按鈕的色彩變化對于注冊等交互行為有著重大的影響。HubSpot 曾經(jīng)共享過一個(gè)著名的按鈕顏色測試：
Performable 所展示的A和B兩個(gè)版本的按鈕顏色測試，頁面上的內(nèi)容都是一樣，測試的是顏色對于用戶的影響。
雖然大家都預(yù)測綠色的按鈕效果會(huì)更好，但是紅色的按鈕實(shí)際效果比綠色按鈕高了21%。
所以，同樣的道理，這樣的測試結(jié)果并不能覆蓋所有的情況。并沒有一種神奇的色彩能夠應(yīng)用于所有的網(wǎng)頁和APP，實(shí)際的情況需要根據(jù)你的受眾、基于測試來進(jìn)行選取，看看用戶會(huì)怎樣決策。
網(wǎng)站推廣計(jì)劃是網(wǎng)絡(luò)營銷計(jì)劃的組成部分。制定網(wǎng)站推廣計(jì)劃本身也是一種網(wǎng)站推廣策略， 推廣計(jì)劃不僅是推廣的行動(dòng)指南，同時(shí)也是檢驗(yàn)推廣效果是否達(dá)到預(yù)期目標(biāo)的衡量標(biāo)準(zhǔn)，所以，合理的網(wǎng)站推廣計(jì)劃也就成為網(wǎng)站推廣策略中必不可少的內(nèi)容。
