网店美工第1章

网店视觉营销第1章1.1装修店铺引爆流量问题1我们的店铺不装修可以卖东西吗？问题2我们为什么还要想尽一切办法将我们的店铺装修的更漂亮些呢？装修店铺的几个目的：为什么要店铺装修？店铺更好看呗？更吸引人？让我的生意更好？店铺好，心情好！应该更容易被买家看到吧？装修效果——案例对比商家A商家B不同装修商家——数据对比商家装修对比IPV_UV客单价成交UV店铺UV交易笔数成交金额商家A111626239973379694商家B98114618427182628小贴士IPV_UV：浏览过商品详情页面的独立访问者，不能累加的。客单价：每件商品的平均交易价格。店铺UV：店铺访问者数目，不能累加。成交UV：成功交易的独立访问者。交易笔数：成功交易的订单数。你认为在视觉营销中，以下三点哪个更重要？美观创意传达1.2日销千单之视觉营销你认为这家店铺是卖什么的？2011年4月淘宝首页焦点图注意：1传达更重要！2一个焦点图只突出一个重点。影响素材点击的8大要素：版式布局色彩促销品牌图片主题文字整体风格视觉营销概念

视觉营销是作好营销必不可少的营销手段之一，所谓视觉营销就是利用色彩、图像、文字等造成的冲击力吸引潜在顾客的关注，由此增加产品和网站的吸引力，从而达到营销制胜的效果。1.3色彩——黄金分割配色法你注意到婴儿产品的店铺一般都用什么颜色吗？儿童店铺用什么颜色?红色在中国代表什么？在国外代表什么?红色适合在冬天用还是在夏天用？常见色彩搭配红色、黄色、白色适用于？红色、黑色、灰色、白色带给你什么样的感觉？春季我们喜欢用什么颜色？夏季我们喜欢用什么颜色？秋天我们喜欢用什么颜色？冬天我们喜欢用什么颜色？红色：热情权威自信粉色：温柔甜美浪漫黑色：高贵权威创意灰色：诚恳考究沉稳蓝色：希望理想独立紫色：优雅浪漫高贵绿色：清新活力安全给你点颜色看看1.3.1色彩基本分类自然界中的颜色可以分为非彩色和彩色两大类。分为两类：自然界中的颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色，其他颜色都属于彩色。分类方法：非彩色指黑色、白色和各种深浅不一的灰色，其他颜色都属于彩色。1.3.2色彩的属性彩色的三要素色相饱和度明度色相是色彩的相貌，根据波长的不同，产生不同的色彩，如红色、绿色、蓝色等；12饱和度指色彩的鲜艳度；3明度指色彩的亮度，及色彩的深浅。注意：非彩色只有明度特征，没有色相和饱和度的区别。色彩基本概念——色相色彩基本概念——饱和度色彩基本概念——明度色彩基本概念——非彩色练习姬美小铺现在是卖秋装的，为了营造一种秋天的氛围，我们需要将绿色的葡萄藤制作成秋天枯黄的感觉，大家想一想应该调什么？1.3.3色彩的搭配1.用一种色彩这里是指先选定一种色彩，然后调整明度或饱和度，说得通俗些就是将色彩变淡或者加深，产生新的色彩，用于网页，这样的页面看起来色彩统一，有层次感。如何配出同一种色彩？方法：保证色调和饱和度不变，调亮度就可以了。注意事项：注意：渐变色切记不要用两个色系的颜色做渐变，如红色到绿色、蓝色到红色等。配出同一种颜色的方法落地与实操自己选定一个主色，通过调整亮度，配出不同深浅度的其他三种颜色，形成渐变色。如下图所示：对比色对比色对比色看不清对比色对比色太刺眼，色调不统一2.用黄金分割法，选第二种色彩第二种色彩，是基于第一个主色调的对比色。公式1举例：黄金分割是指把一线段分为两部分，使得原来线段的长跟较长的那部分的比为黄金分割的点。两个这样的点，约等于0．618：1什么是黄金分割点？膝盖骨是大腿与小腿的黄金分割点；

肘关节是手臂的黄金分割点；

肚脐是人身体的黄金分割点。人体共有18个黄金分割点。人体黄金分割点关于黄金分割点如何才能准确找到某个底色的对比色呢？取亮度值的黄金分割点：亮度值的范围是0~240，黄金分割点的比例值是0.618，亮度值的黄金分割点就是240*0.618=148。举例：如底色的亮度值在0~92之间，那么它的对比色亮度值就是底色的亮度值加上148。=46+148Y=X+1480<=X<=92，色相、饱和度可以任意调节。得出公式1：公式1举例：48+148=196落地与实操自己选定一个底色（亮度值在0~92之间），然后为其配出四种对比色。如下图所示：取亮度值的黄金分割点：如底色的亮度值在148~240之间，那么它的对比色亮度值就是底色的亮度值减去148。Y=X-148148<=X<=240，色相、饱和度可以任意调节。得出公式2：=187-148落地与实操自己选定一个底色（亮度值在148~240之间），然后为其配出四种对比色。如下图所示：如果底色的亮度值在92-147之间，加减148就会超出亮度值的范围。漏洞：为什么呢？

以下画面可能会让你感到不适，请做好心理准备！

5455眼睛流泪了吧？！

它们的亮度值都是120，是最亮的颜色

这样做不礼貌哟！~_~同一色系的配色要领是，只要保证亮度不变，色相可以任意调节。3.同一个色系落地与实操自己选定一个主色，然后为其配出其他三种同色系的颜色。如下图所示：同一种颜色对比色同一色系注意：1不要将所有颜色都用到，尽量控制在三种色彩以内。2背景和前文的对比要尽量大，绝对不要用花纹繁复的图案做背景，以便突出主要文字内容。落地与实操练习：请用黄金分割法重新给这个店招设置对比色。1蓝色底，用白色字看不清。2人物的位置不在黄金分割点上。完成效果：1.3.4如何把握好风格统一的外观，界面友好，易使用。1突出你的标准色彩。2将你的标志LOGO尽可能地方在每个页面上最突出的位置。3相同类型的图像采用相同效果。41把握好风格的几点经验落地与实操在淘宝天猫或淘宝C店找一家店铺，试着分析他的风格及优缺点。（月芝猫）2从哪些方面来选择风格根据自己的喜好。1根据自己店铺的主营项目选择风格。2从客户的角度出发选择风格。3装修风格还应该应季。43风格设置的具体操作风格设置风格设置4店铺装修流程设置风格首页截图设计首页整体效果图1.4图像——全局把控店铺装修1.4.1首页布局视觉营销的基本原则“一屏论”首页布局--把最重要的信息放在“一屏”--下面的节目“更精彩”它是卖什么的？▎审美的一般规律--黄金分割；审美性76黄金分割1.618:1或1:0.618--大多数门窗的宽长之比也是0.618……--人们的肚脐是人体总长的黄金分割点……--人的膝盖是肚脐到脚跟的黄金分割点……77焦点图在第一屏黄金分割的位置焦点图主要信息放在黄金分割点处黄金分割与淘宝焦点图的上下位置在整个屏幕的黄金分割点上焦点图内容也是黄金分割的比例1.4.2自定义促销区设计促销区好比线下店铺的橱窗。1促销区不仅仅是促销，而是体现店铺的“不可替代性”。21促销区的设计要点设计促销区时一定要注意突出重点。3你的店铺“不可替代”的是什么？132思考：你的店铺针对的消费人群是怎样的？你的店铺的潜在消费者的需求是什么？2促销区设计实例分析突出无水焗的功能，可以最大限度地锁住食物的营养；1可以做出很多种美味食物；2显示出其是高科技的产物；3页面设计要大气、感觉产品很高贵。4奔腾无水焗电压力锅焦点图设计要求：红色代表喜庆，黄色代表富贵，用红色和黄色搭配，表现大气。产品的主图清晰，表现其质感。加一点蒸汽，代表它现在在工作，它有减压装置，说明其安全。可做出很多美味的食物。金银双配的内胆，显示其是高科技的产物。突出产品最大特点加上LOGO，品牌，及促销信息1.4.3店招1店招的作用整个网店只有一个店招，它在每个页面上都会显示，所以店招是我们店铺中最重要的一部分。在设计时体现两点：品牌定位和产品定位。店铺卖什么的，你知道吗？想一想！有明确的品牌定位，但产品定位不明确2店招的共性店招上的文字和背景对比色鲜明。1品牌和产品两个信息的传达要明确。3店铺名称都用粗体字。2好的店招设计店招要有明确的：品牌定位和产品定位给您的店铺打打分！想一想！96店铺卖什么的，你知道吗？想一想！有明确的品牌定位，但产品定位不明确落地与实操在淘宝上找到一家你认为店招做得比好的店铺，将其店招截图，并进行简单的评价；再找到一家你认为做的不好的有问题的店招，说明其问题在哪里，怎么改进。1.4.4宝贝描述1视觉营销的作用引起潜在顾客关注（流量）1传达网站信息，塑造网站形象（忠实流量）3引起买家兴趣和购买欲望（有效流量）2宝贝描述的作用递进的心理需求电脑硬盘是不是所有宝贝都要这样排序呢？大部分产品都适合这个排序规则。视觉营销案例你认为在下图中，A、B、C、D应该分别放在1、2、3、4哪个位置？为什么同一个产品，三家不同店铺的宝贝描述所产生的交易量大不相同？问题：第一家店铺第二家店铺第三家店铺第一家店铺宝贝描述截图第一家店铺的问题：第二屏的图片无法预览1宝贝描述中的图片感觉就是从说明书中扫描过来的，没有任何自己个性的内容，说明掌柜很懒。3大量的文字说明，让买家不愿意阅读。2第二家店铺宝贝描述截图第二家店铺的宝贝描述相比第一家的优势：包邮。1用了大量的图片说明背包的整体效果、细节及功能。3有促销活动，买S007就送赠品。2用了模特。4第二家店铺的店铺描述存在的问题：多图展示功能的后三个细节图是一样的。1宝贝描述的最后文字还是比较多。3只用了女模特，给人的感觉这个包只适合女生。2没有实力、品牌展示等。4第三家店铺宝贝描述截图第三家店铺的店铺描述相比前两家的优势：充分利用了多图展示功能。1展示了自己实体店的实力。2用了男女模特约会的方式。43图片的条理清晰。展示了自己的销售记录。5用图片方式展示产品的各项功能。6文字排版整齐、风格统一，给人以大品牌感觉。87借明星展示了自己品牌及工厂店铺实力。2宝贝描述——特点及意义让多位潜在消费者同时接受一个产品信息。淘宝网店的特点：3宝贝描述——包含的基本信息宝贝描述中应该包含的基本信息：商品展示类：色彩、细节、优点、卖点、包装、搭配、效果实力展示类：品牌、荣誉、资质、销量、生产、仓储吸引购买类：卖点打动、情感打动、买家评价、热销盛况交易说明类：购买、付款、收货、验货、退换货、保修促销说明类：热销商品、搭配商品、促销活动、优惠方式4宝贝描述——设计要领图片清晰、真实展示。图片拍摄要注意角度和景别两个方面。角度：多角度全面拍摄产品。景别：被摄体在画面中呈现出的范围大小区别。分为远景、全景、中景、近景、特写。（1）宝贝描述——图片拍摄用于多图展示功能（2）展示产品的整体性（3）展示产品局部细节（4）展示品质，引起受众购物欲望（5）展示品牌，引起买家购物欲望（6）尺码及售后说明（7）关联营销关联营销很重要！关联营销放在什么位置比较好？跳失率高跳失率高转换率高转换率高用数据说话！将关联图片放在上面将关联图片放在下面量子恒道

量子恒道是提供从流量到销售的全店数据指标，包括转化率、客单价及行业经营对比等数据，并从宝贝、买家、促销手段等多维度进行分析，为你诊断店铺提供辅助决策。小贴士关联营销的内容放多少比较合适？关联营销放什么内容？关联营销的内容要从买家的角度出发：不要超过两屏。分两种情况：（1）如果是跳失率高或销售量一般的宝贝描述页（2）如果是热销产品的宝贝描述页（3）将同类产品相互关联分析他们的心理需求。不要在所有的宝贝描述页放一样的关联营销内容。把你的卖点喊出来！（8）宝贝描述页总结让我知道你的优势与我有关。把你的品牌体现出来。5制作宝贝描述的规范流程写宝贝描述的文案1制作宝贝描述模板2制作完整的效果图3切片4制作宝贝描述代码5宝贝上架61.5文字——学会用图说话1.5.1自定义页面自定义页面的特点独立页面配合链接有文字与图像的组合自定义页面的作用（1）把卖点喊出来我的优势与你有关（2）把品牌体现出来充分展示店铺实力你愿意看这样的页面吗？这两个页面，你更愿意看哪一个？做好的自定义页面图文结合的自定义页面1.5.2宝贝分类为了让我们的买家能够方便地找到他想要的宝贝。宝贝分类的目的是什么？（