網(wǎng)頁(yè)設(shè)計(jì)的配色一般分三步:
第一,選擇主色為品牌顏色;
第二,選1到2個(gè)輔助色為網(wǎng)站創(chuàng)建配色方案;
第三,選擇背景顏色。
1、選擇網(wǎng)站主色 主色有助于讓人產(chǎn)生某些情緒或感覺(jué),就像紅色:激情,興奮,勇氣,主色是您希望觀眾在想到您時(shí)記住的顏色,如果您已經(jīng)有了logo,請(qǐng)確保logo的主要顏色之一是使用主色。
如果沒(méi)有主導(dǎo)品牌的顏色,怎么選擇顏色呢?那我們就要先創(chuàng)造一個(gè)品牌的顏色,如何創(chuàng)造品牌的顏色,那我們就要先了解顏色的含義,不同的顏色能帶給人不同的感覺(jué)體驗(yàn),大公司不會(huì)意外地挑選他們的品牌顏色,品牌顏色被選擇作為其品牌和營(yíng)銷舉措的一部分,不同的顏色有吸引特定類型的購(gòu)物者的能力,甚至可以改變消費(fèi)者的行為。我們需要定位我們的市場(chǎng)和用戶人群以及我們的公司品牌理念或者想要給用戶傳達(dá)的我們的品牌概念,由此來(lái)選擇我們的品牌顏色,那我們的網(wǎng)站主色也就源于我們的品牌顏色
怎么在網(wǎng)站里面使用主色? 只有在希望網(wǎng)站訪問(wèn)者注意的有限數(shù)量的地方使用您的主色,或者希望訪問(wèn)者采取某些措施的地方(例如撥打電話號(hào)碼,填寫(xiě)聯(lián)系表單,請(qǐng)注冊(cè)等),一般您的主色要夠突出,可以真實(shí)的強(qiáng)調(diào)出您想要訪客關(guān)注的地方。
2、選擇輔助色 整個(gè)網(wǎng)站上只有1種顏色顯得比較單調(diào),為了使網(wǎng)站的設(shè)計(jì)更有趣(和專業(yè)),需要用到輔助色,以突出網(wǎng)站的值得注意的部分,如報(bào)價(jià),按鈕或字幕。
顏色混合和搭配是很多人頭痛的點(diǎn),因?yàn)椴惶菀谆蛑庇^地知道哪些顏色很好地融合在一起,對(duì)色彩理論的沒(méi)有很好的理解,就會(huì)大量的試錯(cuò)。怎么能輕松的選擇好輔助色呢?只要您擁有主色,通過(guò)使用顏色匹配工具,找到您的輔助顏色。
怎么在網(wǎng)站里使用輔助色? 可以使用互補(bǔ)的輔助色來(lái)突出顯示網(wǎng)頁(yè)上的輔助信息,雖然這些內(nèi)容不是網(wǎng)頁(yè)的主要焦點(diǎn),但仍然希望它們脫穎而出(副標(biāo)題,輔助按鈕,信息框,背景顏色等),嘗試限制只有1或2輔助色。(如果輔助顏色太多,他們會(huì)產(chǎn)生太多的焦點(diǎn),可能會(huì)讓網(wǎng)站的訪問(wèn)者混淆視線)。
網(wǎng)頁(yè)設(shè)計(jì)配色
3、選擇網(wǎng)站背景顏色 如果希望網(wǎng)站訪問(wèn)者能夠輕松瀏覽網(wǎng)站,不想過(guò)于粗重或明亮的背景顏色吸收您的內(nèi)容,想讓訪客的眼睛瞥見(jiàn)您想要說(shuō)的重要內(nèi)容,那么選擇一個(gè)正確的背景顏色很重要。
類型一:內(nèi)容密集信息網(wǎng)站和電子商務(wù)網(wǎng)站 這些類型的網(wǎng)站的目的是促進(jìn)想法或產(chǎn)品,重點(diǎn)是內(nèi)容或產(chǎn)品,而不是網(wǎng)站的設(shè)計(jì), 背景顏色只是幫助使內(nèi)容更加可見(jiàn)和可讀的背景。
用于信息密集型和電子商務(wù)網(wǎng)站的好配色方案是白色或淺色背景,具有強(qiáng)大的顯性和強(qiáng)調(diào)色彩。
大膽的主色和輔助色給予網(wǎng)站個(gè)性和焦點(diǎn),而純平的背景顏色可使您的訪問(wèn)者專注于您的內(nèi)容或產(chǎn)品。
類型二:企業(yè)/商業(yè)網(wǎng)站 企業(yè)/商業(yè)網(wǎng)站通常有兩個(gè)目的:促進(jìn)品牌或其服務(wù),根據(jù)業(yè)務(wù)網(wǎng)站要關(guān)注的目的,網(wǎng)站的背景顏色將會(huì)有所不同。
推廣品牌 當(dāng)您要建立強(qiáng)大的品牌標(biāo)識(shí)時(shí),您應(yīng)該使用您的主流或品牌顏色的各種色調(diào)作為背景顏色。
這是因?yàn)轭伾c品牌認(rèn)知密切相關(guān),當(dāng)您將主流/品牌色彩的變化用作您的背景時(shí),您將加強(qiáng)品牌,并使其更加難忘。
如果您有一個(gè)非常大膽的品牌顏色,使用它作為您的背景顏色可能太壓倒性,請(qǐng)考慮選擇不那么強(qiáng)烈的品牌顏色。
推廣服務(wù) 如果您希望您的服務(wù)價(jià)值或您過(guò)去項(xiàng)目的投資組合成為焦點(diǎn),請(qǐng)使用白色或中性背景顏色。
就像內(nèi)容密集型和電子商務(wù)網(wǎng)站一樣,不希望網(wǎng)站的背景顏色將焦點(diǎn)從您的內(nèi)容或您要溝通的消息中脫離出來(lái)。
通過(guò)選擇中性或白色背景,網(wǎng)站的內(nèi)容自然會(huì)變得越來(lái)越受到關(guān)注。
類型三:圖形強(qiáng)化的時(shí)尚和創(chuàng)意網(wǎng)站 對(duì)于像時(shí)尚,設(shè)計(jì),餐廳,美容和創(chuàng)意產(chǎn)業(yè)中使用的網(wǎng)站,應(yīng)該使用什么背景圖像或顏色,確實(shí)沒(méi)有什么規(guī)則。 可以使用黑色的菜單欄顯得更加有張力; 或者使用彩虹的所有顏色來(lái)創(chuàng)建一個(gè)觸動(dòng)人心的背景圖像。
在這里您可以打破所有的規(guī)則,并使用任何您喜歡的顏色,只要您保持一個(gè)規(guī)則 - “不要讓選擇的背景使您的文本或內(nèi)容難以閱讀。
好的背景顏色讓網(wǎng)站的內(nèi)容成為協(xié)調(diào)中心,同時(shí)與您的主色和輔助色色協(xié)調(diào)工作,并使訪客在瀏覽您的網(wǎng)站時(shí)感覺(jué)良好。
如有背景色疑問(wèn),請(qǐng)使用白色或淺灰色作為背景顏色,雖然它可能不是最觸動(dòng)人心的顏色,但總是能將內(nèi)容凸顯出來(lái)。
結(jié)論 為網(wǎng)站選擇正確的顏色方案不應(yīng)該基于您最喜歡或直覺(jué)的顏色,一個(gè)好的
網(wǎng)站設(shè)計(jì)是把觀眾放在首位來(lái)設(shè)計(jì)的。
選擇適合您的目標(biāo)受眾的顏色去設(shè)計(jì)網(wǎng)站,可以讓訪客產(chǎn)生難忘的意念,在競(jìng)爭(zhēng)對(duì)手中脫穎而出。
選取配色方案不應(yīng)該是隨機(jī)的,相反,它應(yīng)該是一系列有組織,客觀的搭配:
將您的品牌與正確的主色匹配;匹配主色與輔助色;匹配背景顏色和主色、輔助色。
(鄭重聲明:本文作者玫玫,編輯略有刪改。版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。)
當(dāng)前標(biāo)題:網(wǎng)頁(yè)設(shè)計(jì)的配色原則
網(wǎng)站鏈接:http://www.rwnh.cn/news/115988.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)建站、移動(dòng)網(wǎng)站建設(shè)、搜索引擎優(yōu)化、網(wǎng)站維護(hù)、網(wǎng)站制作、網(wǎng)站建設(shè)
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)