旺铺装修之图片攻略
外贸心路故事
旺铺装修之图片攻略
旺铺效果好,图片很重要,在这里和大家分享下,我的旺铺地址是，我就把实战操作的具体步骤，分享如下:
关键点一:做怎样的图
在进行整体构思之前，我们进行一些市场调查，和信息整合。因为我们的产品以厨房用具为主，所以我们对淘宝上的厨房大卖家铺子进行考察，构想我们的设计风格。最终通过讨论，确定整体的风格-淡雅。
我们的铺子以淡雅的偏棕的裸粉色为主色调，主要想给进来的客人，一个高品质家的感觉,以温馨为卖点。整个网站的结构是&大图展示区&-&分类导航区&-&图片轮播展示区&-&产品展示区&。
在导航条的下面，我们设计一个大图展示区，目的是把我们customer-oriented（以顾客为中心）的理念带给客人。在大图展示区下面，放置了一个自己设计的分类导航区，目的很简单，让客人更直观，更便利地找到想要购买的产品。再下面是一个图片轮播模块，其中主要展示我们的产品，让客人感受到我们佰德源公司（Bestsource）有一个专业可靠的团队，给客人高品质的产品和最优质的服务。接下来是产品展示区，每样产品点进去，可以看到具体的产品描述，供客人浏览产品信息。
特别说一下，因为我们公司在全球速卖通也设有店铺。在公司简介和主要产品模块之间，我们设立一个链接，把国际站的客流，引流到我们的速卖通店铺，这样能满足不同数量购买需求的买家。
有一个设计概念之后，就可以确定每个模块，我们需要的图有哪一些，可以确定我们需要的图有：店招图片，展示大图，分类导航图，速卖通链接图。
关键点二: 怎样做？
1. 确定图片尺寸
根据旺铺结构所需要的页面图片大小，我们确定店招的尺寸是990*150像素，导航条是990*33像素，展示大图是像素，速卖通链接图是990*300像素。自主导航模块是由8张小图构成尺寸是245*105像素。
TIPS：在确定图片尺寸的时候，有一点要注意，就是图片在不同大小的电脑屏幕，展示的情况不一样，所以在做展示大图的时候，把要重点突出的内容放在中间的990像素内，以防在小的屏幕看不见内容。
2.进行设计
进行设计的时候，要按照之前的设计思路进行，由于我们之前，已经确定了主色调，那么设计就要和主色调配合，我们用文字的方式突出我们的公司理念，用图片的方式展出一个高格调的厨房，用颜色带出我们想给顾客一个有缤纷有活力的家的感觉。
TIPS：因为我们的产品主要是厨房用具，所以我们主要围绕的就是厨房场景设计，一定要根据自己家的产品进行设计，不要盲目模仿。
3.分割发布
我们如何把一块块的图切割上去了，大图做好后，如何能做到融为一体呢？这个就需要一点技术活了，因为中间部分是插入自定义链接，所以我们要把位置切割得刚刚好，然后才能感觉是整个画面融为一体。
大图（插入到背景），注意店标另外插入来做
中间的切图
自定义导航栏，插入八张小图，八张小图分别加上链接
个人觉得，我们旺铺的优点是整个页面融为一体，看完我的分享，你的旺铺是否有了更多的灵感呢？
本帖内容来自作者：yjbestsource
相关推荐：【】
上一篇： 　}