網(wǎng)站美工色彩設(shè)計的運用技巧

　　顏色可以對人的態(tài)度和情緒產(chǎn)生重大影響。當我們的眼睛看到某種顏色時，會通過一系列的腦活動引起心境和情緒的波動，最終引發(fā)行為。下面YJBYS小編為你講解網(wǎng)站美工在色彩設(shè)計中的運用技巧有哪些!希望對你有所幫助!

　　QuickSprout的調(diào)查結(jié)果顯示，90%的產(chǎn)品評估都會將顏色納入其中�！邦伾�，”其分析師尼爾·帕特爾寫道，“當你決定購買某件特定產(chǎn)品時，85%的原因是源自顏色�！蓖瑯�，色彩會對網(wǎng)站的轉(zhuǎn)化率有所影響，這是一個顯而易見的事實，那么就看看這篇文章，準備大干一場吧。

　　我們的底線就是：選對顏色，造就成功。

　　什么是色彩心理學?

　　為了能夠更好地體會下文中所提到的技巧，你最好是從了解一些與色彩心理學相關(guān)的信息入手。

　　色彩心理學是一門研究色彩如何對人類行為產(chǎn)生影響的學科。色彩心理學實際上是行為心理學廣泛領(lǐng)域的一個分支。簡單地說，它是一個相當復雜的領(lǐng)域。由于理論檢驗的困難，一些懷疑主義者甚至對整個色彩心理學充滿蔑視。在色彩心理學領(lǐng)域，我自己的研究也正如文中所提到的那樣，缺乏科學證據(jù)來支持每一個論點。但是就色彩對人有著深刻且無可爭辯的影響的這一點，也并沒有理由可以輕蔑地將其駁回。

　　色彩心理學中有一些關(guān)鍵事實是不容置疑的。在一篇同行評審的期刊論文中，作者薩蒂延德拉·辛格指出，顧客對一件商品形成看法只需要90秒的時間。并且，62%-90%的互動僅來自于產(chǎn)品顏色本身。

　　色彩心理學是企業(yè)主、業(yè)務經(jīng)理、建筑師、園藝家、主廚、產(chǎn)品設(shè)計師、包裝設(shè)計師、商店老板，甚至是為新生兒布置嬰兒房的準父母都必須學習的課程。色彩是決定性的，我們的成功取決于對色彩的運用。

　　我們應該在什么地方對色彩進行運用?

　　讓我們回到本文。正因為顏色是無處不在的，所以我們需要明白應該在哪里將這些色彩小技巧投入使用。本文將就色彩在網(wǎng)站設(shè)計中的運用進行討論。具體來說，我們是在對網(wǎng)站的配色方案進行討論，這將包括頭圖、標題類型、邊界、背景、按鈕以及彈出窗口的顏色選擇。

　　在下面的例子中，NinjaJump在其logo、電話號碼、視頻、菜單欄、圖片、分類菜單、子標題以及側(cè)邊欄中使用了綠-黃-紅的配色方案。我們接下來討論的技巧可以在諸如菜單、側(cè)邊欄配色方案等類似方面進行應用。

　　以恰當?shù)姆绞竭x擇適合的顏色

　　運用色彩是一件棘手的事。你必須以恰當?shù)姆绞皆诤线m的時間以恰如其分的理由面向目標受眾對它進行使用。

　　舉個例子，如果你的網(wǎng)站是有關(guān)供兒童玩耍的充氣房的銷售，那么你就不會考慮使用黑色的頁面，而是會與NinjaJump.com的色彩選擇相類似。

　　對于兒童充氣房的網(wǎng)站而言，你會傾向于使用大量明亮且充滿活力的色彩，可能是一些紅色、綠色，再加上一抹黃色進行填充。然而，在另一方面，如果你的目標是將商品出售給女性顧客的話，你就應該避開棕色或是橙色。這或許就是為什么歐萊雅的會選擇黑白兩色為主并輔以紫色的原因。

　　我將對以下技巧進行逐一解讀。為了能夠成功地運用正確的色彩心理學，你需要遵循以下幾個核心原則：

　　恰當?shù)姆绞?/p>

　　合適的時間

　　目標受眾

　　恰如其分的理由

　　這里是一些專業(yè)人士在處理轉(zhuǎn)化和色彩時會使用的技巧。

　　色彩技巧將會提升你網(wǎng)站的轉(zhuǎn)化率

　　1.女性對灰色、橙色和棕色不感興趣，她們更喜歡藍色、紫色和綠色。

　　色彩偏好中的社會學差異是這整個分支學所研究的主體。帕特爾在引用有關(guān)兩種性別的色彩好惡時做出了正確的選擇。

　　在一項有關(guān)色彩與性別的調(diào)查中，35%的女性表示藍色是她們最喜歡的顏色，其次是紫色(23%)和綠色(14%)。而女性受訪者所不喜歡的顏色前三位則是橙色(33%)、棕色(33%)和灰色(17%)。

　　其它的研究也證實了這些發(fā)現(xiàn)，揭示了女性厭惡泥土色系，更喜歡原色系的事實�？匆豢催@些理論是如何被應用到實踐中去的吧。點開任意一家目標受眾是女性群體的電子商業(yè)網(wǎng)站，你會發(fā)現(xiàn)這些女性所偏好的顏色都得到了充分應用。

　　Milani Cosmetics是一家以女性客戶為基礎(chǔ)的網(wǎng)站。因此，主頁上見不到任何的橙色、灰色或是棕色。

　　三種女性所青睞的顏色(藍色、紫色和綠色)在Woman’s Day網(wǎng)站的首頁上都可見其身影，網(wǎng)站這樣做的目的就是為了對目標受眾形成吸引。

　　絕大多數(shù)的人認為女性所喜愛的大眾色會是粉色，但現(xiàn)實卻不是。事實上，僅僅有一小部分的女性將粉色選做了自己最喜歡的顏色。因此，雖然粉色在色彩心理學中可能與女性特質(zhì)相關(guān)聯(lián)，但這并不意味著粉色能夠?qū)λ�有女性造成吸引，甚至不會引起絕大多數(shù)女性的興趣。選擇一些粉色以外的顏色，例如藍色、紫色和綠色，或許可以提高你的電子商務網(wǎng)站對女性訪問者的吸引力，從而提高轉(zhuǎn)化率。

　　2.男性不喜歡紫色、橙色和棕色。他們對藍色、綠色和黑色更感興趣。

　　如果你的銷售目標是針對男性顧客的話，那么網(wǎng)站就一定要遠離紫色、橙色和棕色。與之相反的是，選擇藍色、綠色和黑色。藍色、綠色和黑色這些顏色是傳統(tǒng)意義上的男性色彩。然而，讓人稍感意外的是一些男性受訪者并沒有把棕色視作喜歡的顏色。

　　3.藍色有助于培養(yǎng)用戶的信任感

　　藍色是最被廣泛使用的顏色之一，理由很充分，許多人都喜歡藍色。

　　閱讀一些關(guān)于藍色的文獻，你會得到以下信息：

　　藍色是一種代表著信任、和平、有序和忠誠的顏色

　　藍色是美國公司的代表色，它的潛臺詞是“冷靜，請相信并信任我……請對我所說的話充滿信心!”

　　藍色讓人頭腦冷靜并帶給人平靜的感覺。經(jīng)常被描述為和平、寧靜、可靠和有序的代名詞。

　　對于藍色的心理學作用在學術(shù)界已經(jīng)達成了廣泛的共識。它所傳遞的值得信任和寧靜的微妙信息是真實的。你可以將藍色運用到優(yōu)化你的網(wǎng)站及登陸界面上。

　　世界上最大的社交媒體網(wǎng)絡(luò)使用的就是藍色。對于一家核心價值就是透明和信任的公司而言，這種色彩的選擇絕非偶然。

　　為數(shù)十億美元提供支付轉(zhuǎn)賬服務的PayPal公司同樣也是藍色的擁躉。這將有助于提高其網(wǎng)站的信任度。如果PayPal公司將紅色或是橙色用作外觀主題顏色和商標顏色的話，他們可能不會達到如今的網(wǎng)站轉(zhuǎn)化水平。

　　藍色實際上也被多家銀行廣泛使用。一家大型的互聯(lián)網(wǎng)銀行CapitalOne.com就使用了藍色。

　　盡管藍色是一種挑不出問題的顏色，但它決不能被用到與食品相關(guān)的事物上。用藍色盤子用餐的節(jié)食者就能成功地克制繼續(xù)進食的欲望。進化理論則認為，藍色是一種與毒素相關(guān)的顏色。世界上沒有什么食物是藍色的，藍莓和李子也只是表皮是藍色而已。因此，如果你是做食物銷售行業(yè)的話，網(wǎng)站上就不要出現(xiàn)藍色。

　　4.黃色表示警告

　　黃色是表示警告的顏色。因此，在警告標志、交通信號和地板濕滑的提醒上經(jīng)常能夠看到黃色的身影。

　　關(guān)于黃色，有種看似奇怪的現(xiàn)象，那就是一些色彩心理學家認為黃色是與幸福有關(guān)的顏色。Business

　　Insider的報告稱“使用黃色的品牌是為了展現(xiàn)自身的趣味以及表示友好�！边@說明黃色可以表示活潑。然而，因為黃色能夠刺激大腦的興奮中心，活潑的感覺可能只是一種情緒高亢的狀態(tài)，并不是純粹的快樂。

　　色彩心理學與記憶和經(jīng)歷有著密切聯(lián)系。所以，如果某人曾與一位身著黃色T恤的人有過愉快經(jīng)歷的話，他會在有著黃色拱門的快餐店吃飯，或是住在有著黃色墻壁的房屋中，因為黃色可能會讓他回想起那段愉快的記憶。

　　最被廣泛引用的有關(guān)黃色的“事實”之一就是它會使嬰兒變得愛哭，成人也會更易怒。迄今為止，我還沒找任何能支持這種論調(diào)的研究，盡管每個人都非常樂意反復的提及它。

　　我曾讀到過“黃色能引起反胃”的觀點，但是我對此持懷疑態(tài)度。

　　如果你能找到與“暴躁的嬰兒和易怒的成人是因為長期住在有著黃色墻壁的房子里”有關(guān)的研究，請告訴我。我非常確定嬰兒啼哭和人們易怒，與墻上的涂料顏色無關(guān)。但無論是哪種情況，正如某位色彩學家所指出的，“黃色能激活大腦焦躁中心”的論調(diào)似乎是真的。

　　在瀏覽網(wǎng)頁時情緒極度焦躁，這從來都不是一件好事情，除非焦躁的感覺非常細微。因此，黃色的行動號召或許可以使用戶產(chǎn)生一絲的焦躁情緒，從而促使訪問者對網(wǎng)站希望他們關(guān)注的行動號召進行點擊。

　　一定要控制好黃顏色的使用量，除非你想要引起不必要的焦躁。

　　5.綠色是環(huán)保和戶外產(chǎn)品的理想顏色

　　或許最直觀的色彩是綠色，綠色是戶外的顏色，代表著環(huán)保、自然和環(huán)境。綠色實質(zhì)上就是自然本身的顏色象征。

　　除了相當明顯的戶外暗示性，綠色同樣也是提高創(chuàng)造性的顏色。一份名為“綠色效應”的研究表明，參與者在看到綠色時要比看到其它顏色迸發(fā)出更多的創(chuàng)造力。

　　如果你的網(wǎng)站專注于與自然、環(huán)境、有機或是戶外有關(guān)的產(chǎn)品或信息時，綠色應該是你的首選。

　　綠色卻不僅僅只與自然有關(guān)。綠色同樣也是一種很好的行動呼吁色，特別是在與“孤立效應”一起使用時，孤立效應也被稱作馮雷斯托夫效應，是指我們傾向于記住那些與眾不同的事物。你能記住自由女神像是因為它又高又大并且是綠色的，而且這種物體在紐約港中并不常見。在色彩心理學中，孤立效應會發(fā)生在重點關(guān)注的條目上，例如轉(zhuǎn)化步奏，它是唯一一個具有特定顏色的條目。對于那些渴望進行活動號召的技術(shù)產(chǎn)品而言，綠色是種理想選擇。

　　看看Conrad Feagin是如何使用綠色的：

　　戴爾網(wǎng)站上的所有轉(zhuǎn)化按鈕都是綠色的：

　　“綠色”這個詞語本身就是與環(huán)保意識和環(huán)境欣賞相關(guān)的流行語。使用這個詞語和顏色能夠為你的網(wǎng)站帶來環(huán)保氛圍，提高你在那些熱衷于環(huán)境問題的用戶之間的聲譽。

　　6.橙色是一種可以引起匆忙或沖動感覺的有趣顏色。

　　橙色的積極一面是它可被用作“趣味”顏色。對于一些人來說，橙色有助于“激發(fā)人們參與體育鍛煉、進行比賽的欲望，并能使人變得更有信心。”這也許是為什么橙色會被運動隊和兒童產(chǎn)品制造商廣泛使用的原因。

　　實際上，有很多的運動隊中都有橙色的存在，例如：佛羅里達大學短吻鱷隊、克萊姆森大學老虎隊、博伊西州立大學野馬隊、錫拉庫扎隊、紐約尼克斯隊、紐約大都會隊、迭戈閃電隊等等。

　　亞馬遜在他們的限時優(yōu)惠板塊使用了橙色。這種顏色給人一種很急迫的感覺，這種感覺會使信息更加引人注意，并更具可操作性。這點言之有理。橙色意味著活躍。橙色代表著趣味。橙色象征著親密無間。因為它是一種明亮且溫暖的顏色。然而，網(wǎng)站中的橙色元素可以適當?shù)亩嘁恍�。一篇發(fā)表在Psych.Answers.com的文章建議道：“可以謹慎地利用橙色來轉(zhuǎn)移注意力，但是不要過多，避免掩蓋了廣告的實際信息�！�

　　有時，橙色被解讀成“廉價”的代名詞。(與被認為是奢華的黑色相比。詳情見下方。)福布斯雜志曾在一篇名為《色彩對于產(chǎn)品銷售影響》的文章中提及該問題，“橙色意味著廉價嗎?”得到的響亮回答是“的確如此”。如果你的產(chǎn)品定位于平價，或是你想讓它們看上去如此的話，橙色或許是個不錯的選擇。Big Lots就是這樣。

　　7.黑色給人一種奢華和有價值的感覺。

　　我們內(nèi)部的色彩心理學家表示色調(diào)越暗，奢華感越強。一篇來自于Lifescript的文章將黑色描述為“優(yōu)雅、精致、力量”，這就是奢侈品設(shè)計師和高端電子商務網(wǎng)站想要用戶產(chǎn)生的感覺。文章中還進而將黑色視作“永恒、經(jīng)典”的代表色，這更進一步解釋了為什么高價值產(chǎn)品會選擇黑色的原因。

　　在Business Insider上一篇關(guān)于顏色與品牌的文章中，作者闡述了黑色的意義：

　　“黑色可被視作是奢華的顏色�！�黑色，在使用得當時，可以傳遞出有魅力、成熟、排他的感覺�！�”

　　LV的手袋并不便宜。該品牌的網(wǎng)站上并沒有出現(xiàn)任何代表異想天開和趣味的顏色，這就是價值的體現(xiàn)：

　　普遍好于天美時的西鐵城手表，官方的網(wǎng)站同樣也是用了深色調(diào)的設(shè)計：

　　蘭博基尼也是如此。黑色是游戲的名稱：

　　如果你網(wǎng)站上出售的是高附加值的奢侈消費品的話，黑色或許是個不錯的選擇。

　　8.使用明亮的原色來進行行動號召。

　　在嚴格的測試環(huán)境中，能夠號召行動的轉(zhuǎn)化率最高的顏色是明亮的原色和二次色，包括紅色、綠色、橙色、黃色。

　　黑色、深灰色、棕色或是紫色等深色的轉(zhuǎn)化率很低，而明亮色的轉(zhuǎn)化率就很高。

　　Women’s Health就使用了明亮的紫紅色調(diào)彈窗來進行行動號召。他們采用了與女性相關(guān)的紫色和粉色，并且都是以明亮色調(diào)的方式呈現(xiàn)。

　　GreenGeeks的按鈕設(shè)為了黃色：

　　世界最大的零售商將著名的“加入購物車”按鈕設(shè)為了黃色：

　　一些最好的轉(zhuǎn)化色是“很丑”的顏色——橙色和黃色。ColorMatters.com上的一篇文章說到，“從心理學角度來看，‘與美學相悖’的顏色或許可以比那些符合美學標準的顏色更能引發(fā)人們的關(guān)注。”因為一個轉(zhuǎn)化項目的目標是獲得關(guān)注，你或許可以用大的橙色(或是黃色)按鈕實現(xiàn)它。

　　9.別忽略了白色。

　　在我所讀到的大多數(shù)色彩心理學材料中，有一種顏色一直處在被遺忘的狀態(tài)�；蛟S是因為色彩心理學家們無法在白色是否是一種顏色的問題上達成共識。我其實并不在意它算不算一種顏色。我所知道的是，大量使用白色空間是一種非常強大的設(shè)計方式。例如，這個世界上最受歡迎的網(wǎng)站，它基本就是全白色的：

　　白色是經(jīng)常被忘記的顏色，因為它的主要用途是作為背景色。現(xiàn)如今大多數(shù)設(shè)計良好的網(wǎng)站都大量使用白色空間，是為了創(chuàng)造一種自由、空靈以及透氣的感覺。

　　結(jié)語

　　互聯(lián)網(wǎng)是一個充斥著色彩的世界，許多內(nèi)容都可以通過恰當?shù)姆绞�，在合適的時間，以恰如其分的理由，面向目標受眾對色彩進行運用而實現(xiàn)。

　　自然而然，這篇文章會導致你公司辦公環(huán)境的改變。公司制訂一本特定的顏色風格指南怎么樣?將logo的顏色確定為某一色調(diào)怎么樣?讓首席設(shè)計師決定色彩要求怎么樣?你該怎么處理這些問題呢?

　　你可能沒有重寫公司色彩風格指南、選擇網(wǎng)站色調(diào)或是郵件模板中字體顏色的機會。所以，你如何在這些情況對色彩心理學加以運用呢?以下是些選項：

　　如果色彩改動真的是非常棘手并且困難的話，在這些情況下，你可能需要在原有的基礎(chǔ)上制造一些不同。如果你是一位目標定位在高端女性消費者身上的高跟鞋設(shè)計師，但是公司的logo卻是橙色，那么就向公司的決策者如實講出你的擔憂吧。人們有時在涉及顏色的問題上會做出愚蠢的決定，這個時候就應該委婉地告訴他們一個殺手锏級別的配色方案是如何改變轉(zhuǎn)化率的，以及原因是什么。

　　使用心理學上所偏好的顏色來搭配現(xiàn)有的配色方案。誠然，你需要遵循原有的配色方案，但是你仍舊可以在這里或那里使用一抹戰(zhàn)略色彩。舉個例子，你有一家藍色是主色調(diào)的網(wǎng)站。不錯。你可以開發(fā)一個獲取電子郵件地址的彈窗，并將按鈕設(shè)置為明亮的黃色。這個按鈕能夠贏得用戶的心理偏好，并且它也不會與公司商標的顏色產(chǎn)生不協(xié)和感。

　　你在配色方案中擁有的自由度越大，結(jié)果往往越好。這有一些可靠的技巧可以讓你將色彩心理學融入到你的網(wǎng)站設(shè)計中去：

　　多嘗試幾種顏色。不管別人怎么說，對于轉(zhuǎn)換文本或是按鈕而言并沒有正確的顏色一說�？梢栽囋嚲G色、紫色或是黃色的按鈕。探索一下黑色背景配色方案與白色背景方案的各自優(yōu)點。找出最適合你受眾和產(chǎn)品的顏色。

　　不要將顏色的選擇權(quán)全部交給設(shè)計師。我尊敬網(wǎng)站設(shè)計師們。我曾與他們中的很多人一起工作過。然而，別讓設(shè)計師決定你網(wǎng)站應該使用哪種顏色。顏色是一個轉(zhuǎn)化的問題，不僅僅是“噢，這看起來不錯”的問題。色彩美學不是萬能的。色彩轉(zhuǎn)換的效果非常重要!為了提高你的網(wǎng)站轉(zhuǎn)化率，你應該高度參與到登錄頁面的顏色選擇中去。

　　避免顏色過多。我剛剛用了3000多字來告訴你顏色的重要性和神奇性�，F(xiàn)在，你應該走出去并開始著手色彩設(shè)計。但是別過于狂熱。請記住我的最后一點。我把它放在最后是有原因的。白色是一種顏色，它同樣也應該是成為你在色彩選擇上永遠的好朋友。用大量的白色來控制你的色彩熱情。過多的顏色會讓人感到困惑。

　　你的色彩改變已經(jīng)對你網(wǎng)站的轉(zhuǎn)化率產(chǎn)生影響了嗎?

【網(wǎng)站美工色彩設(shè)計的運用技巧】相關(guān)文章：

網(wǎng)站美工色彩設(shè)計運用技巧03-13

網(wǎng)站創(chuàng)意美工設(shè)計技巧08-28

網(wǎng)站色彩構(gòu)成的技巧03-12

網(wǎng)頁美工設(shè)計中色彩搭配技巧03-18

網(wǎng)頁美工色彩搭配技巧03-18

企業(yè)網(wǎng)頁美工設(shè)計色彩搭配的技巧03-13

平面設(shè)計色彩的運用03-03

色彩對動畫設(shè)計的運用03-18

攝影色彩的運用技巧全攻略12-14