網頁設計資源大公開!用對顏色讓你的一頁式網站業績翻倍!

一頁式網頁色彩學

在先前的“暗黑色彩心理學,巧妙收服訪客的心”的文章中提到,不同的顏色會喚起網站訪客不同的情緒反應。那麼怎麼利用色彩心理學去推動商品的銷售呢?

文章後面會提供兩個網站配色的最佳工具與技巧,讓你輕鬆選出完美的配色! 網頁設計資源你懂了嗎?快跟著光先生看下去唄!

每日學,內容精要,重點快速瀏覽學習,輕鬆掌握重點。

關於顏色在一頁式銷售網頁中所起的作用,研究人員發現根據產品種類不同,客戶第一眼對於產品的好壞判斷,這些判斷其中高達90%是與顏色有關。 另一項研究的結果則表示,品牌與顏色與”特定品牌”所用的顏色有關。

以下就是市面上常見的品牌的配色。

Credit: The Logo Company

人的大腦喜歡立即識別性的品牌,因此色彩成為品牌標識的重要元素。那麼你如何在一頁式網頁運用顏色讓業績成長,與直接競爭對手做出不一樣的行銷方式。

可以從研究商品消費者喜好著手,雖然絕大多數消費者喜歡具有相似色調的網頁,但通常具有高對比色的網頁會有較高的轉單率。運用對比色適時將重點凸顯出來,例如加入購物車、訂閱電子報、領取折扣碼等。

對比色色環

Credit: Joshua Porter

以這個網頁為例,將按鈕綠色變為紅色,整體網頁轉換率因此提高。原因在於在綠色調的網頁中運用綠色的對比色紅色,做出鮮明的對比 ,將希望訪客的目光吸引到對比色的部分再進一步採取行動。

結論:選擇顏色搭配沒有絕對的作法、說法。這點是一個令人沮喪的答案,但這同時也是事實。你要考慮因素有許多,行銷策略、網頁內容等,還有你的品牌或商品創造的形象,給人的感覺等。

雖然沒有完美的配色清單與做法,仍然可以藉由一些線上工具找出屬於你專屬的顏色風格。

兩個網站配色的最佳工具與技巧

促成粉絲與朋友互動

Colordot

上手等級 : 初學者

簡單易用的配色工具非常適合那些根據直覺去配色的網頁設計師。 只需在營幕上移動滑鼠,直到找到喜歡的顏色,然後左鍵點擊以選擇該顏色即可,直到您選擇任意數量的顏色。
這個有點像上次提供的 Colorhunt ,但這個更直覺性。
促成粉絲與朋友互動

Paletton

上手等級 : 設計師等級

Paletton具有定制功能,適合經驗豐富的Web設計人員。 可以通過單色、相似,三元組等進行自訂。選擇顏色方案後,還可以運行模擬,以查看在不同條件下的顏色效果。

在觀看產品的前90秒內是由潛意識所做出的決定,其中90%的判斷僅僅基於顏色。

每日學,文章推廣

每日學,內容精要,重點快速瀏覽學習,輕鬆掌握重點。

發佈留言