商品詳情頁設計與制作（電商商品詳情頁結構圖）

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

　　01

　　黑白灰主色調+一種高飽和輔助色

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

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

　　02

　　以產品主色調作為畫面的主色調

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

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

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

　　03

　　根據消費心理來選擇色彩

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

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

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