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

網(wǎng)站美工色彩設(shè)計運(yùn)用技巧顏色可以對人的態(tài)度和情緒產(chǎn)生重大影響。網(wǎng)站美工色彩設(shè)計運(yùn)用有哪些技巧呢。下面是小編為大家整理的網(wǎng)站美工色彩設(shè)計運(yùn)用技巧，歡迎參考~?網(wǎng)站美工色彩設(shè)計運(yùn)用技巧QuickSprout的調(diào)查結(jié)果顯示，90%的產(chǎn)品評估都會將顏色納入其中?！邦伾?，”其分析師尼爾·帕特爾寫道，“當(dāng)你決定購買某件特定產(chǎn)品時，85%的原因是源自顏色?！蓖瑯?，色彩會對網(wǎng)站的轉(zhuǎn)化率有所影響，這是一個顯而易見的事實(shí)，那么就看看這篇文章，準(zhǔn)備大干一場吧。?我們的底線就是：選對顏色，造就成功。?什么是色彩心理學(xué)??為了能夠更好地體會下文中所提到的技巧，你最好是從了解一些與色彩心理學(xué)相關(guān)的信息入手。?色彩心理學(xué)是一門研究色彩如何對人類行為產(chǎn)生影響的學(xué)科。色彩心理學(xué)實(shí)際上是行為心理學(xué)廣泛領(lǐng)域的一個分支。簡單地說，它是一個相當(dāng)復(fù)雜的領(lǐng)域。由于理論檢驗(yàn)的困難，一些懷疑主義者甚至對整個色彩心理學(xué)充滿蔑視。在色彩心理學(xué)領(lǐng)域，我自己的研究也正如文中所提到的那樣，缺乏科學(xué)證據(jù)來支持每一個論點(diǎn)。但是就色彩對人有著深刻且無可爭辯的影響的這一點(diǎn)，也并沒有理由可以輕蔑地將其駁回。?色彩心理學(xué)中有一些關(guān)鍵事實(shí)是不容置疑的。在一篇同行評審的期刊論文中，作者薩蒂延德拉·辛格指出，顧客對一件商品形成看法只需要90秒的時間。并且，62%-90%的互動僅來自于產(chǎn)品顏色本身。?色彩心理學(xué)是企業(yè)主、業(yè)務(wù)經(jīng)理、建筑師、園藝家、主廚、產(chǎn)品設(shè)計師、包裝設(shè)計師、商店老板，甚至是為新生兒布置嬰兒房的準(zhǔn)父母都必須學(xué)習(xí)的課程。色彩是決定性的，我們的成功取決于對色彩的運(yùn)用。?我們應(yīng)該在什么地方對色彩進(jìn)行運(yùn)用??讓我們回到本文。正因?yàn)轭伾菬o處不在的，所以我們需要明白應(yīng)該在哪里將這些色彩小技巧投入使用。本文將就色彩在網(wǎng)站設(shè)計中的運(yùn)用進(jìn)行討論。具體來說，我們是在對網(wǎng)站的配色方案進(jìn)行討論，這將包括頭圖、標(biāo)題類型、邊界、背景、按鈕以及彈出窗口的顏色選擇。?在下面的例子中，NinjaJump在其logo、電話號碼、視頻、菜單欄、圖片、分類菜單、子標(biāo)題以及側(cè)邊欄中使用了綠-黃-紅的配色方案。我們接下來討論的技巧可以在諸如菜單、側(cè)邊欄配色方案等類似方面進(jìn)行應(yīng)用。?以恰當(dāng)?shù)姆绞竭x擇適合的顏色?運(yùn)用色彩是一件棘手的事。你必須以恰當(dāng)?shù)姆绞皆诤线m的時間以恰如其分的理由面向目標(biāo)受眾對它進(jìn)行使用。?舉個例子，如果你的網(wǎng)站是有關(guān)供兒童玩耍的充氣房的銷售，那么你就不會考慮使用黑色的頁面，而是會與NinjaJump的色彩選擇相類似。?對于兒童充氣房的網(wǎng)站而言，你會傾向于使用大量明亮且充滿活力的色彩，可能是一些紅色、綠色，再加上一抹黃色進(jìn)行填充。然而，在另一方面，如果你的目標(biāo)是將商品出售給女性顧客的話，你就應(yīng)該避開棕色或是橙色。這或許就是為什么歐萊雅的網(wǎng)站會選擇黑白兩色為主并輔以紫色的原因。?我將對以下技巧進(jìn)行逐一解讀。為了能夠成功地運(yùn)用正確的色彩心理學(xué)，你需要遵循以下幾個核心原則：?恰當(dāng)?shù)姆绞?合適的時間?目標(biāo)受眾?恰如其分的理由?這里是一些專業(yè)人士在處理轉(zhuǎn)化和色彩時會使用的技巧。?色彩技巧將會提升你網(wǎng)站的轉(zhuǎn)化率?1.女性對灰色、橙色和棕色不感興趣，她們更喜歡藍(lán)色、紫色和綠色。?色彩偏好中的社會學(xué)差異是這整個分支學(xué)所研究的主體。帕特爾在引用有關(guān)兩種性別的色彩好惡時做出了正確的選擇。?在一項(xiàng)有關(guān)色彩與性別的調(diào)查中，35%的女性表示藍(lán)色是她們最喜歡的顏色，其次是紫色(23%)和綠色(14%)。而女性受訪者所不喜歡的顏色前三位則是橙色(33%)、棕色(33%)和灰色(17%)。?其它的研究也證實(shí)了這些發(fā)現(xiàn)，揭示了女性厭惡泥土色系，更喜歡原色系的事實(shí)?？匆豢催@些理論是如何被應(yīng)用到實(shí)踐中去的吧。點(diǎn)開任意一家目標(biāo)受眾是女性群體的電子商業(yè)網(wǎng)站，你會發(fā)現(xiàn)這些女性所偏好的顏色都得到了充分應(yīng)用。?MilaniCosmetics是一家以女性客戶為基礎(chǔ)的網(wǎng)站。因此，主頁上見不到任何的橙色、灰色或是棕色。?三種女性所青睞的顏色(藍(lán)色、紫色和綠色)在Woman’sDay網(wǎng)站的首頁上都可見其身影，網(wǎng)站這樣做的目的就是為了對目標(biāo)受眾形成吸引。?絕大多數(shù)的人認(rèn)為女性所喜愛的大眾色會是粉色，但現(xiàn)實(shí)卻不是。事實(shí)上，僅僅有一小部分的女性將粉色選做了自己最喜歡的顏色。因此，雖然粉色在色彩心理學(xué)中可能與女性特質(zhì)相關(guān)聯(lián)，但這并不意味著粉色能夠?qū)λ信栽斐晌?，甚至不會引起絕大多數(shù)女性的興趣。選擇一些粉色以外的顏色，例如藍(lán)色、紫色和綠色，或許可以提高你的電子商務(wù)網(wǎng)站對女性訪問者的吸引力，從而提高轉(zhuǎn)化率。?2.男性不喜歡紫色、橙色和棕色。他們對藍(lán)色、綠色和黑色更感興趣。?如果你的銷售目標(biāo)是針對男性顧客的話，那么網(wǎng)站就一定要遠(yuǎn)離紫色、橙色和棕色。與之相反的是，選擇藍(lán)色、綠色和黑色。藍(lán)色、綠色和黑色這些顏色是傳統(tǒng)意義上的男性色彩。然而，讓人稍感意外的是一些男性受訪者并沒有把棕色視作喜歡的顏色。?3.藍(lán)色有助于培養(yǎng)用戶的信任感?藍(lán)色是最被廣泛使用的顏色之一，理由很充分，許多人都喜歡藍(lán)色。?閱讀一些關(guān)于藍(lán)色的文獻(xiàn)，你會得到以下信息：?藍(lán)色是一種代表著信任、和平、有序和忠誠的顏色?藍(lán)色是美國GS的代表色，它的潛臺詞是“冷靜，請相信并信任我……請對我所說的話充滿信心!”?藍(lán)色讓人頭腦冷靜并帶給人平靜的感覺。經(jīng)常被描述為和平、寧靜、可靠和有序的代名詞。?對于藍(lán)色的心理學(xué)作用在學(xué)術(shù)界已經(jīng)達(dá)成了廣泛的共識。它所傳遞的值得信任和寧靜的微妙信息是真實(shí)的。你可以將藍(lán)色運(yùn)用到優(yōu)化你的網(wǎng)站及登陸界面上。?世界上最大的社交媒體網(wǎng)絡(luò)使用的就是藍(lán)色。對于一家核心價值就是透明和信任的GS而言，這種色彩的選擇絕非偶然。?為數(shù)十億美元提供支付轉(zhuǎn)賬服務(wù)的PayPalGS同樣也是藍(lán)色的擁躉。這將有助于提高其網(wǎng)站的信任度。如果PayPalGS將紅色或是橙色用作外觀主題顏色和商標(biāo)顏色的話，他們可能不會達(dá)到如今的網(wǎng)站轉(zhuǎn)化水平。?藍(lán)色實(shí)際上也被多家銀行廣泛使用。一家大型的互聯(lián)網(wǎng)銀行CapitalOne就使用了藍(lán)色。?盡管藍(lán)色是一種挑不出問題的顏色，但它決不能被用到與食品相關(guān)的事物上。用藍(lán)色盤子用餐的節(jié)食者就能成功地克制繼續(xù)進(jìn)食的欲望。進(jìn)化理論則認(rèn)為，藍(lán)色是一種與毒素相關(guān)的顏色。世界上沒有什么食物是藍(lán)色的，藍(lán)莓和李子也只是表皮是藍(lán)色而已。因此，如果你是做食物銷售行業(yè)的話，網(wǎng)站上就不要出現(xiàn)藍(lán)色。?4.黃色表示警告?黃色是表示警告的顏色。因此，在警告標(biāo)志、交通信號和地板濕滑的提醒上經(jīng)常能夠看到黃色的身影。?關(guān)于黃色，有種看似奇怪的現(xiàn)象，那就是一些色彩心理學(xué)家認(rèn)為黃色是與幸福有關(guān)的顏色。Business?Insider的報告稱“使用黃色的品牌是為了展現(xiàn)自身的趣味以及表示友好?！边@說明黃色可以表示活潑。然而，因?yàn)辄S色能夠刺激大腦的興奮中心，活潑的感覺可能只是一種情緒高亢的狀態(tài)，并不是純粹的快樂。?色彩心理學(xué)與記憶和經(jīng)歷有著密切聯(lián)系。所以，如果某人曾與一位身著黃色T恤的人有過愉快經(jīng)歷的話，他會在有著黃色拱門的快餐店吃飯，或是住在有著黃色墻壁的房屋中，因?yàn)辄S色可能會讓他回想起那段愉快的記憶。?最被廣泛引用的有關(guān)黃色的“事實(shí)”之一就是它會使嬰兒變得愛哭，成人也會更易怒。迄今為止，我還沒找任何能支持這種論調(diào)的研究，盡管每個人都非常樂意反復(fù)的提及它。?我曾讀到過“黃色能引起反胃”的觀點(diǎn)，但是我對此持懷疑態(tài)度。?如果你能找到與“暴躁的嬰兒和易怒的成人是因?yàn)殚L期住在有著黃色墻壁的房子里”有關(guān)的研究，請告訴我。我非常確定嬰兒啼哭和人們易怒，與墻上的涂料顏色無關(guān)。但無論是哪種情況，正如某位色彩學(xué)家所指出的，“黃色能激活大腦焦躁中心”的論調(diào)似乎是真的。?在瀏覽網(wǎng)頁時情緒極度焦躁，這從來都不是一件好事情，除非焦躁的感覺非常細(xì)微。因此，黃色的行動號召或許可以使用戶產(chǎn)生一絲的焦躁情緒，從而促使訪問者對網(wǎng)站希望他們關(guān)注的行動號召進(jìn)行點(diǎn)擊。?一定要控制好黃顏色的使用量，除非你想要引起不必要的焦躁。?5.綠色是環(huán)保和戶外產(chǎn)品的理想顏色?或許最直觀的色彩是綠色，綠色是戶外的顏色，代表著環(huán)保、自然和環(huán)境。綠色實(shí)質(zhì)上就是自然本身的顏色象征。?除了相當(dāng)明顯的戶外暗示性，綠色同樣也是提高創(chuàng)造性的顏色。一份名為“綠色效應(yīng)”的研究表明，參與者在看到綠色時要比看到其它顏色迸發(fā)出更多的創(chuàng)造力。?如果你的網(wǎng)站專注于與自然、環(huán)境、有機(jī)或是戶外有關(guān)的產(chǎn)品或信息時，綠色應(yīng)該是你的首選。?綠色卻不僅僅只與自然有關(guān)。綠色同樣也是一種很好的行動呼吁色，特別是在與“孤立效應(yīng)”一起使用時，孤立效應(yīng)也被稱作馮雷斯托夫效應(yīng)，是指我們傾向于記住那些與眾不同的事物。你能記住自由女神像是因?yàn)樗指哂执蟛⑶沂蔷G色的，而且這種物體在紐約港中并不常見。在色彩心理學(xué)中，孤立效應(yīng)會發(fā)生在重點(diǎn)關(guān)注的條目上，例如轉(zhuǎn)化步奏，它是唯一一個具有特定顏色的條目。對于那些渴望進(jìn)行活動號召的技術(shù)產(chǎn)品而言，綠色是種理想選擇。?看看ConradFeagin是如何使用綠色的：?戴爾網(wǎng)站上的所有轉(zhuǎn)化按鈕都是綠色的：?“綠色”這個詞語本身就是與環(huán)保意識和環(huán)境欣賞相關(guān)的流行語。使用這個詞語和顏色能夠?yàn)槟愕木W(wǎng)站帶來環(huán)保氛圍，提高你在那些熱衷于環(huán)境問題的用戶之間的聲譽(yù)。?6.橙色是一種可以引起匆忙或沖動感覺的有趣顏色。?橙色的積極一面是它可被用作“趣味”顏色。對于一些人來說，橙色有助于“激發(fā)人們參與體育鍛煉、進(jìn)行比賽的欲望，并能使人變得更有信心?！边@也許是為什么橙色會被運(yùn)動隊(duì)和兒童產(chǎn)品制造商廣泛使用的原因。?實(shí)際上，有很多的運(yùn)動隊(duì)中都有橙色的存在，例如：佛羅里達(dá)大學(xué)短吻鱷隊(duì)、克萊姆森大學(xué)老虎隊(duì)、博伊西州立大學(xué)野馬隊(duì)、錫拉庫扎隊(duì)、紐約尼克斯隊(duì)、紐約大都會隊(duì)、迭戈閃電隊(duì)等等。?亞馬遜在他們的限時優(yōu)惠板塊使用了橙色。這種顏色給人一種很急迫的感覺，這種感覺會使信息更加引人注意，并更具可操作性。這點(diǎn)言之有理。橙色意味著活躍。橙色代表著趣味。橙色象征著親密無間。因?yàn)樗且环N明亮且溫暖的顏色。然而，網(wǎng)站中的橙色元素可以適當(dāng)?shù)亩嘁恍?。一篇發(fā)表在Psych.Answers的文章建議道：“可以謹(jǐn)慎地利用橙色來轉(zhuǎn)移注意力，但是不要過多，避免掩蓋了廣告的實(shí)際信息?！?有時，橙色被解讀成“廉價”的代名詞。(與被認(rèn)為是奢華的黑色相比。詳情見下方。)福布斯雜志曾在一篇名為《色彩對于產(chǎn)品銷售影響》的文章中提及該問題，“橙色意味著廉價嗎?”得到的響亮回答是“的確如此”。如果你的產(chǎn)品定位于平價，或是你想讓它們看上去如此的話，橙色或許是個不錯的選擇。BigLots就是這樣。?7.黑色給人一種奢華和有價值的感覺。?我們內(nèi)部的色彩心理學(xué)家表示色調(diào)越暗，奢華感越強(qiáng)。一篇來自于Lifescript的文章將黑色描述為“優(yōu)雅、精致、力量”，這就是奢侈品設(shè)計師和高端電子商務(wù)網(wǎng)站想要用戶產(chǎn)生的感覺。文章中還進(jìn)而將黑色視作“永恒、經(jīng)典”的代表色，這更進(jìn)一步解釋了為什么高價值產(chǎn)品會選擇黑色的原因。?在BusinessInsider上一篇關(guān)于顏色與品牌的文章中，作者闡述了黑色的意義：?“出有魅力、成熟、排他的感覺?！?LV的手袋并不便宜。該品牌的網(wǎng)站上并沒有出現(xiàn)任何代表異想天開和趣味的顏色，這就是價值的體現(xiàn)：?普遍好于天美時的西鐵城手表，網(wǎng)站同樣也是用了深色調(diào)的設(shè)計：?蘭博基尼也是如此。黑色是游戲的名稱：?如果你網(wǎng)站上出售的是高附加值的奢侈消費(fèi)品的話，黑色或許是個不錯的選擇。?8.使用明亮的原色來進(jìn)行行動號召。?在嚴(yán)格的測試環(huán)境中，能夠號召行動的轉(zhuǎn)化率最高的顏色是明亮的原色和二次色，包括紅色、綠色、橙色、黃色。?黑色、深灰色、棕色或是紫色等深色的轉(zhuǎn)化率很低，而明亮色的轉(zhuǎn)化率就很高。?Women’sHealth就使用了明亮的紫紅色調(diào)彈窗來進(jìn)行行動號召。他們采用了與女性相關(guān)的紫色和粉色，并且都是以明亮色調(diào)的方式呈現(xiàn)。?GreenGeeks的按鈕設(shè)為了黃色：?世界最大的零售商將著名的“加入購物車”按鈕設(shè)為了黃色：?一些最好的轉(zhuǎn)化色是“很丑”的顏色——橙色和黃色。ColorMatters上的一篇文章說到，“的顏色或許可以比那些符合美學(xué)標(biāo)準(zhǔn)的顏色更能引發(fā)人們的關(guān)注?！币?yàn)橐粋€轉(zhuǎn)化項(xiàng)目的目標(biāo)是獲得關(guān)注，你或許可以用大的橙色(或是黃色)按鈕實(shí)現(xiàn)它。?9.別忽略了白色。?在我所讀到的大多數(shù)色彩心理學(xué)材料中，有一種顏色一直處在被遺忘的狀態(tài)?；蛟S是因?yàn)樯市睦韺W(xué)家們無法在白色是否是一種顏色的問題上達(dá)成共識。我其實(shí)并不在意它算不算一種顏色。我所知道的是，大量使用白色空間是一種非常強(qiáng)大的設(shè)計方式。例如，這個世界上最受歡迎的網(wǎng)站，它基本就是全白色的：?白色是經(jīng)常被忘記的顏色，因?yàn)樗闹饕猛臼亲鳛楸尘吧，F(xiàn)如今大多數(shù)設(shè)計良好的網(wǎng)站都大量使用白色空間，是為了創(chuàng)造一種自由、空靈以及透氣的感覺。?結(jié)語?互聯(lián)網(wǎng)是一個充斥著色彩的世界，許多內(nèi)容都可以通過恰當(dāng)?shù)姆绞?，在合適的時間，以恰如其分的理由，面向目標(biāo)受眾對色彩進(jìn)行運(yùn)用而實(shí)現(xiàn)。?自然而然，這篇文章會導(dǎo)致你GS辦公環(huán)境的改變。GS制訂一本特定的顏色風(fēng)格指南怎么樣?將logo的顏色確定為某一色調(diào)怎么樣?讓首席設(shè)計師決定色彩要求怎么樣?你該怎么處理這些問題呢??你可能沒有重寫GS色彩風(fēng)格指南、選擇網(wǎng)站色調(diào)或是郵件模板中字體顏色的機(jī)會。所以，你如何在這些情況對色彩心理學(xué)加以運(yùn)用呢?以下是些選項(xiàng)：?如果色彩改動真的是非常棘手并且困難的話，在這些情況下，你可能需要在原有的基礎(chǔ)上制造一些不同。如果你是一位目標(biāo)定位在高端女性消費(fèi)者身上的高跟鞋設(shè)計師，但是GS的logo卻是橙色，那么就向GS的決策者如實(shí)講出你的擔(dān)憂吧。人們有時在涉及顏色的問題上會做出愚蠢的決定，這個時候就應(yīng)該委婉地告訴他們一個殺手锏級別的配色方案是如何改變轉(zhuǎn)化率的，以及原