大家对商城网站的最大印象是什么，是臃肿杂乱的商品栏目还是糟糕的色彩搭配？在大家印象中，商城网站似乎不能跟清爽这样的字眼联系起来。其实商城网站也能设计得非常清爽，下面我将结合建站的网站模板来探讨如何打造清爽的商城网站。

横幅

横幅是一个网站的“脸面”所在，想要商城网站看起来清爽首先要重视横幅的计。不同于大部分商城网站的缤纷配色，上面的网站模板只用了薄荷绿作为主色调。半透明的薄荷绿色块增强文字可读性配上图片背景，整个横幅设计简洁又清爽。简单的标题文字，没有太多冗杂元素的排版，这样清爽的设计才会让用户眼前一亮、继而产生继续浏览的欲望。

配色

想要让商城网站变得清爽，第一步是改变它的色彩搭配。商城网站一般会运用红色、橙色等饱和度比较高的颜色，而且完全违背色彩搭配原则，让人第一眼就觉得很乱。我们应该采用饱和度较低、明亮度高的浅色系，如薄荷绿、樱花粉、婴儿蓝等。上面网站模板就是采用亮度较高的薄荷绿作为主色调，在视觉上会给人眼前一亮的感觉，而统一的色调可以让页面看起来简洁又清爽。

产品布局

解决了色彩问题，接下来就要改造产品布局这个“老大难”问题。商城网站给人臃肿感觉最大的源头就在于产品布局，大多数商城网站的产品布局都非常拥挤。产品数量不是很多的商城网站可以学习一下上面网站模板的产品展示布局：没有将价钱购买按钮直接放出来，而是设置了一个特效，当鼠标放在产品上面时才会显示出来。这样设计可以增加留白的面积，让页面看上去更加干净清爽。

大多数商城网站的产品都会比较多，站长们可以参考下面网站模板的设计：将产品按照类别分入不同栏目，用户通过点击栏目按钮转换产品页面。同样的，产品的文字语言非常简洁，排版样式简洁一致，这也让它看起来清爽。

从上面两个网站模板我们可以得出让产品布局页面看起来整洁又清爽的四个条件：足够的留白空间，素雅清淡的背景颜色，统一的图文排版，最后就是在文章中没有具体提到，但是每一幅图片都可以看到的，那就是网站图片设计技巧。

做到上面的几点，就足以让你的商城网站设计变得干净清爽，而直接应用上面的网站模板则可以大大减轻你的工作量。