作者：华天印象
出版社：人民邮电出版社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
淘宝天猫网店微店装修设计从入门到精通 首页设计 主图优化 广告海报 产品详页 促销设计试读：
前言
本书简介
本书是一本集软件教程与网店/微店装修设计于一体的书籍，既可以用于软件教学，也是网店/微店装修设计的实用宝典。本书结合笔者多年的网店/微店装修设计的实战经验，从实用的角度出发，通过Photoshop等软件与网店/微店装修设计相结合的实例操作演示，可以帮助读者学会设计与制作一个属于自己独特风格的网店。
本书特色
本书内容
本书共分为3篇：基础入门篇、核心技能篇、行业实战篇，具体章节内容如下。
基础入门篇。第1～5章为基础入门篇，主要向读者介绍了网店与微店装修设计的基本知识、视觉营销的方式、Photoshop电脑专业修图、美图秀秀手机快速美化以及店铺装修5大核心区域设计等内容。
核心技能篇。第6～10章为核心技能篇，主要向读者介绍了网店/微店的首页欢迎模块、主图优化、广告海报、产品详页、促销方案等设计与制作方法。
行业实战篇。第11～18章为核心攻略篇，主要向读者介绍了女包店铺、美妆店铺、手机店铺、家居店铺、家具店铺、饰品店铺、美食店铺、母婴店铺等不同行业网店/微店的装修设计实例。
读者售后
本书由华天印象编著，参与编写的还有苏高、柏慧等人，在此表示感谢。由于作者知识水平有限，书中难免有错误和疏漏之处，恳请广大读者批评、指正，联系邮箱为itsir@qq.com。编者实例导读
本书针对网店/微店视觉装修设计的技术要点，结合商品图片的处理及设计初衷，全方位对网店/微店装修的各个视觉要点进行了介绍，让我们先来对书中的主要实例体例结构进行大致的了解，让读者在学习的过程中快捷、轻松地掌握网店/微店装修设计的编辑和操作技术。第1篇基础入门篇第01章 了解网店与微店装修设计
本章知识提要
网店/微店装修入门基础
装修网店与微店的意义
10大常见网店与微店平台1.1 网店/微店装修入门基础
网店/微店装修是店铺运营中的重要一环，店铺设计的好坏，直接影响顾客对于店铺的最初印象，首页、详情页面等设计得美观丰富，顾客才会有兴趣继续了解产品，被详情的描述打动了，才会产生购买欲望并下单。1.1.1 认识网店/微店装修
网店装修实际上就是通过整体的设计，将网店中各个区域的图像进行美化，利用链接的方式对网页中的信息进行扩展，其具体如图1-1所示。图1-1 网店/微店装修的整体基本规划
在网店和微店中，网商和微商对店铺中的某些模块位置进行了初步的规划，店家只需对每个模块进行精致的设计与美化，让单一的页面呈现出丰富的视觉效果，就是对店铺进行装修。
网店与微店都是通过一个个单独的网页组合起来的，且每个商品都有一个单独的详情页面，这些页面都是需要美化与修饰的，需要加入大量的图片和文字信息，通过让顾客掌握这些信息来达成交易，而网店与微店的装修就是对店铺中商品的图片、文字等内容进行艺术化的设计与编排，使其体现出美的视觉效果。1.1.2 网店/微店装修的重要性
网络上的店铺以及手机中的微店装修不做的话，也可以照样销售商品，因为很多网商、微商平台的店铺有自己默认的、简单的装修，如图1-2所示。这些模块照样可以销售商品，那么有的人会发出这样的疑问，既然可以卖东西，那么为什么还要费尽力气去装修店铺呢？图1-2 手机淘宝与微店的简单装修样式
对网店和微店进行装修，主要是由于其购物方式的特殊性。在实体店铺中，消费者可以用五官去感知商品的特点以及店铺的档次，通过眼睛看、嘴巴尝、手摸、鼻子闻、聆听和试穿试用等方式来实现对商品的了解，但是网上购物的话，买家就只能通过眼睛去看卖家发布的文字和图片，从这些文字和图片中才能感受产品的特效。因此，卖家必须通过合理且美观的店铺装修来吸引买家的眼球，让自己的店铺在众多店铺中脱颖而出。1.2 装修网店与微店的意义
店铺装修对于网络上的点击来说一直是一个热门话题，在店铺装修的意义、目标和内容上一直存在着众多的观点，然而不论是一个实体店面，还是一个网络店铺或手机店铺，它们作为一个交易进行的场所，其装修的核心是促进交易的进行。1.2.1 展示店铺信息，加深品牌印象
对于实体店铺来说，形象设计能使外在形象保持长期发展，为商品塑造更加完美的形象，加深消费者对企业的印象，如图1-3所示。图1-3 精美的实体店铺设计
同样，网店和微店的装修设计也可以起到一个品牌识别的作用。建立一个网络店铺或手机微店，也需要设定出自己店铺的名称、独具特色的Logo以及区别于其他店铺的色调和装修视觉风格。
如图1-4所示，在该微店首页的装修图片中可以提取出很多重要信息——店铺的名称、Logo、店铺配色风格、销售的商品等。图1-4 精美的实体店铺设计
提示
网店和微店中的Logo和整体的店铺风格，一方面作为一个网络品牌容易让消费者熟知，从而产生心理上的认同，另一方面，也作为一个企业的CI识别系统，让店铺区别于其他竞争对手。1.2.2 展示商品详情，吸引顾客购买
在网店或微店装修的页面中，首页中消费者能够获得的信息有限，鉴于网络营销的特点，网商和微商都对单个商品的展现提供了单独的平台，即商品详情页面。
商品详情页面的装修成功与否，直接影响到商品的销售和转换率，顾客往往是因为直观的、权威的信息而产生购买的欲望，所以必要的、有效的、丰富的商品信息的组合和编排，能够加深顾客对于商品的了解程度。如图1-5所示，分别为两组不同的网店装修效果，一组是以平铺直叙的方式呈现商品的信息，而另一组则通过图片合理的处理和简要的文字说明来表达，通过对比可以发现后者更能打动消费者。图1-5 不同类型的商品详情装修效果
通过对商品的详情页面进行装修，可以让顾客更加直观、明了地掌握商品信息，可以决定顾客是否购买该商品。如图1-6所示，可以从设计的商品详情页面中了解到衣服的材质、透气性等无法触摸的信息。图1-6 展现商品详情
提示
对于通过电脑和手机购物的消费者来说，其花费在购物上的时间是计入其购物成本当中的。因而卖家需要像实体店一样来增加一个虚拟网店空间的利用率和用户的有效接触，要完成这两个目的，需要做到以下两方面。
提升网店和微店空间的使用率，让单一的网店和微店能够容纳更多的产品信息，通过装修设计来缩短顾客对于信息的理解。
在产品之间的关联和产品分类的优化上下工夫，从而给予消费者最大的选购空间。1.2.3 实现视觉营销，提升店铺转化率
网店和微店的转化率，就是所有到达店铺并产生购买行为的人数和所有到达你的店铺的人数的比率。网店/微店的转化率提升了，其店铺的生意也会更上一层楼。影响网店/微店转化率的因素主要如图1-7所示。图1-7 影响网店/微店转化率的因素
在图1-7中，店铺装修、活动搭配、商品展示等都可以通过设计装修图片来实现，可见装修能够直接对网店与微店的转化率产生影响。在进行装修和推广的过程中，卖家还要注意如图1-8所示的问题，其中“活动页面”中信息可以通过店铺装修来完成，由此可见店铺装修与店铺转化率之间的紧密关系。图1-8 装修和推广的过程中需要注意的问题
由此可见，网店/微店的首页装修不可轻视，这直接影响到店铺的跳出率，从而影响到店铺的交易量，因此，卖家有必要从各方面考虑店铺的装修。好的装修不但能够提升店铺的档次，还可以让顾客感受到在此店铺购物能够有良好的保障。1.2.4 确定装修风格，突出产品的特色
无论是实体店还是网店、微店，装修的好坏、是否能吸引顾客的眼球、是否能突出产品特色，都是至关重要的。网店/微店装修风格的确定，涉及了整体运营的思考，确定装修风格之前，需要认真思考一下自己所销售的产品，最突出的是哪一点。对于店面的风格设定，需要每个店家认真去思考，接下来从3个方面入手，介绍如何确定网店/微店装修的风格。
1．选择合适的整体色调
色调指的是一幅画中画面色彩的总体倾向，是大的色彩效果。在店铺装修中，色调是指店面的总体表现，是网店/微店装修大致的色彩效果，是一种一目了然的感觉。不同颜色的网店/微店装修画面都带有同一色彩倾向，这样的色彩现象就是色调。色调的表现在于给人一种整体的感觉，或突出青春活力，或突出专业销售，或突出童真活泼等。
卖家在选中和确定网店/微店的色调前，可以从店铺中销售的商品的色彩入手，也可以根据店铺装修确定的关键词入手，例如确定网店/微店装修的风格为时尚男装，则可以选择黑色、灰色等一些纯度和明度较低的色彩来对装修的图片进行配色。
总之，色调的选择必须能够真正体现自己产品的特点、营销的特色，如图1-9所示。图1-9 选择合适的整体色调
2．设计详情页面橱窗照
通常情况下，顾客进入一个店铺时，都是通过对单个商品感兴趣而进入店铺的，而单个商品在众多搜索出来的商品中是以主图的形式，也就是橱窗照的形式进行展示的，如图1-10所示。
商品主图是用来展现产品最真实的一面，而不是用来罗列店铺的所有活动。但是，部分店家为了将店铺中的信息尽可能多地传递出去，将橱窗照的作用理解错误，在橱窗照除了商品图像以外的空隙里添加了“最后一天”“只剩100双啦”“满百包邮”等众多的信息，主次不分，给顾客一种凌乱的感觉，不能体现出店铺的专业性。图1-10 橱窗照
通常，在橱窗照上只需要突出自己产品或是营销的一个点即可，不要加入太多无谓的信息，顾客买东西，是冲着产品去的，而不是冲着“仅此一天啦”“最后一天啦”等附属的信息去逛店铺的，当然，要设置限时购等促销，可以在商品详情页面中进行设计，但是在体现商品形象的橱窗照中，尽量不要添加此类信息。
提示
在橱窗照中，卖家可以使用明亮的、色调和谐的溶图作为橱窗照的背景，将抠取的商品主图与背景合并在一个画面中，添加上简单的文字和价格，通过色彩上的搭配体现出淡雅的感觉，表现出一定的品质感，让顾客能够一眼看到商品的外形和相关信息，如图1-11所示。图1-11 使用明亮的、色调和谐的溶图作为橱窗照的背景1.3 10大常见网店与微店平台
常见的电商平台包括淘宝、京东、当当网、微店网等，在这些电商下都有很多的个体商家，通过观察可以看到这些电商的网页装修各有特点，但是都是以红色调为主，接下来对其进行详细的介绍。1.3.1 淘宝与天猫
阿里巴巴是电商平台中最大的，也是市场占有量最大的，它旗下包含了淘宝网、天猫等，但是从它们的网页和手机App中可以看到淘宝网的色调为橘红色，天猫的色调为大红色，具体如图1-12所示，它们通过细微的差异来体现不同的特点，接下来对它们各自的配色和装修进行分析。
提示
阿里巴巴集团经营多项业务，另外也从关联公司的业务和服务中取得经营商业生态系统上的支援。业务和关联公司的业务包括淘宝网、天猫、聚划算、全球速卖通、阿里巴巴国际交易市场、1688、阿里妈妈、阿里云、蚂蚁金服、菜鸟网络等。图1-12 淘宝网、天猫的网络店铺与手机App
提示“天猫”（英文：Tmall，也称淘宝商城、天猫商城）原名淘宝商城，是一个综合性购物网站。2012年1月11日上午，淘宝商城正式宣布更名为“天猫”。2012年3月29日，天猫发布全新Logo形象。2012年11月11日，天猫借“光棍节”大赚一笔，宣称13小时卖100亿元，创世界纪录。天猫是马云淘宝网全新打造的B2C （Business-to-Consumer，商业零售），其整合数千家品牌商、生产商，为商家和消费者之间提供一站式解决方案，提供100%品质保证的商品、7天无理由退货的售后服务，以及购物积分返现等优质服务。1.3.2 唯品会
唯品会定位于“一家专门做特卖的网站”，每天上新品，以低至1折的深度折扣及充满乐趣的限时抢购模式，为消费者提供一站式优质购物体验。唯品会创立之初，即推崇精致优雅的生活理念，倡导时尚唯美的生活格调，主张有品位的生活态度，致力于提升中国乃至全球消费者的时尚品位。
唯品会销售的商品均为注册品牌商品，并且针对的客户主要是女性消费者，因此在色彩上更倾向于女性喜爱的枚红色，其网站首页与App首页如图1-13所示。图1-13 唯品会网站首页与App首页1.3.3 京东
京东（JD.com）是中国最大的自营式电商企业，2015年第一季度在中国自营式B2C电商市场的占有率为56.3%。目前，京东集团旗下设有京东商城、京东金融、拍拍网、京东智能、O2O及海外事业部。
京东的Logo是一只名为Joy的金属狗，是京东官方的吉祥物。京东商城官方对金属狗吉祥物的诠释是对主人忠诚，拥有正直的品行和快捷的奔跑速度，其网站首页与App欢迎界面如图1-14所示。图1-14 京东网站首页与App
京东的Logo主要以金属色的狗与大红色的文字为主，表现出忠诚、热情和朝气蓬勃的情感，与网页中的配色高度一致，如图1-15所示。图1-15 京东Logo1.3.4 当当网
当当网是综合性的网上购物中心，致力于为消费者提供更多选择、更低价格、更为便捷的一站式购物体验，包括服装、鞋包、图书、家居、孕婴童等众多品类，支持全网比价、货到付款、上门退换货。
当当网的网页配色与其他电商相同，都是与Logo的配色一致，其主要使用了绿色与橘红色，这两种色彩互补，并且纯度较高，给人以强烈的视觉冲击力，有活泼、愉悦的视觉感受，具体配色和界面如图1-16所示。图1-16 当当网首页与App欢迎界面
提示
从1999年11月正式开通至今，当当网已从早期的网上卖书拓展到网上卖各品类百货，包括图书音像、美妆、家居、母婴、服装和3C数码等几十个大类，数百万种商品。物流方面，当当在全国600个城市实现“111全天达”，在1200多个区县实现了次日达，货到付款方面覆盖全国2700个区县。
尤其在图书品类上，当当网占据了线上市场份额的50%以上，同时图书领先市场占有率43.5%。当当网的图书订单转化率高达25%，远远高于行业平均的7%，这意味着每4个人浏览当当网，就会产生一个订单。能做到图书零售第一，当当网的杀手锏有许多，比如全品种上架、退货率最低、给出版社回款最快，也正是依靠这些优势，出版社给当当的进货折扣也最低，当当网也因此有价格竞争优势。
15年间，当当专注图书电商取得雄踞首位的成绩，形成了一种卓尔不凡的能力与特质。而这些要素会提炼成模型，逐步复制到服装、孕婴童、家居家纺等细分市场，其价值将不可限量。1.3.5 口袋购物与微店
口袋购物和微店都是同一家公司旗下的App，只是口袋购物面向的更多的是买家（跟微店买家版类似），而微店则是面向卖家的，是卖家用于实现销售管理的App。
1．口袋购物
口袋购物是一款移动平台的推荐购物类应用软件，主打个性化和精准化的商品推荐，如图1-17所示。图1-17 口袋购物App
口袋购物App基于人工智能和发现引擎的技术让手机的购物体验更加愉悦，如图1-18所示。从众多的商品中根据网友喜好，每天精选潮流新品。购物前决策所需高清大图、购物后评论展示，店铺橱窗展示，帮你一站式购买淘宝、天猫、京东、凡客、苏宁等商城的商品，随时随地发现又好又便宜的宝贝，为您推荐流行潮品。图1-18 口袋购物App的智能推荐功能
2．微店
微店是帮助卖家在手机开店的软件，作为移动端的新型产物，任何人通过手机号码即可开通自己的店铺，并通过一键分享到SNS平台来宣传自己的店铺并促成成交，如图1-19所示。微店降低了开店的门槛和复杂手续，回款约为1～2个工作日，且不收任何费用。微店App的主要功能如下。图1-19 微店（1）商品管理：轻松添加、编辑商品，并能一键分享至微信好友、微信朋友圈、新浪微博、QQ空间。（2）微信收款：不用事先添加商品，和客户谈妥价钱后，即可快速向客户发起收款，促成交易。（3）订单管理：新订单自动推送、免费短信通知，扫描条形码输入快递单号，管理订单事半功倍。（4）销售管理：支持查看30天的销售数据，包括每日订单统计、每日成交额统计、每日访客统计。（5）客户管理：支持查看客户的收货信息、历史购买数据等，可以帮助卖家分析客户喜好，有针对性地进行营销。（6）我的收入：支持查看每一笔收入和提现记录，让卖家对账目清清楚楚。（7）促销管理：设置私密优惠活动，吸引买家，让卖家的商品价格更加灵活。（8）我要推广：多种推广方式，给您的店铺带来更多的流量，提高销售额。（9）卖家市场：批发市场、转发分成、附近微店，全面提升卖家的店铺等级。
提示
所谓“微店”，本质上就是提供让微商玩家入驻的平台，有点类似PC端建站的工具，其不同于移动电商的App，主要利用HTML5技术生成店铺页面，更加轻便，商家可以直接装修店铺、上传商品信息，还可通过自主分发链接的方式与微信、微博等社交应用结合进行引流，完成交易。
在开始微店创业之前，创业者们需要了解目前市面上流行的微店平台，因为不同的交易与推广习惯，用户可以选择手机端与电脑端，根据需要确定开店平台。同时也可参考企业转型微店的成功范例，学习微店转型与经营的经验，为自己的微店创业打好基础。
微店在2013年就已经开始崛起，如今已经达到最火爆的程度。2014年1月，电商导购App口袋购物推出“微店”App；
提示
随后的5月份，腾讯微信公众平台推出“微信小店”；10月份，京东拍拍微店也宣布完成升级测试，并与京东商城系统实现全面打通，开始大规模招商。
在“电商大咖”恍然大悟后，纷纷进军微电商，企图抢占移动市场先机，于是各种微店犹如雨后春笋般涌起，让人眼花缭乱。与此同时，京东微店、淘宝微店也大举进入，如淘宝可以让卖家们的淘宝店架设到微信公众平台上，行业内诸如商派有量微店、易米微店、金元宝微店、喵喵微店、微盟等各类微店更是纷纷涌现。据悉，目前行业内形形色色的微店达到60多家。整个微店争夺战中，正呈现鱼龙混杂，洗牌步步逼近。
微店主要分为以下3种类型。
平台类型微店：如微信小店、京东拍拍微店、淘宝微店、口袋购物微店。
以服务类型为主的微店：如微盟、京拍档、各大电商平台自己推出的微店（主要服务于开放平台，一方面立足自身的购物App主打中心化移动电商，一方面借助微店形成去中心化移动电商的布局）。
一些由个人推出的，提供一种创建微商城的工具。
总体来说，各家微店都有各家的好处，有的在知名度、有的在服务、有的在功能，不过整体来说，大家的起步点都一样，唯一能比较出来的就是用户受益程度，谁让用户掏钱少，谁就最受欢迎。
由于口袋购物发力较微店早，加上雄厚资金的支持，也使得其微店业务能与别家拉开差距，具备一定想象空间。截至2014年9月份，口袋购物微店已经覆盖172个国家，吸引了超过1200万家店铺入驻，月独立访客8300万，成交额已经达到150亿元。据悉，口袋购物微店还将投入2亿元资金，用于为微商们引流，并向微商们开放了口袋购物旗下一系列垂直市场App，集聚买家客流的市场。
口袋购物：综合性一站式手机购物App。
今日半价：1～5折唯一旗舰店正品，爆款折扣类应用。
美丽购：专注服务年轻女性的服饰类App。
代购现场：为海外华人卖家带去更精准的细分流量应用。
美铺：与美图秀秀合作的移动电商应用。
微店联盟：和其他微店的联盟，相互推广。1.3.6 微信小店
2014年5月29日，微信公众平台宣布正式推出“微信小店”，将形形色色的小店搬进微信里。微信小店是腾讯基于微信公众平台打造的一款原生电商平台。商家只要登录微信公众平台，按照相关步骤操作，即可获得轻松开店、管理货架、维护客户的简便模版，方便了广大的基本电商用户。
从运营模式上看，微信小店实现的最终效果类似于移动淘宝，如图1-20所示。图1-20 微信小店的运营模式“微信小店”的推出将极大地丰富微信公众平台以及微信支付的应用场景，提升用户体验。微信的商户功能本质就是微信支付，而微信小店是基于微信支付产生的，是帮助用户解决商品售卖的方案。
消费者将在微信公众平台上获得更加丰富、更加原生态、更流畅的购物体验，比如可以多途径、多入口体验，例如自定义菜单、查看商品消息等。图1-21所示为“好药师”的微信公众平台，可以在自定义菜单中看到“微信小店”的入口。
企业商家可以基于自己的微信公众号，通过“微信小店”来售卖商品，如图1-22所示。针对部分有开发能力的商家，也可以通过API接口的方式，批量添加商品，自行实现商铺功能，通过相关的接口权限更方便地管理商品数据等内容。通过“微信小店”的后台系统也能更加方便联系和维护企业的客户关系。图1-21 “微信小店”自定义菜单图1-22 “好药师”微信小店首页
由此可见，“微信小店”再次提升了微信“连接一切”的能力。微信本身是一个很有价值的工具，它与电商最好的结合点是用于辅助做客户关系管理。随着客户的积累，可以顺道做老顾客营销。
随着微信用户越来越多，不少商家已经开始选择在微信上开店，微信小店也开始进入商家的开店范围，但是微信小店搭建起来之后要想提升微信小店的转化率，除了需要完善微信小店内容之外，还需要做好一些微信小店的装修工作。如图1-23所示，为装修微信小店时需要注意的事项。图1-23 微信小店的装修要点
提示
微信小店的商户可以寻找第三方开发者来为自己定制店铺页面，而商户的商品、订单、库存数据仍然将存储在微信小店平台上。除了开放货架给开发者，微信小店其他4个更新分别为允许自定义商品的属性和规格、已上架商品和货架支持下载二维码、支持将订单列表下载到本地、支持一次上传多张图片等。微信小店已逐步完善“商家店铺+基础交易系统+微信支付+广点通”的电商生态，与淘宝的电商生态系统结构完全一致。1.3.7 有赞“有赞”是在微信上搭建微信商城的平台，提供店铺、商品、订单、物流、消息和客户的管理模块，同时还提供丰富的营销应用和活动插件，如图1-24所示。“有赞”提供的是底层整套的店铺系统，它和微信（微博）并没有直接联系。不过，通过把微信（微博）账号绑定到口袋通店铺上之后，微信（微博）则成为客户的店铺面向粉丝的重要出口。换句话说，账号绑定后，客户就可以把店铺经营到微信（微博）上，向客户的粉丝推送活动通告、上新通知，和客户的粉丝直接地交流和沟通，粉丝可以直接在微信（微博）App内点击进入客户的店铺，浏览商品，并完成最终的购买。
更重要的是，“有赞”提供了十分强大的客户管理系统，客户可以对每一个粉丝进行分组，打上特定的标签，更加有针对性地进行消息推送。图1-24 “有赞”的主要功能
微电商是区别于传统电子商务的、崭新的电商模式。它不像传统电商过度依赖于平台（如淘宝/天猫/京东），而是依赖于客户，以及商家与客户保持联系的渠道。微电商需要商家更重视对客户的管理和长期的培育，也要更重视品牌的建设。“有赞”是一个移动零售服务商，针对各类电商、企业、品牌商以及社交达人分别提供了不同的解决方案，如图1-25所示。图1-25 “有赞”平台上的热门店铺
提示
据悉，“有赞”推出了“企业全员开店解决方案”，该方案是一个面向企业级别的微电商解决方案。企业可以发动全体员工和兼职人员通过手机开设店铺销售企业的产品。企业可以方便地邀请员工开设店铺、控制员工店铺的销售权限、查询每个店铺的销售业绩，帮助企业实现全员营销、全网成交。
企业快速发展分销商：企业可通过短信、二维码、链接的方式邀请员工、顾客、代理商等任何个体成为企业的分销商。
试读结束[说明：试读内容隐藏了图片]