在商品詳情頁的設計過程中，色彩設計非常重要。據(jù)研究，人們在觀察物體時，最初20秒內(nèi)，色彩感覺占80%。在某種程度上來說，色彩控制的好壞將直接影響消費者在詳情頁的停留時間。那么，這篇文章為大家介紹一下電商商品詳情頁的色彩設計，我們總結(jié)了3種常用的色彩設計方法，一起來看看吧~

　　01

　　黑白灰主色調(diào)+一種高飽和輔助色

　　黑白灰這種基礎(chǔ)的色彩可以很好地傳達高級感和現(xiàn)代感，但是大面積使用無彩色也會讓人感到非常枯燥，單調(diào)。高飽和度、高明度的色彩有著很強的視覺沖擊力，但是大面積使用會導致畫面非常鮮艷、刺眼，庸俗而缺乏品質(zhì)感，還容易讓人產(chǎn)生視覺疲勞。

　　色彩作為視覺的第一感知元素，色彩的飽和度和明度影響色彩呈現(xiàn)給人的感受，比較通用的方法是，使用黑白灰這種無彩色作為主色調(diào)，然后再使用一個高飽和度的亮色作為輔助色，例如白+黃、黑+紅，這樣既能保持了整體色彩的簡約，又可以起到吸引消費者注意力的作用。

　　02

　　以產(chǎn)品主色調(diào)作為畫面的主色調(diào)

　　同色系一直被認為是一種非常高級的色彩組合，使用同色系不同色調(diào)的配色可以讓畫面表現(xiàn)出豐富的層次感，營造高級、品質(zhì)的氛圍。在設計電商詳情頁時，我們同樣可以應用這種單色美學。

　　例如，下圖的巧克力電商詳情頁設計模板，巧克力是情人節(jié)常見的節(jié)日禮物，往往搭配花卉、愛心、蝴蝶結(jié)等元素。但是我們可以跳出固定思維，按照巧克力本身的色彩屬性來進行色彩設計。

　　巧克力照片的顏色以黑色、咖色、棕色為主，畫面整體給人的氛圍是非常安靜的。因此我們可以選擇黑色為主色調(diào)，在輔助色的選擇上，采用與產(chǎn)品同色系的深咖色和棕色，通過同色系的明暗對比來制造畫面的色彩節(jié)奏感。

　　03

　　根據(jù)消費心理來選擇色彩

　　色彩對視覺有刺激作用，這就決定了消費者在閱讀電商詳情頁時的視覺感受，進而影響對商品的認知。因此，在制作電商詳情頁時，我們還需要考慮不同的消費群體對色彩的偏好。

　　例如，設計護膚行業(yè)的電商詳情頁，可以通過色彩設計來帶給消費者在情感方面的舒適觀感和信任。護膚領(lǐng)域的設計常用藍色、綠色這些冷色調(diào)色彩，通過自然、環(huán)保、干凈等色彩聯(lián)想，對產(chǎn)品留下安全、有效、清新不刺激等認知。

　　下圖是修復皮膚產(chǎn)品的電商詳情頁設計模板，色彩以灰白調(diào)為主，并使用少量綠色作為點綴色，頗具生活氣息和自然味道。背景采用淡淡的大理石花紋，整體給人的感覺是非常簡約的，而且純凈、安全。