網站美工設計色彩的運用

來源:文萃谷 2.78W

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

網站美工設計色彩的運用

QuickSprout的調查結果顯示,90%的產品評估都會將顏色納入其中。“顏色,”其分析師尼爾·帕特爾寫道,“當你決定購買某件特定產品時,85%的原因是源自顏色。”同樣,色彩會對網站的轉化率有所影響,這是一個顯而易見的事實,那麼就看看這篇文章,準備大幹一場吧。

我們的底線就是:選對顏色,造就成功。

  什麼是色彩心理學?

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

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

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

色彩心理學是企業主、業務經理、建築師、園藝家、主廚、產品設計師、包裝設計師、商店老闆,甚至是為新生兒佈置嬰兒房的準父母都必須學習的課程。色彩是決定性的,我們的成功取決於對色彩的運用。

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

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

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

  以恰當的方式選擇適合的顏色

運用色彩是一件棘手的事。你必須以恰當的方式在合適的時間以恰如其分的理由面向目標受眾對它進行使用。

舉個例子,如果你的網站是有關供兒童玩耍的充氣房的銷售,那麼你就不會考慮使用黑色的頁面,而是會與的色彩選擇相類似。

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

恰當的方式

合適的時間

目標受眾

恰如其分的理由

這裏是一些專業人士在處理轉化和色彩時會使用的技巧。

  色彩技巧將會提升你網站的轉化率

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

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

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

其它的研究也證實了這些發現,揭示了女性厭惡泥土色系,更喜歡原色系的事實。看一看這些理論是如何被應用到實踐中去的吧。點開任意一家目標受眾是女性羣體的電子商業網站,你會發現這些女性所偏好的顏色都得到了充分應用。

Milani Cosmetics是一家以女性客户為基礎的網站。因此,主頁上見不到任何的橙色、灰色或是棕色。

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

絕大多數的人認為女性所喜愛的大眾色會是粉色,但現實卻不是。事實上,僅僅有一小部分的女性將粉色選做了自己最喜歡的顏色。因此,雖然粉色在色彩心理學中可能與女性特質相關聯,但這並不意味着粉色能夠對所有女性造成吸引,甚至不會引起絕大多數女性的興趣。選擇一些粉色以外的顏色,例如藍色、紫色和綠色,或許可以提高你的電子商務網站對女性訪問者的吸引力,從而提高轉化率。

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

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

  3.藍色有助於培養用户的信任感

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

閲讀一些關於藍色的文獻,你會得到以下信息:

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

藍色是美國公司的代表色,它的潛台詞是“冷靜,請相信並信任我……請對我所説的話充滿信心!”

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

對於藍色的心理學作用在學術界已經達成了廣泛的共識。它所傳遞的值得信任和寧靜的微妙信息是真實的。你可以將藍色運用到優化你的網站及登陸界面上。

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

藍色實際上也被多家銀行廣泛使用。一家大型的互聯網銀行就使用了藍色。

儘管藍色是一種挑不出問題的顏色,但它決不能被用到與食品相關的事物上。用藍色盤子用餐的節食者就能成功地剋制繼續進食的慾望。進化理論則認為,藍色是一種與毒素相關的顏色。世界上沒有什麼食物是藍色的,藍莓和李子也只是表皮是藍色而已。因此,如果你是做食物銷售行業的話,網站上就不要出現藍色。

  4.黃色表示警告

黃色是表示警告的顏色。因此,在警告標誌、交通信號和地板濕滑的提醒上經常能夠看到黃色的身影。

關於黃色,有種看似奇怪的現象,那就是一些色彩心理學家認為黃色是與幸福有關的顏色。Business

Insider的報告稱“使用黃色的品牌是為了展現自身的趣味以及表示友好。”這説明黃色可以表示活潑。然而,因為黃色能夠刺激大腦的興奮中心,活潑的感覺可能只是一種情緒高亢的狀態,並不是純粹的快樂。

色彩心理學與記憶和經歷有着密切聯繫。所以,如果某人曾與一位身着黃色T恤的人有過愉快經歷的話,他會在有着黃色拱門的.快餐店吃飯,或是住在有着黃色牆壁的房屋中,因為黃色可能會讓他回想起那段愉快的記憶。

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

我曾讀到過“黃色能引起反胃”的觀點,但是我對此持懷疑態度。

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

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

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

  5.綠色是環保和户外產品的理想顏色

或許最直觀的色彩是綠色,綠色是户外的顏色,代表着環保、自然和環境。綠色實質上就是自然本身的顏色象徵。

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

如果你的網站專注於與自然、環境、有機或是户外有關的產品或信息時,綠色應該是你的首選。

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

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

戴爾網站上的所有轉化按鈕都是綠色的:

“綠色”這個詞語本身就是與環保意識和環境欣賞相關的流行語。使用這個詞語和顏色能夠為你的網站帶來環保氛圍,提高你在那些熱衷於環境問題的用户之間的聲譽。

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

橙色的積極一面是它可被用作“趣味”顏色。對於一些人來説,橙色有助於“激發人們參與體育鍛鍊、進行比賽的慾望,並能使人變得更有信心。”這也許是為什麼橙色會被運動隊和兒童產品製造商廣泛使用的原因。

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

亞馬遜在他們的限時優惠板塊使用了橙色。這種顏色給人一種很急迫的感覺,這種感覺會使信息更加引人注意,並更具可操作性。這點言之有理。橙色意味着活躍。橙色代表着趣味。橙色象徵着親密無間。因為它是一種明亮且温暖的顏色。然而,網站中的橙色元素可以適當的多一些。一篇發表在的文章建議道:“可以謹慎地利用橙色來轉移注意力,但是不要過多,避免掩蓋了廣告的實際信息。”

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

熱門標籤