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