电子酷作在与大部分客户的沟通中，发现一个非常值得重视的问题：谁是设计师？是客户还是我们？

这个尴尬是这样的，在我们充分了解客户的需求之后，发现客户以自己的主观思维引导设计师，不给设计师建议的机会。

我们如果想要网店设计Demo尽早被客户通过，就必须遵照客户自己的理念要求进行设计。而我们设计师的建议，或者我本人的建议，都可能带来的结果是ekuzo的设计Demo不被通过。客户的主观思维通常有2个方面：一是自己认为好的就是全球客户都认为是好的，网店是给自己喜好设计的；二是别人做的好的网店就是好的，全球所有客户和他观点一样，认为是最好的，网店是要照着别人样子做的。

主观意识强烈的客户，他会认为哪些是美的，哪些是好的，大部分给我们参考的网店，照那个样子加以变化就可以了。他充当了设计师的角色，我们只是制作员。

我们的设计师，包括我自己，都有自己的想法。设计师不只是将网页颜色，结构设计的好看，这个不是重点。设计师的重点是设计的网店是适合欧美消费者购物体验和习惯的，能够促进买家消费，改善买家对网店的印象。设计的概念要放大：购物体验，交互体验，首页浏览行为设计，目录浏览行为设计，产品浏览设计，结构设计，功能设计，客户沾性设计，SEO，面向搜索引擎的设计等。

那我给客户的好的设计的建议究竟是什么？我们先看看一组来自SDL的一组买家购物行为（消费者究竟想要什么）统计数字：

74% 的欧美英文网店买家，重视自己喜欢的店的折扣信息。
66% 的欧美英文网店买家，只购买自己需要的商品，是为了购买自己想要的商品而去网店寻找。
41% 的欧美网上买家，希望在网店里存贮自己的个人信息，方便下次购买。
47% 的欧美网上买家，认为网店能够向他发送感兴趣的产品信息（折扣，优惠活动，新产品等等）是非常重要的。
84% 的欧美网上买家，认为不喜欢外贸网店未经允许给他发送邮件，如果网店有弹出窗口，会认为是非常不友好的。
45% 的欧美网店买家，喜欢在自己关注一个商品的时候，可以看到对其他商品的推荐或者更好的服务推荐。
78% 的欧美外贸网店买家，不会关注网店首页中堆砌的商品。
69% 的欧美外贸网店买家，每次都是用英文网店的搜索引擎搜索产品。
75% 的欧美国际网店买家，在网店首页停留时间不超过1分钟。

—–未完待续—–

这个网店是基于CS-Cart软件的。它是我见过的CS-Cart网店设计中最好的。无论从配色还是布局，都堪称经典。无处不显露出设计师优秀的设计能力。
这个网店已经突破本来的模板结构，完全重新组织网店元素布局，展现出来的最终效果是：高质量的，精致的，专业的。

产品目录页面设计:

采用单栏式布局，Logo在右侧，别具一格。
中间是全幅大图片，突出产品格调。
产品列表的图片采用背景融合效果，表现层次感。
基本没有大面积色块。产品图片就是颜色主体。

产品详细页面设计:

和首页一样，产品详细介绍页面，完全打破了标准网店的布局模式。非常个性式布局。这种设计是个性布局的经典案例。同样，代码处理也是有一定难度的。
实现这种效果不仅仅需优秀的设计师，还要有很精通CS-Cart的软件程序员。
这种贴别的设计的确能够提升产品档次，和别致的购物体验。

首先我们看配色，白色为底色，青蓝色为页面重点元素色。整体配色感觉很素雅但不华丽，很干净但不单调。
菜单和表，就是页面的两大主体，文字和图片配列是经过深思熟虑的。
当顾客看到这样的一个网店时候，他的感觉是舒服的，可信赖的，这种好的感觉最终会转化为购买消费。这就是优秀设计的魔力。

产品目录页面设计:

目录设计采用两栏式，左侧为菜单，右侧为产品列表。产品缩略图很精致。
网页的主体就是“表”，视觉的重点就是产品，这一点设计师把握的很准确。

产品详细页面设计:

版式采用我最为喜欢布局方式，产品图片尽可能的大。似乎左侧产品大图和右侧内容采用黄金分割比例。让我们看起来产生视觉的和谐。
“You may also like”在最右侧，宽度是恰大好处的。通常认为，网页的右侧是舒服的点击区域，能获得更多的点击支持。我想这和人的右手使用鼠标的习惯有关吧。
可以说这个页面设计的很成功了。宽可跑马，密不容针，是图文排列美学不变的定理。

图片，图片，还是图片！这是品牌时装设计的风格，如果你经常浏览品牌时装网站，会发现大部分是这种风格。
虽然我们不知道Davids的品牌价值如何，但是从这个首页我们能最快的认知这个品牌。这就是设计师要表达的。
当一个访问者打开网店的第一时间，图片是第一能够被人的大脑感知认识的。图片表达在网页产品设计中真的很重要！

产品目录页面设计:

目录页面的设计简单，但是有层次感，有穿透力。简单的布局，简单的文字，都是辅助产品图片。产品图片仍然是主角色，你不得不重视它的存在。其他都可以忽略。

产品详细页面设计:

这个页面的设计过于简单了，仿佛缺少内容似的。如果加入“You may also like”或者产品描述，品牌历史则更好一些。

颜色选取的风格是：浓郁又温馨，视觉上不是很跳跃，干净整洁是主要特点。菜单和文字对比较强，颜色较多，但是不显得乱。也就是说颜色使用恰到好处。
需要学习的地方是目录的安排，功能齐备，使用简单。

产品目录页面设计:

两栏式设计，和首页差距不大，只是为了方便浏览产品而输出的界面，并无花哨无用的设计元素，看起来就是一个很标准和简单的目录页面。

产品详细页面设计:

同样采用两栏式，首页和目录页面的菜单和目录完全和这个页面一样，使用上的确是减少了浏览者学习时间。

这个网店的设计是很好的。首页设计感很强，网店的传统元素比较少。图片和文字排版讲究。
从颜色的选取上看，颜色数量多，但是是安全色，不刺激眼睛。这么多的颜色恰恰是儿童喜欢的，贴近他们的生活。
图片，色块对比强烈，自由而又稳定协调，疏密有致，是符合美学。
首页的设计几乎没有涉及到产品，目的是给人第一眼愉悦的和易亲近的感觉。很好的购物体验。

产品目录页面设计:

产品分类页面很简单，使用了较少的功能性元素。目的是为了儿童也能够容易的挑选喜欢的玩具。
每张玩具图片都经过认证处理，去除颜色背景，使其和网页背景色一直，表现出来穿透感，层次感，环境融合感。
这页产品图片颜色的多样性，填充了中间部分颜色缺乏的缺陷，使页面布局重点突出又平衡稳定。

产品详细页面设计:

同样是简单的，易于使用的。产品图片中有儿童在玩耍，这种产品图片根据统计证明，对销售的促进是非常有效的。
总之，我喜欢这个网店的设计。

这个网店的设计很大气，很成功。注重细节质量，整体布局也很好。给人的感觉是专业，严肃，安全，认真，干净，平衡等等。
设计师对颜色，布局的选取和搭配是很有经验的。颜色没有选用很闪耀的颜色，闪耀的颜色长时间浏览会刺激眼睛，引起浏览疲劳和不舒服。
所以设计师选用的颜色是安全的，是舒服的。
产品图片部分看上去很整齐，给人的感觉是负责任，高质量。

产品目录页面设计:

产品图片部分看上去很整齐，给人的感觉是负责任，高质量。

产品详细页面设计:

虽然采用拥挤的3栏式，但是感觉不到不平衡和不舒服，有限的空间来介绍产品图片和资料已经足够，也可以说是成功的。

选用蓝色，白色和红色三种主要颜色。蓝色和白色的搭配是强烈的视觉对比，让页面第一眼看起来具有层次感。
在主要的广告位置使用了非常大的字体突出折扣信息，这样设计是夸张的设计手法，最大的刺激购买。
页面左上部分和右下部分是对比区域，图片和文字强烈的不对称布局，而没有出现局部不稳固的感觉。
值得称道的是菜单的设计，使用固定高度的输出，只输出部分子目录。这样做可以控制网页内容的节奏。
Footer处的设计采用蓝色，厚重收尾，使页面平衡和稳固，没有头重脚轻的感觉。
总体来说，首页的设计非常到位，非常考究，是优秀的设计。不足之处是Quick Links下面多出一块并非设计意图的空白。这是左侧有内容输出过多造成的。

产品目录页面设计:

采用三栏式设计，产品两列输出。这页的设计值得学习的是分类目录，Brand, Price，检索很方便。

产品详细页面设计:

设计的本意是很大气的，但是有不足，中间“Place your order here”很明显的受到挤破压力，又有点争抢产品图片的视觉。这是不足之处。
购物车和描述部分如果重新安排，效果会好的多。
总之本页设计有些失败，没有考虑到内容填充后的效果，也没有仔细研究视觉平衡和稳定，第一眼看去杂乱有条理，挤压不通气。

这个网店设计非常成功，颜色，布局都是经过仔细研究的。网页底色采用深灰色，白色文字。header和footer，是与产品内容相反的色调，强烈的区分了功能区域和产品内容区域。
中间内容区域采用白色底，黑色字体，单栏式。首页表达的重点非常清楚，广告，折扣信息，重要产品展示层次分明，图片和文字排列比例美观大方，黑白，疏密对比严谨。
有大量的位置显示折扣等优惠信息，给买家第一印象为这家店有折扣。

产品目录页面设计:

产品图片非常精致，大小一致，重点突出，完全是强调产品的设计。优秀的网店设计，主要是产品的设计，引导消费才是正确的设计思想。

产品详细页面设计:

单栏式设计，留下足够的空间介绍产品，产品的图片大小适中，元素排列疏密有致，又彰显大气。通常买家浏览到这个页面，只关注的是产品，所以这个页面一切都要围绕如何设计好产品展示为目的。

标准的两栏设计，版式非常大众化，太多网店采用这种设计了。之所以有很多网店选择这种设计，是因为这种设计确实是易于浏览和使用的，已经符合大多数人的浏览习惯。
值得学习的是，颜色的搭配很好，图片和文字的布局比例很合理。

产品目录页面设计:

标准的两栏式设计，菜单在顶部，左侧筛选链接。右侧产品显示的信息比较多，价格级评价很直观。

产品详细页面设计:

两栏式设计，设计的很大气，留给产品图片和描述足够的位置。

一栏式设计，颜色运用非常好。导航清晰，重点突出。中间文字和广告图片比例适中，对比强烈。符合传统布局美学。
底部设计的也很好，干净整洁。

Categories Page Design:

标准式两栏，值得赞扬的是导航处理的很易于使用和识别。

Product page:

一栏式设计，显得大气。右侧增加“You May Also Like”非常好，能够起到引导客户继续消费的作用。产品描述在产品图片的右侧，让顾客最先看到产品介绍，而不是最先看到“Add to Shopping Cart”，设计师对购物者心理的把握是准确的。

Home Page Design：

采用一栏式设计，没有从database读出产品列表，也没有从database读出news等article。顶部导航清晰，对比强烈，页面重点突出。
在重要的位置显示通栏广告，更容易展现品牌。给人的感觉是专业、高质量。

使用最能突出视觉的橙色来突出“Sale”等折扣信息，吸引购买者注意。中间靠近底部是设计的产品广告Button。这样的几个广告button更能表现出来网店真正的热销或者主要推荐的产品。

底部采用流行的4列链接，使用帮助和网店说明，联系方式等一应俱全，显示了完善的内容和服务。

颜色搭配干净整洁，堪称优秀的作品。

网店的首页是访问量最大的页面，这种首页设计由于没有从database读出太多产品，会有效的提高首页访问速度，有效的降低服务器处理负担。

Categories Page Design:

这个页面设计简单清楚，采用标准结构，让有购买经验的顾客很容易使用；没有购买经验的顾客很快就能学会使用。关键位置仍然使用传统的设计，展示横栏广告，橙色突出折扣信息。产品列表有重点，错落有致，能给人愉悦的购物体验。

Product page:

这个页面采用2栏设计，左侧仍然显示目录，方便顾客跳转目录。产品图片大小适中，占了产品展示位置的一半大小，稍微不足的是产品描述位置太小，如果是通栏就更好了，字体还要大一些。
值得一提的是它的产品有“Video”功能，可以展示产品视频，这是未来的产品展示趋势，视频能更好的描述产品情况。

1. 三栏式。代表网站：http://www.amazon.com
三栏式适合产品种类较多的中大型网站，这种版式做不好会让浏览者产生混乱的感觉，如果设计元素不恰当，会有模板的感觉，需要设计师对多内容的布局和层次，配色有很高的水平。

2. 二栏式。代表网站：http://www.ebay.com
二栏式布局简单，突出产品，视觉上更容易让浏览者产生亲切感，使浏览者更短的时间识别板块内容。在没有很好的设计水平的情况下，选择2栏式是不错的主意。

3. 一栏式。代表网站：http://www.asos.com
一栏式适合某种单一品牌的网站，个性化设计，有强烈的风格特征，通常不载入产品列表，代替的是广告button。这种版式让浏览者感觉很专业，很有内涵。

分类页面布局：

1. 三栏式。代表网站：CS-Cart, Opencart, Prestashop, osCommerce, Zen-cart, X-cart, Magento
三栏式的产品分类页面，由于输出较多的功能模块，会导致载入速度缓慢，并且有些模块会与首页或者产品页面重复，增加数据库负担。不建议采用。除非设计师对右边栏有重要的用途。

2. 二栏式。代表网站：http://www.amazon.com, http://www.ebay.com
绝大多数网店的产品分类页面，都采用二栏式。二栏式的特点是结构清晰，易于接受。

产品页面布局：

1. 三栏式。代表网站：CS-Cart, Opencart, Prestashop, osCommerce, Zen-cart, X-cart
产品页面三栏式现在很少使用了。这种三栏式设计不能很好的突出产品图片，视觉上重点无法突出，容易产生杂乱，主次不分的感觉。

2. 二栏式。代表网站：Magento
现在最多使用的是二栏式产品页面，预留给产品图片和产品属性足够的空间。这种版式是标准和常见的，不会产生不舒服的感觉。

1. 一栏式。代表网站：http://www.amazon.com, http://www.ebay.com
目前比较流行产品页面一栏式布局。这种布局的作用是最大化的突出产品。一切以产品图片和属性，介绍为中心。给浏览者的感觉是大气，有张力，有力度。而且产品的图片会设计的足够大，让浏览者不需要再次点击产品图片获得更清晰的图片。少了一次点击，增加了浏览者好的体验。

之后客人会寻找自己想要购买的产品，这时候影响销售的主要因素之一就是产品的价格、图片和介绍了。我们现在讨论一下产品图片的重要性。

因为网上销售产品客人是无法看到实物的，图片就是客户了解产品情况的最主要的手段。产品图片的处理一定要满足客户的要求：真实全面的反应产品，最大可能让客户了解产品的细节，颜色，大小，质量等等。

我们在处理产品图片的时候，最好遵守以下几条：

1. 产品图片既要有缩略图，也要有清晰大图。大图最好有400px以上的宽度或者高度。
2. 产品的图片颜色要尽量还原实物颜色，你可能需要使用Photoshop等软件做一下图片的颜色处理，调整图片的对比度，还有适度锐化图片以增加清晰锐利的感觉。
3. 一个产品要尽量多角度的拍照，一个产品对应多个产品图片，通过这些各个角度的产品图片，客户能够知道产品究竟细节是怎样的，质量是否合格。
4. 产品在拍照之前，可以采用参照物办法来直观的表示大小。例如一个直升飞机玩具模型产品，如果在拍照时，你在这个产品旁边放置一个香烟盒，客户看到这个香烟盒就会估计产品的实际大小了。
5. 产品图片的文件名要包含关键词。这样做的好处是，有利于搜索引擎收录并取得好的排名。例如：ecommerce_promotion.jpg
6. 每个产品的图片都要增加保护水印，但是水印不能在产品图片中间，要在图片的边角位置。以不影响产品照片外观为原则。
7. 如果每个产品都有视频说明，就更好了。

网店的设计是很重要的，可以说直接的影响了客户购买欲望。好的设计是引导买家消费，差的设计是赶客户出门。这一点网店和实体店是一样的。在一条大街上，一家店铺外观装修漂亮，整洁，内部干净明亮，格调符合产品风格。另一家店铺外观丑陋不堪，内部暗淡无光又肮脏邋遢。如果买家是你，你更愿意走进哪家店里？网店设计目的也是如此，同实体店的装修一样。

那什么是好的网店设计呢？怎样设计才是好的呢？

1. 设计风格和产品风格贴近。如果产品类别多，风格迥异，则可以选择朴素整洁的风格。
2. 突出产品图片，设计元素不喧宾夺主。客人访问的第一印象过关之后，重点视角是在产品的图片上。不能让设计元素抢了产品图片的视线。
3. 注重客户体验，引导消费习惯，不能过多的填充设计元素使买家访问时不知所措。
4. 不能过于奢华，使客户访问网页的速度变慢。影响消费心情。
5. 颜色的使用要科学，不能使客户长期浏览后眼部疲劳。
6. 尽可能的不使用图片文字，文字就采用HTML文字，图片文字不利于搜索引擎优化推广。
7. 网页的XHTML,CSS符合W3C标准，充分考虑搜索引擎优化因素。
8. 设计师要考虑将来页面可能的内容扩充后的效果，例如页面广告的增加，产品显示数量的调整等等。设计师要对网店软件有深入的了解。
9. 设计要依据功能，不能使用大量的Javascript或者Flash效果，这样会加重客户浏览器的处理负担。
10. 设计时候要考虑软件日后的升级还有将来的风格变化，尽可能的减少日后重复性的XHTML,CSS的编写工作。
11. ……

好的网店设计师一定是有经营网店经验的设计师，EKUZO的设计师就是有经营和管理网店的经验，在给客户进行网店设计的时候，很自然的把握住设计思想和风格，最大的引导客户舒适的浏览网页，增加购物体验。