大家對(duì)商城網(wǎng)站的最大印象是什么，是臃腫雜亂的商品欄目還是糟糕的色彩搭配？在大家印象中，商城網(wǎng)站似乎不能跟清爽這樣的字眼聯(lián)系起來(lái)。其實(shí)商城網(wǎng)站也能設(shè)計(jì)得非常清爽，下面我將結(jié)合凡科建站的網(wǎng)站模板來(lái)探討如何打造清爽的商城網(wǎng)站。

橫幅

　　橫幅是一個(gè)網(wǎng)站的“臉面”所在，想要商城網(wǎng)站看起來(lái)清爽首先要重視橫幅的計(jì)。不同于大部分商城網(wǎng)站的繽紛配色，上面的網(wǎng)站模板只用了薄荷綠作為主色調(diào)。半透明的薄荷綠色塊增強(qiáng)文字可讀性配上圖片背景，整個(gè)橫幅設(shè)計(jì)簡(jiǎn)潔又清爽。簡(jiǎn)單的標(biāo)題文字，沒(méi)有太多冗雜元素的排版，這樣清爽的設(shè)計(jì)才會(huì)讓用戶眼前一亮、繼而產(chǎn)生繼續(xù)瀏覽的欲望。

配色

　　想要讓商城網(wǎng)站變得清爽，第一步是改變它的色彩搭配。商城網(wǎng)站一般會(huì)運(yùn)用紅色、橙色等飽和度比較高的顏色，而且完全違背色彩搭配原則，讓人第一眼就覺(jué)得很亂。我們應(yīng)該采用飽和度較低、明亮度高的淺色系，如薄荷綠、櫻花粉、嬰兒藍(lán)等。上面網(wǎng)站模板就是采用亮度較高的薄荷綠作為主色調(diào)，在視覺(jué)上會(huì)給人眼前一亮的感覺(jué)，而統(tǒng)一的色調(diào)可以讓頁(yè)面看起來(lái)簡(jiǎn)潔又清爽。

產(chǎn)品布局

　　解決了色彩問(wèn)題，接下來(lái)就要改造產(chǎn)品布局這個(gè)“老大難”問(wèn)題。商城網(wǎng)站給人臃腫感覺(jué)最大的源頭就在于產(chǎn)品布局，大多數(shù)商城網(wǎng)站的產(chǎn)品布局都非常擁擠。產(chǎn)品數(shù)量不是很多的商城網(wǎng)站可以學(xué)習(xí)一下上面網(wǎng)站模板的產(chǎn)品展示布局：沒(méi)有將價(jià)錢(qián)購(gòu)買(mǎi)按鈕直接放出來(lái)，而是設(shè)置了一個(gè)特效，當(dāng)鼠標(biāo)放在產(chǎn)品上面時(shí)才會(huì)顯示出來(lái)。這樣設(shè)計(jì)可以增加留白的面積，讓頁(yè)面看上去更加干凈清爽。

　　大多數(shù)商城網(wǎng)站的產(chǎn)品都會(huì)比較多，站長(zhǎng)們可以參考下面網(wǎng)站模板的設(shè)計(jì)：將產(chǎn)品按照類(lèi)別分入不同欄目，用戶通過(guò)點(diǎn)擊欄目按鈕轉(zhuǎn)換產(chǎn)品頁(yè)面。同樣的，產(chǎn)品的文字語(yǔ)言非常簡(jiǎn)潔，排版樣式簡(jiǎn)潔一致，這也讓它看起來(lái)清爽。

　　從上面兩個(gè)網(wǎng)站模板我們可以得出讓產(chǎn)品布局頁(yè)面看起來(lái)整潔又清爽的四個(gè)條件：足夠的留白空間，素雅清淡的背景顏色，統(tǒng)一的圖文排版，最后就是在文章中沒(méi)有具體提到，但是每一幅圖片都可以看到的，那就是網(wǎng)站圖片設(shè)計(jì)技巧。

　　做到上面的幾點(diǎn)，就足以讓你的商城網(wǎng)站設(shè)計(jì)變得干凈清爽，而直接應(yīng)用上面的網(wǎng)站模板則可以大大減輕你的工作量。

　　本文為凡科原創(chuàng)作品，內(nèi)容及圖片版權(quán)歸凡科所有，未經(jīng)許可不得抄襲或轉(zhuǎn)載，否則我司將保留追訴侵權(quán)責(zé)任的權(quán)利。