一个优秀的电子商务网站不但要拥有强大的交互功能，还应该在视觉效果上给用户以强烈地冲击和震撼，能让用户产生视觉上的共鸣。因此，在设计网站的时候，要充分从视觉艺术的角度考虑整个网站的布局。只有将设计理念与该行业的特点紧密联系起来，才能设计出精美的电子商务网站。

下面就从网页设计角度来分析一下热门精美网站应该如何设计才会更加吸引人。

1）首先就从电子类产品销售网站看起吧，这里列举了图1-18和图1-19所示的两个电子类产品销售网站。总体上来看，这两个网站都是非常漂亮的，其吸引人的地方在于配色和结构布局。电子类产品的金属感很强，所以这类网站使用银灰色作为底色是最好的选择。从结构布局上来看，图1-18所示的网站简单大方让人一目了然，而图1-19所示的网站页面比较传统，在国内目前比较流行。在设计的时候，页面布局要根据所销售产品的内容的多少来定，如果销售的产品单一，宜采用图1-18所示的简单型的页面布局。

图1-18 简洁大方的电子类产品网站

图1-19 传统式布局的网站

说明：

电子类产品网站宜选择银灰色为背景主色调，这样更能衬托出所销售产品的金属质感。

2）珠宝首饰产品类网站的设计追求高贵、尊贵的元素。现介绍一个关于钻石销售的网站，其效果如图1-20所示。在该实例中，要介绍的是它的配色。访问该网站的时候，给人的第一感觉就是十分的大气、高贵，左上角的钻石闪闪发亮、颗粒饱满，可见它的价值不菲，让人第一时间就想拥有它，这么一个布局简单的网站，为什么会有那样的感觉呢？它的成功在于它的配色。要知道钻石都是晶莹剔透的，所以在设计此类网站的时候，通常会选择用深色或者暗色来衬托钻石的质感。该网站采用了高贵、大气的暗红色作为底色，更加突出了钻石的特点。该网站的整体设计虽然简单，但确实很成功。

图1-20 销售钻石的网站效果

说明：

拿该网站来介绍的目的是，指导读者在设计网站的时候，在突出产品特殊效果的时候，不要忽略了整个网站的主色调。在配色的时候宜以产品的主色调出发，通过以下两种设计思路完成：第一种，由产品的色调出发，选择相同色系，以和谐的视觉来衬托产品；第二种，还是由产品的色调出发，选择完全相反的色调来衬托产品的图片。注意：最忌讳用不合适的颜色来搭建网站。

3）虚拟商品及充值业务类的网站开办者估计也不会少。图1-21所示为一游戏网站。该网站特别吸引年轻人，网站的核心就突出了游戏主人公的人物形象，简单、直接地表达了网站的内容，从网页的布局上来看它也是很有创意的，注重细节的动画展示。

说明：

对于此类网站的创意设计，要注重迎合年轻人的口味，根据自己所销售产品的最终消费群的眼光来设计网站的效果，宜选择时尚的颜色，有创意性的网页布局。抓住年轻消费者的视觉其实就等于抓住了销售成功的关键。

图1-21 游戏网站

4）销售礼品花卉的网站如图1-22所示。该网站的特点在于它的整体结构设计，目前国内网页设计还停留在固定模式：界面上首先是Banner（广告动画），然后就是导航，接下来就是文字内容，最后是版权页。而该实例完全是“封面型”的创意，当我们观看此网站的时候，就好像欣赏一本画册一样，可以直接浏览到产品的大幅图片，从而有利于产品的在线销售。

(www.daowen.com)

图1-22 销售礼品花卉的网站

对于销售居家产品这样的网站，设计的核心一定要突出产品本身。图1-23所示为销售啤酒的网站。表面上看来，其结构还是比较简单的，只有图片与产品的文字介绍。其实不然，从细节上看，它是很成功的网站。该网站打造的细节就是设置简单大方，不拖泥带水，突出所销售的产品，其他的一笔带过，重点突出，让观看的人一目了然。

图1-23 销售啤酒的网站

说明：

对于网页的整体布局，规划设计也是至关重要的。尽量采用一些特殊的结构布局，可以从视觉上获得更多的吸引力。提示：对于一些特殊产品，如果防止被别人复制，则可以开发成Flash文档，这样在布局设计上更具有灵活性。

5）男女服饰网站的设计。这里以图1-24和图1-25所示的两个网站为例进行说明。图1-24所示为流行销售网站，其采用了直截了当、简洁大方的设计原则，把所销售的产品直接作为网站设计的元素，导航采用了大色块加上30%的灰色底纹，衬托出了包的特色。由于图1-25所示网站所销售的衣服是针对年轻人的，所以设计者在网页布局的创意上下了很大的功夫，对每一个细节都做了单独的设计，做得特别的花哨，很符合年轻人的口味。

图1-24 流行包销售网站

图1-25 年轻人衣服销售网站

说明：

对于销售服饰以及鞋类等产品的网站，在设计网页的时候宜从所销售产品的消费者的年龄段出发，配色上既要注意产品自身的颜色特点，也要兼顾消费者的眼光。在结构布局上宜采用大幅图片的形式直接表达产品，可以采用电子相册等方式在网站上直接发布精美的产品图片，以达到吸引顾客的目的。

6）儿童用品类的网站设计要突出童趣的特点。图1-26所示为儿童消费网站。不论是标志的设计还是对产品的展示部分，该网站都使用了特别活泼可爱的颜色。从结构布局上来看，该网站的导航主要以图片的形式展示，在设计的时候也注意了每一个细节，所有不同菜单的颜色和底纹都用不同的方式进行表达，符合儿童的心理特点。

图1-26 儿童消费网站

说明：

在设计该类网站的时候难度还是比较大的，需要使用特别多的色彩和结构来表达所销售的产品特点。如果在设计的时候颜色搭配不合理，没有一定的整体规划和设计理念，那么设计出来的页面会是杂乱无章的。这类网站宜事先设计好结构布局再设计色彩。

对于其他类的电子商务网站设计，这里不再进行具体介绍了。在设计的时候要整体把握从消费者的眼光出发，先规划后设计的创意原则，这样才能设计出适合市场的电子商务网站。