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