海报设计 （三）面 面一般是画面中的主角，即店铺商品。一些常见的店铺首页海报基本都是通过色块也就是“面”来设计画面的，需要注意的是面与面之间需要通过不同的排列来灵活对比，另外运用几何色块元素来突出画面背景与产品层次也是海报设计不错的选择。

Presentation on theme: "海报设计 （三）面 面一般是画面中的主角，即店铺商品。一些常见的店铺首页海报基本都是通过色块也就是“面”来设计画面的，需要注意的是面与面之间需要通过不同的排列来灵活对比，另外运用几何色块元素来突出画面背景与产品层次也是海报设计不错的选择。"— Presentation transcript:

1 海报设计 （三）面 面一般是画面中的主角，即店铺商品。一些常见的店铺首页海报基本都是通过色块也就是“面”来设计画面的，需要注意的是面与面之间需要通过不同的排列来灵活对比，另外运用几何色块元素来突出画面背景与产品层次也是海报设计不错的选择。

2 商品分类设计 首先毛菇小象旗舰店需进入淘宝页面，点击“我是卖家”就会在出现的页面左栏“店铺管理项”中看到“店铺装修”一项，这时点击“店铺装修”项，在店铺装修页面选择左上角“模块”，在显示的模块内容中，点击“个性分类”，这时，可看见左侧宝贝分类栏，点击左侧宝贝分类栏右上角的“编辑”，进入左侧宝贝分类栏设置页面，在这个页面可以对宝贝进行分类的同时，也可以对分类的样式进行设置，点击“编辑”。

3 自定义栏目设计 一、自定义栏目的图片排版 在淘宝店铺中，现有的自定义模块有“950尺寸”、“190尺寸”与“750尺寸”三种，这些自定义模块里可以根据卖家的需求往里添加图片、文字以及Html代码，毛菇小象旗舰店将这些元素进行组合可以把自身的淘宝店铺装修更具特色与个性。 为了页面的美观，网店布局通常会采用表格的排版形式，而商品排版往往用于店铺宣传页及商品促销栏目。如图所示，图中1至6个部分所占比例不一样，不规则的排版能使店铺的多种单品毫无违和的统一出现在首页。而这类自定义栏目的排版，毛菇小象旗舰店可通过DW表格来实现。

4 自定义栏目设计 毛菇小象旗舰店根据上图，可得出排版方法是，先插入一行三列的表格，如图红色线条所示。然后分别在第一列、第二列插入两行一列的表格，并在第三列插入桑航一列的表格，如图蓝色线条所示。

5 网店装修注意事项 一、要突出行业特点，本店特色
每一个行业都有其特定的属性,每一种属性都有它独特的表相,一看就知道哪些店是卖纺织品的，哪些店是卖化妆品，哪些店卖男装，哪些店卖婴幼儿用品的。虽然没有明确的行业规定,但这些约定俗成的东西却时时左右着我们对事物的判断与取舍。店铺装修前,一定明白自己产品的属性以及它的行业特征,在此基础之上为装修设计选择相应的色彩、插图。 如右图，五金产品,你可以用有金属色的黑色、灰色、蓝色、但不适合用粉红色等淡色。

6 母婴用品店，用的色调柔和，给人温暖舒适的感觉，再加一些童真元素，不适合用像五金产品店那种刚硬的颜色。

7 二、色彩搭配需协调 色彩指的是淘宝店铺主色调,即整体看上去为红色、绿色、蓝色等。店铺的主色调与产品的属性是分不开的,一旦确定主色调,其他颜色的选用都必须跟主色高度协调,同一个页面颜色不能起过三种。 不能把店铺搞得花枝招展、到处是闪烁的动画,表面看起来是很丰富,其实并不能留住顾客,顾客抓不住重点就不会停留 。

8 三、风格要以简洁大方为主 简洁是一颗永远闪光的宝石，无论哪个季节,它都是那么灿烂。开店的关键是商品照片，而每一张照片又由若干颜色组成，边框、线条的使用尽量干净，少用不相匹配的色块，页面上务必保留空白让视线有路可走。特别要注意的照片水印的制作，不要为了达到所谓的“自我保护”就把水印加得到处都是，咋一看就像一张破蜘蛛网上挂着的无数残骸，这种做法无形中吓跑了很多人。 比如毛菇小象旗舰店内的商品照片，颜色都与主色调保持一致，照片背景干净简单，照片组成页面线条搭配协调，整个画面看起来清爽又简单，却又与店铺特色商品定位相契合。

9 四、店铺分类要明确易找 除了在色彩上高度一至以外,产品的分类也是淘宝店铺装修的基本功。科学分类主要是为了客户方便查找,最初客户可能对某一个产品有兴趣,但他在了解该产品的同时会对相关的产品好奇,同类产品放在一起即可起到对比参考的作用,还可以自动与顾客沟通交流,促进交易。 功能相近的产品放在一起是便于选择查找,价格相同的产品规为一类更容易促进销售,比如建立一个“1元区”、“10元”、“活动促销区”、“积分兑换区”等,分类直奔主题,客户一看就知道自己“能捞多少好处”,对那些常作活动店主来说,这样的分类非常必要。

10 店铺装修FAB法则 尊重人性 站在消费行为学的角度，用户对于一个商品的从感知到认知再到认可，需要一个周期性过程，这个过程中常常伴随着青蛙效应。因为有青蛙效应的存在所以用户是需要引导的。 引发兴趣—激发需求—赢得信任—帮助用户做出决定 FAB法则 F—产品特征属性 A—产品作用 B—好处利益点 消费心理 常见消费心理：虚荣、免费、懒惰（没有搜索找产品非常辛苦）、好奇、恐惧、好胜等

11 FAB法则 详情页必须遵循引发兴趣—激发需求—赢得信任—帮助用户做出决定的基本思路 商品详情页的构成框架—详情页内容不少于11项。每一屏的内容均应该有比较明确的主题 第一屏幕 创意海报/关联销售 利用好三秒注意力原则 第二屏幕 宝贝卖点/特征 根据FAB法则→F特征 第三屏幕 宝贝作用功能 根据FAB法则→A作用 第四屏幕 消费者青睐理由 根据FAB法则→B好处 第五屏幕 宝贝规格参数 宝贝的可视化参数设计 第六屏幕 同行业优劣对比 宝贝的优劣PK 强化宝贝卖点 第七屏幕 模特/全方位展示 拉近客户体验感 第八屏幕 宝贝细节展示 细节展示产品质感 第九屏幕 宝贝包装展示 减少客服压力 第十屏幕 资质展示 展示品牌和公司实力 第十一屏幕 售后/物流 解决客户已知和未知问题

12 店铺装修设计常识 图片单位：像素 在日常的设计工作中,常用字的单位是cm、mm等,但网页则是以“像素”为单位的。在设计时,一定要把PS的的单位调整为“像素”； 图片大小：图片的设计处理多数是由PS软件，生成的是“位图”，最大的不足之处就是当图片发生放大、缩小、旋转等变化会出现马塞克现象。所以，在我们的设计过程中，一定要根据实际大小来做，不要把设计好的图片进行再次缩放变化。 颜色模式：这也是很多新手最容易忽略的问题。电脑显示屏与网页显示的颜色为RGB模式，但PS软件有RGB与CMYK等多种可选，在做网页图片时PS的颜色模式项一定选“RGB”，而用其他CDR或者AI做图时，导出JPG后，也要通过PS进步色彩的校正。

13 图片格式：在网页中，常用的图片格式有JPG与GIF两种，JPG有有损压缩图片,GIF则可以做成动画。
保存大小：图片不益过大，否则会导致网页加载变慢，不利于上网浏览体验。对颜色不丰富的图片,可以选择保存为jpg格式。如果想要保存为动态gif格式文件，则需要先点击“文件”按钮，然后选择“存储为Web所用格式”，在存储设置页面，选择gif格式，颜色通常选择128或256即可。

14 网店装修总结 注意事项 FAB法则 基本常识 不同平台的装修或许有细枝末节的差别，但总体都是建立在把握运营思路的前提下
所有店招海报等的设计都需要契合店铺主题和品牌特色。要在明确店铺运营思路的前提下规 划整个店铺装修。 根据FAB法则来制作商品详情页必须遵循其基本思路。 了解掌握基本常识是做好网店装修的第一步。 任何平台，京东，天猫，淘宝，微店等的装修都可以遵循以上准则 不同平台的装修或许有细枝末节的差别，但总体都是建立在把握运营思路的前提下