眾所周知,電商網(wǎng)站設(shè)計(jì)非常棒,可謂久負(fù)盛名,無論是配色,還是構(gòu)圖,或者是裝飾元素都非常出挑,吸引著用戶青睞。
1、我們配色時(shí)都會(huì)根據(jù)色環(huán)來配色,同色系設(shè)計(jì),這種配色方法是適合產(chǎn)品本身顏色比較單一,而且所有的產(chǎn)品色彩都比較統(tǒng)一。例如土豆與牛肉搭配,雖然一個(gè)是土黃色,一個(gè)是暗紅色,但是我們?cè)谂鋱D時(shí),就可以取土豆的土黃色來當(dāng)背景色,這樣就融合了商品,感覺畫面很統(tǒng)一。例如咖啡餅干與咖啡糖,都是咖啡色,這時(shí)候背景色就非常好選擇,簡(jiǎn)單的選擇咖啡色就行。
2、多色搭配在電商網(wǎng)站中經(jīng)常使用,因?yàn)樨S富的色彩本身就很容易抓取用戶的目光,例如蔬菜頁面、水果頁面,產(chǎn)品本身就有很豐富的色彩,紅色辣椒,紫色葡萄,黃色橙子,綠色青椒……這種多色搭配雖然美觀,但是在選擇色彩時(shí),不能大面積使用,比較適合小面積的應(yīng)用起到裝飾平衡作用。因?yàn)槎嗌钆洳惶菀渍莆?,畢竟它們的色彩跨度比較大。
3、互補(bǔ)色設(shè)計(jì)時(shí),它的產(chǎn)品要使用色彩明快的快消品類,例如黃色包裝的餅干,紅色包裝的洗衣液,綠色包裝的果汁……因?yàn)樯噬系挠鋹偢懈菀准て瘘c(diǎn)擊欲望,所以快消品更多選擇使用互補(bǔ)色來設(shè)計(jì)。除了直接使用互補(bǔ)色外,還會(huì)使用單邊補(bǔ)色分割來選擇色彩,也就是與互補(bǔ)色相鄰的兩邊的顏色,讓配色在形成鮮明對(duì)比的情況下又能有較高的融入度,較互補(bǔ)色而言柔和很多。
4、純度與明度的把握也是電商網(wǎng)站中經(jīng)常使用的一種技巧,不同色相的顏色搭配在一起產(chǎn)生不同的視覺效果,產(chǎn)生不同的色彩層次。我們可以根據(jù)產(chǎn)品及網(wǎng)頁傳達(dá)出的整體視覺效果,根據(jù)產(chǎn)品調(diào)性、畫面效果來實(shí)際匹配相應(yīng)的色彩純度與明度,這樣才能更好地吸引用戶的目光,讓用戶有點(diǎn)擊購(gòu)買的欲望。
5、類似色相信大家在很多電商網(wǎng)站中都看到過,它不同于單色系,這是使用類似色,也就是在主色調(diào)明確的情況下輔助添加類似色,這類配色方式在banner應(yīng)用中還比較常見,是一種比較好掌控的配色方式。例如產(chǎn)品是黃色的芒果,我們會(huì)搭配上橙黃色的蜂蜜,或者是橙汁,背景也可以使用淡黃色,呈現(xiàn)出統(tǒng)一視覺感受。色輪上的相近的顏色都可以應(yīng)用在類似色設(shè)計(jì)方案上。
總之,我們?cè)O(shè)計(jì)上海網(wǎng)站建設(shè)網(wǎng)頁時(shí),可以從電商網(wǎng)站中吸取不同的配色技巧,同色系、相似色、互補(bǔ)色、對(duì)比色搭配等等,不但可以保持其主色調(diào),而且還會(huì)產(chǎn)生色彩層次,使畫面既統(tǒng)一又有變化。