网店装修.ppt

第一章第一章网店装修入门基础网店装修入门基础（一）网店装修需要注意的问题（一）网店装修需要注意的问题1、什么是网店装修、什么是网店装修2、为什么要进行网店装修、为什么要进行网店装修3、新手店铺装修的误区、新手店铺装修的误区、什么是网店装修、什么是网店装修网店装修就是：在淘宝、易趣、拍拍等网店平台允许的结构范围内，尽量通过图片、程序模板等让店铺更加美观。注：“普通店铺”结构很固定，只能做一点装饰，功能性不强。“旺铺”自由度非常大，功能也很强，关键看自己的创意和技术。、为什么要进行网店装修、为什么要进行网店装修第一：新手基本上都没有销售信誉，拿什么让买家相信你 不是骗子呢？第二：经过装修的网站会给买家留下一个好印象。第三：装修网店时，要注意整体搭配。第四：网店商品虽然非常重要，但是绝对不能忽视装修。第五：好的装修会增加顾客在网店停留的时间。、新手店铺装修的误区、新手店铺装修的误区1、店铺名称过于简洁、店铺名称过于简洁2、栏目分类太多、栏目分类太多3、图片大小适中、图片大小适中4、存放图片的空间速度太慢、存放图片的空间速度太慢5、动画过多、动画过多6、宝贝名字过长、宝贝名字过长7、店铺装修的色彩搭配、店铺装修的色彩搭配8、页面设计过于复杂、页面设计过于复杂1、店铺名称过于简洁、店铺名称过于简洁2、栏目分类太多、栏目分类太多3、图片大小适中、图片大小适中4、存放图片的空间速度太慢、存放图片的空间速度太慢 去测试下你存放图片空间的去服务 器速度是否正常，并且服务器是否有误区5、动画过多、动画过多 将店铺布置的像动画片一样闪闪发光，能闪的地方都闪起来：店标、公告、宝贝分类、甚至宝贝的图片、浮动图片。6、宝贝名字过长、宝贝名字过长 将宝贝名字、分类名字取得过长，这样做的好处是被搜索到关键词的可能性增大。但是太长的宝贝名字将无法在列表中完整显示。其实只要把宝贝的特性、范围等描述清楚，再适当的加入广告词，就可以了。7、店铺装修的色彩搭配、店铺装修的色彩搭配 色彩的应用原则是“总体协调，局部对比”，也就是说网店页面的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈的色彩对比。8、页面设计过于复杂、页面设计过于复杂 旺铺装修切忌繁杂，不要把旺铺设计成门户类网站。第二章第二章网店装修审美准则网店装修审美准则1、网店的风格、网店的风格网店的风格是指网店界面给买家的直观感受，买家在浏览的过程中所感受到的店主品味、艺术气氛、人的心境等。为此：为此：装修店铺首先要确定店铺的主题，以此来定位商品特色和店铺装修的风格。然后根据店铺的商品特色进行素材收集、图片处理，以及店铺招牌、促销区、分类导航区的设计，这样一步一步就可以完成整个店铺的装修了。2、网店审美的通用原则、网店审美的通用原则（a）特色鲜明）特色鲜明 一个网店的用色必须要有自己独特的风格，这样才能显得个性鲜明，给浏览者留下深刻的印象。（b）搭配合理）搭配合理 网店页面设计虽然属于平面设计范畴，但它又与其他平面设计不同，它在遵循艺术规律的同时，还要考虑人的生理特点。（c）讲究艺术性）讲究艺术性 网店装修设计也是一种艺术活动，因此它必须遵循艺术规律，在考虑到网店本身特点的同时，按照内容决定形式原则，大胆进行艺术创新，从而设计出既符合网店要求，又有一定艺术特色的网店。3、网店装修的一般流程、网店装修的一般流程在店铺正式开业之后，和传统店铺一样，为了能正常营业、吸引顾客，需要对店铺进行相应的装修，主要包括：a 取一个好店名b 确定装修风格c 注重修饰细节a 取一个好店名取一个好店名网店取名也是很有学问的。一个有特色的店名不仅能使买家记住你，还能使买家对你的店铺产生好感，促使交易并成为你的忠实客户。网店店名会在一定程度上影响网店的访问量。以“淘宝”为例，淘宝网目前有搜索店铺、搜索宝贝功能，所以说店名以易记为取名原则，以便让买家在搜索时尽快找到。b 确定装修风格确定装修风格 网页设计风格要与主营产品相符。针对不同的消费群体有不同的主题模板。一般来说，插画风格、时尚可爱、桃心、花边等风格适合女装类店铺。而黑白搭配、有金属质感的设计风格更适合男性商品店铺。网店的整体风格要一致。从店标的设计到主页的风格，再到宝贝页面，应采用同一色系，最好有同样的设计元素，让网店有整体感。c 注重修饰细节注重修饰细节 对淘宝网店进行装修设计，必须了解淘宝 对自定义店铺的规定。对普通店铺来说，可以发挥的空间有：店铺公告、宝贝分类、店标、论坛头像、签名、宝贝描述等。除此之外，还有计数器、背景音乐、挂件、欢迎欢送图片、掌柜在线时间、营业时间、联系方式等。第二章第二章网店页面的元素与布局网店页面的元素与布局网店栏目和页面设计策划网店栏目和页面设计策划1、为什么要进行策划2、网店的栏目策划3、网店的页面策划 1、为什么要进行策划、为什么要进行策划 专业的网店策划，可以带来以下几个好处a 避免日后返工，提高运营效率避免日后返工，提高运营效率很多网店店主不是IT行业人士，总是在不断地修改网店页面。所以，为了避免以后不停地返工修改网店页面，事先对网店的各个环节进行细致的策划是非常重要的。b 避免重复烧钱，节约运营成本避免重复烧钱，节约运营成本 当网店设计好之后，为什么总是没有买家？即使花很多钱去推广，到最后也没有留住买家。那是因为网店的各个环节，尤其是用户的体验环节定位出了问题。所以店铺做出来之后，总是无法留住买家。因此，如果想节省网店推广的钱，那就仔细反省一下网店自身的定位，做好网店的策划。c 避免投资浪费，提高成功几率避免投资浪费，提高成功几率 在开始网店之前，一定要做一次细致地策划，如市场的考察、赢利模式的研究、网店的定位。只有进行了专业的思考和策划，才可以使投资人的钱不白花，避免投资浪费。d 避免教训，成功运营避免教训，成功运营 策划网店时，不但要策划网店的具体内容栏目，更多的时候要策划网店的市场定位、运营模式、运营成本等重要的运用环节。2、网店的栏目策划、网店的栏目策划 网店栏目策划的重要性常被忽略。其实。网店栏目策划对于网店的成败有着非常直接的关系，网店栏目兼具以下两个功能，二者缺一不可。a 提纲挚领，点题明义提纲挚领，点题明义 所谓的“提纲”就是网店的栏目。而网店栏目的规划，其实就是对网店内容的高度提炼。用最简练的语言提炼出网店中每一个部分的内容，清晰地告诉买家有哪些信息和功能。b 指引迷途，清晰导航指引迷途，清晰导航 除了“提纲”的作用之外，网店栏目还应该为浏览者提供清晰直观的指引，帮助买家方便地找到所需的商品。网店栏目的导航作用，通常包括以下两种情况：（a）顶部导航）顶部导航 它可以帮助买家快速找到所需栏目。通常来说，顶部导航的位置是固定的，以减少浏览者查找的时间。（b）产品栏目导航）产品栏目导航 一般产品栏目导航在页面的左侧，也就是宝贝分类。产品分类越清晰越好，通过单击分类可以快速找到相应的产品信息。3、网店的页面策划、网店的页面策划 网店页面是网店销售商品的最终表现层，也是买家访问网店的直接接触层。对于页面设计的评估，最有发言权的是网店的买家，好的网店策划者要善于从买家的浏览行为中捕捉买家的意见。网店策划者在做页面策划时应该遵循以下原则网店策划者在做页面策划时应该遵循以下原则（a）符合客户心理的网店特点及行业属性）符合客户心理的网店特点及行业属性 在买家打开页面的第一瞬间，让买家直观地感受到网店所要传递的理念及特征。如页面色彩、图片、布局等。（b）符合买家的浏览习惯）符合买家的浏览习惯 根据页面内容的重要性进行排序，让买家用最少的光标移动，找到所需信息。（c）符合买家的使用习惯）符合买家的使用习惯 根据网络买家的习惯，将店铺最有特色的商品放置于醒目的位置，便于买家的查找及实用。（d）图文搭配，重点突出）图文搭配，重点突出 买家对图片的认知程度远高于对文字的认知程度，适当地使用图片可以提高买家的关注度。此外，确立页面的视觉焦点也很重要，过多的干扰元素会让买家不知所措。（e）利用搜索引擎优化）利用搜索引擎优化 减少Flash和大图片的使用，过多文字描述，以便搜索引擎更容易收录网店，让买家更容易找到所需商品。（一）网店布局的基本元素（一）网店布局的基本元素在一个完整的淘宝旺铺中，网店页面通常包括的元素有：店招、公告、促销栏、宝贝分类导航、宝贝展示区、宝贝描述、计数器、欢迎欢送、联系方式等。店招：店招：顾名思义，店招是一个店铺的招牌。对于网店的店招来说，必须是放在店铺的最上方，用来说明经营项目，是招揽顾客的牌子。店招首先应说明店铺是经营什么的，有什么特色使顾客必须在这里停留，同时还要注意店招太小，不能做短了，否则会显示得既不专业又不协调。公告栏公告栏 它是每家店铺必备的栏目。是用来向买家展示自己店铺里有什么新品、新优惠政策的绝佳平台，同时也是买家获取店铺信息的重要渠道。促销栏促销栏 促销栏的长度一般是750像素左右，高度没有限制，这里比店招有更重要的广告价值。促销栏通常越大越好，但高度不能太高，其中的内容要有动感，给顾客一种像在看电视的感觉，内容也不要过于单一。动态的内容最好置于整个促销栏的左上方，因为这里正处在顾客视野的正中央，最容易引起注意。宝贝分类导航宝贝分类导航 这也是每个店铺都有的。在建立目录时应遵循一些原则，比如说按照字母顺序来排列产品分类，并在顶上加以注解，这样就会更人性化，节省顾客搜寻所需宝贝的时间。店铺类目的装修是重中之重。在店铺类目中，不仅可以很方便地利用各种图片来展示商品分类，还可以通过图片及图片上的文字来表达的任何内容。注：店铺分类的颜色、图案和文字最好与店招有一定的呼应，这样在整注：店铺分类的颜色、图案和文字最好与店招有一定的呼应，这样在整体上会有一种连续性和协调感。体上会有一种连续性和协调感。宝贝描述宝贝描述 该内容是在买家对产品有兴趣之后，点击进入后看到的页面。这里对大家来说可操作的内容是最多的，需要注意的是要使描述具有层次性，条理清楚，各个部分经历独立。计数器计数器 计数器不是必备的，但是，它能使卖家更好地揣摩买家的心思。如果店铺人气很高，买家看到他中意的东西之后又看到人气这么旺，肯定是保质保量，并且售后可能也不会很差，于是就留下一个很好的印象，非常有利于成交。注：通常可以添加计数器的地方：公告栏、分类导航栏、描述模板。注：通常可以添加计数器的地方：公告栏、分类导航栏、描述模板。联系方式联系方式 对于旺铺来说，联系方式最好放在促销模板的右下角，因为人们的习惯通常都是把署名、联系方式、日期等放在右下角。在描述模板的顶端或底端也都可以添加联系方式。对于普通店铺来说，联系方式可以放在公告栏或者分类的顶端。（二）网店版面布局设计（二）网店版面布局设计网店页面设计要讲究编排和布局，虽然网店页面设计不同于平面设计，但它们有许多相近之处，应加以利用和借鉴。为了达到最佳的视觉效果，应讲究整体布局的合理性，使浏览者有一个流畅的视觉体验。版面布局设计原则版面布局设计原则a 主次分明，中心突出主次分明，中心突出 在一个页面上，必须考虑视觉的中心，这个中心一般在屏幕的中央，或者在中间偏上的部位。因此，一些重要的商品一般可以安排在这个部位，在视觉中心以外的地方就可以安排那些稍微次要的内容，这样在页面上就突出了重点，做到主次有别。b 大小搭配、喜欢呼应大小搭配、喜欢呼应 对待商品展示的多个图片的安排要互相错开，使大小图像之间有一定的间隔，这样可以使页面错落有致，避免重心偏离。c 页面布局时的一些元素页面布局时的一些元素 格式美观的正文、和谐的色彩搭配、较好的对比度、具有较强可读性的文字、生动的背景图案、大小适中的页面元素、布局匀称、不同元素之间有足够空白、各元素之间保持平衡、文字准确无误、无错别字、无拼写错误。d 文本和背景的色彩文本和背景的色彩 考虑到大多数人使用256色显示模式，因此一个页面显示的颜色不宜过多，主题颜色通常只需要23种，并采用一种标准色。e 简洁一致性简洁一致性 保持简洁的常用做法是使用醒目的标题，这个标题常常采用图形表示，但图形同样要求简洁，另一种保持简洁的做法是限制所用字体和颜色的数目。要保持一致性，各个页面文本、主要图形、标题或符号旁边留下相同的空白。网店页面内容的排版网店页面内容的排版页面上文本的排版：页面上文本的排版：一般文本的排版整体性好，浏览起来通畅而丝毫没有阻碍，理解内容更加容易。文字的大小应该适中，如果太大浏览起来增加翻页的难度，太小看起来太累。因此这是很值得每一个设计者慎重考虑的。用色一般区别于主体的颜色，它可以起到强调作用，但凡事都是过犹不及，一个整体的文字内容里用的颜色太多，势必会影响读者的理解，也会影响使用心情，导致厌倦情绪。文本的排版文本的排版页面上图片的排版页面上图片的排版 图片在网页设是计中也占据很重要的地位，由于图片的加入使网店页面更加丰富多彩，所以用好图片是非常重要的。几个值得注意的：图片不能太大，受宽带的限制，人们是很难忍受等待之苦的，这就要求把图片的体积缩小，同时又要使图片尽量清楚、直观，最大限度地发挥它的作用；另外图片的排布也很讲究，特别是多图的情况下，既要使图片与图片之间有联系，同时又要融为一个整体，使看起来有条理。如图如图第三章网店页面的视觉元素设计一、网店导航设计一、网店导航设计 网店的导航是网店内容架构的体现，是否合理是网店易用性评价的重要指标之一。正确的网店导航要做到便于浏览者的理解和使用，让浏览无论进入网店的哪一页，都很清楚自己所在的位置，很容易返回网店首页。常见的有几种导航：图片导航、按钮导航、文字导航等。（一）导航设计的基本要求（一）导航设计的基本要求 明确性：明确性：无论采用哪种导航策略，导航的设计应该明确，让浏览者能一目了然。具体表现为：让浏览者明确店铺的主要商品范围；让浏览者清楚的了解自己所处的位置等。只有明确的导航才能真正发挥“引导”的作用，引导浏览者找到所需的信息。可理解性：可理解性：导航对于浏览者应该是易于理解的。在表达形式上，要使用清楚简洁的按钮、图片或文本，避免使用无效字句。完整性：完整性：是要求网店所提供的导航具体、完整，可以让浏览者获得整个网店范围内的领域性导航，能涉及网店中全部的信息及其关系。咨询性：咨询性：导航应该能给买家提供咨询信 息，它如同应该问询处、咨询部，当浏览者有需要的时候，能为使用者提供导航。易用性易用性 导航系统应该容易进入，同时也要容易推出当前页面，或者使用者以简单的方式跳转到想要的去的页面。（二）导航的基础要素（二）导航的基础要素 全局导航也称主导航，是出现在网店每一个页面上的一组通用导航元素，以一致的外观出现在网店的每一个页面，扮演着对浏览者最基本的访问方向性指引。一般网店的全局导航一般包括3 3个基本设计要素个基本设计要素。店铺名称：店铺名称：网店顶部的店招或店铺名称必须添加回首页的超链接。回首页：回首页：每个全局导航左边位置应该出现回首页的提示及超链接。全站基础栏目全站基础栏目（一级栏目）（三）（三）导航设计注意要导航设计注意要点点 在设计导航时可以采用文本链接方式，一些网店为了表现网店的独特风格，在导航条上使用Flash或图片等作为导航。以下是一些常见的导航设计注意事项：导航使用的简单性。不要采用“很酷”的表现技巧。注意超链接颜色与单纯叙述文字 的颜色呈现。测试所有超链接与导航按钮的真实可行性。导航 内容必须清晰。准确的导航文字描述。二、页面中的文字设计二、页面中的文字设计 在确定页面的版面和布局后，还需要确定文本的样式，如字体、颜色、字号等，还可以将文字图形化。（一）（一）文字的字体、字号、行距文字的字体、字号、行距 页面中中文默认的标准字体是“宋体宋体”，如果在页面中没有设置任何字体，在浏览器中将以这种字体显示。字号大小可以使用磅（point）或像素（pixel）来确定。一般页面常用的字号大小为12磅左右。较大的字体可用标题或其他需要强调的地方，小一些的字体可以用于页脚和辅助信息。需要注意的是，小字号字体容易产生整体感和精致感，但可读性差。无论选择什么样的字体，都要依据页面的总体设计和浏览者的需要。在同一页面中，字体种类少，版面雅致，有稳重感；字体种类多，则版面活跃，丰富多彩。关键是根据页面内容来掌握这个比例关系。行距的变化也对文本的可读性产生很大的影响，一般情况下，接近字体尺寸的行距设置比较适合正文。（二）（二）文字的颜色文字的颜色 颜色的运用除了能够起到强调整体文字中特殊部分的作用外，对于整体文案的情感表达也会产生影响。另外需要注意的是文字颜色的对比度，它包括明度上的对比、纯度上的对比，以及冷暖的对比。这些不仅对文字的可读性发生作用，更重要的是，可以通过对颜色的运用实现想要的设计效果、设计情感和设计思想。（三）（三）文字的图形化文字的图形化 所谓文字的图形化，即把文字作为图形元素来表现，同时又强化了原有的功能。将文字图形化，以更富创意的形式表达出深层的设计思想，能够克服页面的单调与平淡，从而打动人心。（四）（四）让文字易读让文字易读 正确的文字和配色方案是好的视觉设计的基础。网店上的文字受屏幕分辨率和浏览器的限制，但仍有一些通用的准则：文字清晰可读，大小合适，文字颜色和色背景色有较强的对比度，文字周围的设计元素不能对文字造成干扰。三、页面中的图片应用三、页面中的图片应用 图片的好坏直接关系到交易的成败，一张好的商品图片能向买家传递很多东西，起码应该能反映出商品的类别、款式、颜色、材质等基本信息。在这个基础上，要求图片拍得清晰、主题突出以及颜色还原准确，具备这些要素后，可以在上面添加货号、美好装饰品、店铺防盗水印、店铺连接等。（一）（一）让买家心动促成交易，商品图片是关让买家心动促成交易，商品图片是关 键键 要把一件商品完整地呈现在买家面前，让买家对商品在宏观上、细节上有一个深层次的了解，刺激买家的购买欲望，一件商品的图片至少要两张。（1）第一张图片是该商品的整体效果，通过整体图片买家可以对商品有一个总）第一张图片是该商品的整体效果，通过整体图片买家可以对商品有一个总体了解。体了解。（2）第二张图片是该商品的细节图，因为买家有购买意向时若缺乏对细节的把）第二张图片是该商品的细节图，因为买家有购买意向时若缺乏对细节的把握，有可能会放弃，所以适当加入一两张商品的细节图有助于买家对商品的握，有可能会放弃，所以适当加入一两张商品的细节图有助于买家对商品的细节认知。细节认知。（二）（二）商品图片的诚信原则商品图片的诚信原则 网上购物，信任很重要，如何给消费者一种信任感，是掌柜们需要研究的问题。图片最重要的功能并不是吸引买家，而是展示商品。当消费者浏览过商品后，商品的每一部分细节，甚至包括不足之处都让他们了然于心，这样诚信的态度，才是网店发展的基础。（三）（三）使用模特实拍，增加商品的直观视觉效果 商品图片不仅要吸引人、清晰漂亮，还要向买家传达丰富的商品信息，如商品的大小、感觉等这些看不准、摸不着的信息。利用人体模特或者真人模特进行拍摄，能够更好地展现出商品的线条和样式。还能美化店铺，吸引买家的眼球，店铺浏览量也会随之提高。（四）（四）让按钮更易点击 按钮是网店界面中伴随买家点击行为的特殊图片，按钮在设计上有较高的要求。可以通过以下几点来设计按钮，让它更易被点击：按钮颜色与背景颜色有一定的对比度按钮颜色与背景颜色有一定的对比度有浮起感，可点击范围是够大，包括整个按钮。有浮起感，可点击范围是够大，包括整个按钮。按钮文字提示明确，如果没有文字，确信所使用的图形是约定俗称、按钮文字提示明确，如果没有文字，确信所使用的图形是约定俗称、容易为买家理解的图片。容易为买家理解的图片。对顾客转化起重要作用的按钮用色突出一点，尺寸大一点对顾客转化起重要作用的按钮用色突出一点，尺寸大一点。课堂练习搜索搜集以下几种行业的淘宝店铺首页（店铺招牌、促销区、分类导航）注：各行业 5 种风格店铺。共50张店铺首页 1、服装 2、鞋包配饰 3、运动户外 4、珠宝手表 5、数码 6、家电 7、家居建材 8、美食特产 9、日用百货 10、汽车车品