微店设计与装修完整版课件.pptx

《微店设计与装修完整版课件.pptx》由会员分享，可在线阅读，更多相关《微店设计与装修完整版课件.pptx（302页珍藏版）》请在三一办公上搜索。

1、,微店设计与装修（完整版 ）,第1章 初识微店设计与装修,认识微店设计装修及其必要性了解移动端店铺装修与PC端店铺的区别熟悉常见的微店平台了解微店装修的重点以及常见的误区,目 录,1.1 认识微店设计装修及其必要性,1.1 认识微店设计装修及其必要性,在该微店首页的装修图片中可以提取出很多重要信息： 店铺的名称、Logo、店铺配色风格、店铺活动、推荐商品等。,1.1 认识微店设计装修及其必要性,如果店铺没有进行合理的设计和装修，商品分类就会比较杂乱。顾客在浏览商品时就容易眼花缭乱，没办法轻松、愉悦地找到自己所需的商品。,1.1 认识微店设计装修及其必要性,如果你的店铺经过精心装修，那么当顾客进

2、入店铺时，就会因为漂亮、美观、专业的装修而增加对店铺的好感。另外，只是浏览商品而没有购买需求的顾客也会因为如此漂亮的装修而产生将这个店铺收藏起来的冲动，你的店铺在无形中就多了一位潜在顾客。,1.2 移动端店铺装修与PC端店铺装修的区别,1.3 常见微店平台,微店平台是一个新型的电子商务平台，主要基于微信，同时兼有PC端综合性购物网站。它实现了消费者随时随地购物的灵活性，通过微信完成购物流程，支付方式安全快捷，有保障、无风险。,1.3 常见微店平台,微店网（http:/）由深圳市云商微店网络技术有限公司运营，是全球第一个云销售电子商务平台，微店网的上线。,1.3 常见微店平台,微店网是“微店概念

3、”的原创和推行者，微店的核心模式是“云销售”。注册用户（即微店主）拥有整座商城的销售权，商城的产品由进驻微店网的供应商提供。,1.3 常见微店平台,口袋购物微店主要是面向网络小店主推出的开店软件，其最大的优势就是没有任何门槛，不收取任何费用，而且操作非常简单。,1.3 常见微店平台,“微信小店”基于微信支付来通过公众账号售卖商品，可实现包括开店、商品上架、货架管理、客户关系维护、维权等功能。商家通过“微信小店”功能，也可为用户提供原生商品详情体验，货架也更简洁。,1.3 常见微店平台,微盟旺铺（http:/）是打造的一个专门针对微信公众账号提供营销推广服务的第三方平台，是目前国内最大的微信开发

4、服务商。,1.3 常见微店平台,有赞是帮助商家在微信上搭建微信商城的平台，提供店铺、商品、订单、物流、消息和客户的管理模块，同时还提供丰富的营销应用和活动插件。,1.4 微店装修的要点,1.4 微店装修的要点,页面用色上要善于运用同类色和互补色进行搭配，以及注意页面配色的使用占比，主色的使用占比一般是整个页面的70%，辅助色为25%左右，还有一个我们叫点缀色或者提亮色的为5%左右的占比。,微店装修的色调如何进行选择和确定呢？可以从店铺中销售的商品的色彩入手，也可以根据店铺装修确定的关键词入手。例如确定微店装修的风格为可爱童装，就可以选择粉色、蓝色等一些纯度和明度较高的色彩来对装修的图片进行配色

5、。,1.4 微店装修的要点,1.4 微店装修的要点,店铺想要提高成交转化率，主图是核心影响因素，图片除了要展现卖点外，也要具有一定的视觉效果，才能吸引消费者浏览。,1.4 微店装修的要点,产品卖点可以从价格优势，质量以及是否包邮等角度去思考。能推动成交转化的主图，都是寄托产品卖点而设计。所以如果没有达到让消费者眼前一亮的效果，往往会影响主图的点击率。,用色过多主图案例,用色和谐主图案例,1.4 微店装修的要点,如果要提高点击转化率，促进产品销量，卖点的提炼以及怎样运用好设计手法将两者结合一起也至关重要。主图背景颜色的选用，既要亮眼又不能夺走产品的关注点。整体文案的放置也要规整不凌乱，中心主题明

6、确。,字体过多主图案例,主题凌乱主图案例,1.5 微店装修中的常见误区,课后思考题,微店依托于手机或平板电脑等移动终端，屏幕较小，导致浏览面积和视觉冲击力都会受到一定的限制，那么在微店装修时整体的色调该如何进行选择和确定呢？,移动端店铺装修与PC端店铺装修主要有哪些区别？,第2章 微店装修前期的准备工作,了解如何选择摄影器材和摄影环境掌握多角度拍摄商品的方法熟练掌握不同品类商品的拍摄技巧了解拍摄注意事项和后期修片原则,目 录,2.1 拍摄微店商品图片,2.1 拍摄微店商品图片,1 摄影器材的选择,普通数码相机,单反相机,2.1 拍摄微店商品图片,1 摄影器材的选择,反光设备,2.1 拍摄微店商

7、品图片,1 摄影器材的选择,2.1 拍摄微店商品图片,2 摄影环境的选择,2.1 拍摄微店商品图片,2 摄影环境的选择,2.1 拍摄微店商品图片,3 多角度、重细节地拍摄商品,2.1 拍摄微店商品图片,3 多角度、重细节地拍摄商品,2.1 拍摄微店商品图片,3 多角度、重细节地拍摄商品,2.1 拍摄微店商品图片,3 多角度、重细节地拍摄商品,2.1 拍摄微店商品图片,4 不同品类商品的拍摄窍门,2.1 拍摄微店商品图片,4 不同品类商品的拍摄窍门,2.1 拍摄微店商品图片,4 不同品类商品的拍摄窍门,2.1 拍摄微店商品图片,4 不同品类商品的拍摄窍门,2.1 拍摄微店商品图片,4 不同品类商

8、品的拍摄窍门,2.1 拍摄微店商品图片,4 不同品类商品的拍摄窍门,“色”、“香”、“味” 俱全,2.1 拍摄微店商品图片,5 拍摄时的注意事项,2.1 拍摄微店商品图片,6 后期修片原则,2.1 拍摄微店商品图片,6 后期修片原则,2.1 拍摄微店商品图片,6 后期修片原则,2.1 拍摄微店商品图片,6 后期修片原则,2.2 收集装修所需的设计素材,2.2 收集装修所需的设计素材,课后思考题,为了吸引顾客的眼球，让顾客产生购买的意愿，真人模特便成了众多店主的首选。那么，借助真人模特拍摄商品照片有那些技巧呢？,很多微店店主并不懂摄影，认为布置摄影棚和灯光是一件非常复杂的事情。其实，只要掌握一些

9、技巧并遵循一些基本规律，就可以轻松解决这个问题。那么，该如何布置摄影棚和灯光呢？,第3章 微店视觉营销三大要素 色彩、文字与版式,了解色彩的性格与表现掌握厂家微店装修配色方案熟练掌握文字在微点设计中的重要表现了解版式布局对微店页面的影响,目 录,3.1 色彩性格与表现,冷色系色彩,暖色系色彩,01,02,3.1 色彩性格与表现,1 冷色系色彩的性格与表现,使用绿色为主色进行配色的店铺装修效果,3.1 色彩性格与表现,使用暖色系进行配色的店铺装修效果,2 暖色系色彩的性格与表现,色彩的明度最高时，温度感最高；反之，温度感逐渐减低。,3.2 常见微店装修配色方案,3.2 常见微店装修配色方案,1

10、对比配色在微店装修中的应用,12色相环,同一色相对比在色相环上的色相距离角度是0邻近色相在色相环上相距15到30类似色相对比在60以内中差色相对比在90以内对比色是120以内补色相对比在180以内色相环全彩色对比范围包括360色相环,3.2 常见微店装修配色方案,1 对比配色在微店装修中的应用,12色相环,红绿互补,黄紫互补,蓝橙互补,3.2 常见微店装修配色方案,1 对比配色在微店装修中的应用,3.2 常见微店装修配色方案,调和配色,2 调和配色在微店装修中的应用,3.2 常见微店装修配色方案,2 调和配色在微店装修中的应用,在保证色相大致不变的前提下，通过改变色彩的明度和纯度来达到配色的效

11、果,3.2 常见微店装修配色方案,2 调和配色在微店装修中的应用,明度是分辨物体色最敏锐的色彩反应，明度的变化可以表现事物的立体感和远近感。,3.2 常见微店装修配色方案,2 调和配色在微店装修中的应用,纯度的强弱代表着色彩的鲜灰程度，在一组色彩中当纯度的水平相对一致时，色彩的搭配也就很容易地达到调和的效果随着纯度高低的不同，色彩的搭配也会有不一样的视觉感受。,3.2 常见微店装修配色方案,2 调和配色在微店装修中的应用,无彩色的色彩个性不是很明显，所以与任何色彩搭配都可以取得调和的色彩效果。可以让无彩色与无彩色搭配，传达出一种经典的永恒的美感，也可以与有彩色搭配，用其作为主要的色彩来调和色彩

12、间的关系。,3.2 常见微店装修配色方案,3 微店配色误区案例解析,3.2 常见微店装修配色方案,3 微店配色误区案例解析,3.2 常见微店装修配色方案,3 微店配色误区案例解析,3.3 文字在微店设计中的重要表现,3.3 文字在微店设计中的重要表现,1 常见的字体风格,3.3 文字在微店设计中的重要表现,1 常见的字体风格,3.3 文字在微店设计中的重要表现,1 常见的字体风格,3.3 文字在微店设计中的重要表现,1 常见的字体风格,3.3 文字在微店设计中的重要表现,1 常见的字体风格,3.3 文字在微店设计中的重要表现,2 了解文字的编排准则,3.3 文字在微店设计中的重要表现,2 了解

13、文字的编排准则,3.3 文字在微店设计中的重要表现,2 了解文字的编排准则,3.3 文字在微店设计中的重要表现,3 运用合理分割方式来安排文字,左图右文,左文右图,上文下图,上图下文,3.3 文字在微店设计中的重要表现,3 运用合理分割方式来安排文字,左图右文,左文右图,上文下图,上图下文,3.3 文字在微店设计中的重要表现,3 运用合理分割方式来安排文字,左图右文,左文右图,上文下图,上图下文,3.3 文字在微店设计中的重要表现,3 运用合理分割方式来安排文字,左图右文,左文右图,上文下图,上图下文,3.3 文字在微店设计中的重要表现,3 运用合理分割方式来安排文字,左图右文,左文右图,上文

14、下图,上图下文,3.3 文字在微店设计中的重要表现,4 字体的创意设计,3.3 文字在微店设计中的重要表现,4 字体的创意设计,3.3 文字在微店设计中的重要表现,4 字体的创意设计,3.3 文字在微店设计中的重要表现,4 字体的高级使用技巧,3.3 文字在微店设计中的重要表现,4 字体的高级使用技巧,3.3 文字在微店设计中的重要表现,4 字体的高级使用技巧,3.3 文字在微店设计中的重要表现,4 字体的高级使用技巧,3.3 文字在微店设计中的重要表现,4 字体的高级使用技巧,3.3 文字在微店设计中的重要表现,4 字体的高级使用技巧,3.4 版式布局对微店页面的影响,3.4 版式布局对微店

15、页面的影响,1 版式设计的形式法则,3.4 版式布局对微店页面的影响,1 版式设计的形式法则,3.4 版式布局对微店页面的影响,1 版式设计的形式法则,3.4 版式布局对微店页面的影响,1 版式设计的形式法则,3.4 版式布局对微店页面的影响,2 版式布局中图片的处理,3.4 版式布局对微店页面的影响,2 版式布局中图片的处理,3.4 版式布局对微店页面的影响,3 了解版式布局中的视觉流程,3.4 版式布局对微店页面的影响,3 了解版式布局中的视觉流程,3.4 版式布局对微店页面的影响,4 版式布局中的对齐方式,3.4 版式布局对微店页面的影响,4 版式布局中的对齐方式,3.4 版式布局对微店

16、页面的影响,4 版式布局中的对齐方式,3.4 版式布局对微店页面的影响,4 版式布局中的对齐方式,3.4 版式布局对微店页面的影响,4 版式布局中的对齐方式,课后思考题,为了便于认识微店装修配色中的色彩变化，认识色彩的基本属性和基本规律，我们必须对色彩的种类进行分类与了解。那么，色彩有那些种类呢？,色彩的三要素是影响色彩的主要因素，色彩也可以根据这三个要素进行体系化的归类，要想在微店装修中灵活地应用色彩，就必须充分了解色彩三要素。那么，什么是色彩三要素呢？,第4章 图片处理两大利器 美图秀秀与Photoshop,能够使用手机美图秀秀快速美化商品照片能够使用手机美图秀秀完美组合商品照片掌握各种照

17、片修复工具的使用方法掌握微店照片的调色技巧掌握微店图片的文字编辑方法能够对商品图片进行抠取、锐化、修饰等处理,目 录,4.1 使用手机美图秀秀快速美化照片,4.1 使用手机美图秀秀快速美化照片,1 调整照片的色彩和色调,4.1 使用手机美图秀秀快速美化照片,1 调整照片的色彩和色调,4.1 使用手机美图秀秀快速美化照片,1 调整照片的色彩和色调,4.1 使用手机美图秀秀快速美化照片,1 调整照片的色彩和色调,4.1 使用手机美图秀秀快速美化照片,1 调整照片的色彩和色调,4.1 使用手机美图秀秀快速美化照片,1 调整照片的色彩和色调,4.1 使用手机美图秀秀快速美化照片,1 调整照片的色彩和色

18、调,4.1 使用手机美图秀秀快速美化照片,1 调整照片的色彩和色调,4.1 使用手机美图秀秀快速美化照片,1 调整照片的色彩和色调,4.1 使用手机美图秀秀快速美化照片,1 调整照片的色彩和色调,4.1 使用手机美图秀秀快速美化照片,2 智能美化商品照片,4.1 使用手机美图秀秀快速美化照片,2 智能美化商品照片,4.1 使用手机美图秀秀快速美化照片,2 智能美化商品照片,4.1 使用手机美图秀秀快速美化照片,2 智能美化商品照片,4.1 使用手机美图秀秀快速美化照片,3 商品照片的裁剪、旋转与锐化,4.1 使用手机美图秀秀快速美化照片,3 商品照片的裁剪、旋转与锐化,4.1 使用手机美图秀秀

19、快速美化照片,3 商品照片的裁剪、旋转与锐化,4.1 使用手机美图秀秀快速美化照片,3 商品照片的裁剪、旋转与锐化,4.1 使用手机美图秀秀快速美化照片,3 商品照片的裁剪、旋转与锐化,4.1 使用手机美图秀秀快速美化照片,4 为商品照片应用特效,4.1 使用手机美图秀秀快速美化照片,4 为商品照片应用特效,4.1 使用手机美图秀秀快速美化照片,4 为商品照片应用特效,4.1 使用手机美图秀秀快速美化照片,4 为商品照片应用特效,4.1 使用手机美图秀秀快速美化照片,4 为商品照片应用特效,4.1 使用手机美图秀秀快速美化照片,4 为商品照片应用特效,4.1 使用手机美图秀秀快速美化照片,4

20、为商品照片应用特效,4.1 使用手机美图秀秀快速美化照片,4 为商品照片应用特效,4.1 使用手机美图秀秀快速美化照片,4 为商品照片应用特效,4.1 使用手机美图秀秀快速美化照片,4 为商品照片应用特效,4.1 使用手机美图秀秀快速美化照片,5 为商品照片添加边框效果,4.1 使用手机美图秀秀快速美化照片,5 为商品照片添加边框效果,4.1 使用手机美图秀秀快速美化照片,5 为商品照片添加边框效果,4.1 使用手机美图秀秀快速美化照片,5 为商品照片添加边框效果,4.1 使用手机美图秀秀快速美化照片,5 为商品照片添加边框效果,4.1 使用手机美图秀秀快速美化照片,5 为商品照片添加边框效果

21、,4.1 使用手机美图秀秀快速美化照片,6 用魔幻笔修饰商品照片,4.1 使用手机美图秀秀快速美化照片,6 为商品照片添加文字效果,4.1 使用手机美图秀秀快速美化照片,6 为商品照片添加文字效果,4.1 使用手机美图秀秀快速美化照片,6 为商品照片添加文字效果,4.1 使用手机美图秀秀快速美化照片,6 为商品照片添加文字效果,4.1 使用手机美图秀秀快速美化照片,7 为商品照片添加背景虚化效果,4.1 使用手机美图秀秀快速美化照片,8 微店模特照片美化,4.1 使用手机美图秀秀快速美化照片,8 微店模特照片美化,4.1 使用手机美图秀秀快速美化照片,8 微店模特照片美化,4.1 使用手机美图

22、秀秀快速美化照片,9 完美拼合商品照片,4.2 使用Photoshop在电脑上精细修图,4.2 使用Photoshop在电脑上精细修图,1 使用仿制图章工具去除多余图像,部分取样,选中“对齐”复选框,4.2 使用Photoshop在电脑上精细修图,1 使用仿制图章工具去除多余图像,部分取样,选中“对齐”复选框,未选中“对齐”复选框,原图像,4.2 使用Photoshop在电脑上精细修图,2 使用修补工具修复图像瑕疵,使用修补工具创建选区,原图像,4.2 使用Photoshop在电脑上精细修图,2 使用修补工具修复图像瑕疵,使用修补工具创建选区,移动选区,原图像,4.2 使用Photoshop在

23、电脑上精细修图,2 使用修补工具修复图像瑕疵,使用修补工具创建选区,移动选区,最终修补效果,4.2 使用Photoshop在电脑上精细修图,3 使用修复画笔工具修复图像,原图像,单击多余图像,4.2 使用Photoshop在电脑上精细修图,3 使用修复画笔工具修复图像,原图像,单击多余图像,修复效果,4.2 使用Photoshop在电脑上精细修图,4 使用模糊工具模糊局部图像,模糊前,模糊后,4.2 使用Photoshop在电脑上精细修图,5 使用红眼工具去除人物红眼,4.2 使用Photoshop在电脑上精细修图,6 微店图片的抠图技巧,4.2 使用Photoshop在电脑上精细修图,6 微

24、店图片的抠图技巧,4.2 使用Photoshop在电脑上精细修图,6 微店图片的抠图技巧,4.2 使用Photoshop在电脑上精细修图,6 微店图片的抠图技巧,4.2 使用Photoshop在电脑上精细修图,6 微店图片的抠图技巧,4.2 使用Photoshop在电脑上精细修图,6 微店图片的抠图技巧,4.2 使用Photoshop在电脑上精细修图,6 微店图片的抠图技巧,4.2 使用Photoshop在电脑上精细修图,6 微店图片的抠图技巧,4.2 使用Photoshop在电脑上精细修图,6 微店图片的抠图技巧,4.2 使用Photoshop在电脑上精细修图,7 微店图片的调色技巧,4.2

25、 使用Photoshop在电脑上精细修图,7 微店图片的调色技巧,4.2 使用Photoshop在电脑上精细修图,7 微店图片的调色技巧,4.2 使用Photoshop在电脑上精细修图,7 微店图片的调色技巧,4.2 使用Photoshop在电脑上精细修图,8 微店图片的影调处理,4.2 使用Photoshop在电脑上精细修图,8 微店图片的影调处理,4.2 使用Photoshop在电脑上精细修图,8 微店图片的影调处理,4.2 使用Photoshop在电脑上精细修图,8 微店图片的影调处理,4.2 使用Photoshop在电脑上精细修图,9 微店图片的文字编辑,4.2 使用Photoshop

26、在电脑上精细修图,9 微店图片的文字编辑,4.2 使用Photoshop在电脑上精细修图,10 锐化图像细节,4.2 使用Photoshop在电脑上精细修图,11 添加水印效果,4.2 使用Photoshop在电脑上精细修图,12 制作边框效果,4.2 使用Photoshop在电脑上精细修图,13 微店图片的批量处理,课后实操题,使用钢笔工具抠取商品图像，使用色阶和曲线调整图像颜色，使用文字工具输入促销文字。,第5章 微店页面设计装修实操,掌握微店首页的制作方法掌握商品详情页的设计技巧熟练掌握微店底部导航设计的方法掌握自定义页面设计的方法,目 录,5.1 微店首页的设计,5.1 微店首页的设计

27、,1 微店首页的主要功能,5.1 微店首页的设计,1 微店首页的主要功能,5.1 微店首页的设计,1 微店首页的主要功能,以文字来说明店铺优势、商品卖点、促销信息或服务内容等。文字必须要简洁、清晰，要让顾客一看就懂，且不会消磨顾客的耐心,5.1 微店首页的设计,1 微店首页的主要功能,5.1 微店首页的设计,1 微店首页的主要功能,5.1 微店首页的设计,1 微店首页的主要功能,5.1 微店首页的设计,2 微店首页的设计要求,5.1 微店首页的设计,2 微店首页的设计要求,5.1 微店首页的设计,2 微店首页的设计要求,5.1 微店首页的设计,3 案例实操：休闲食品微店首页装修设计,5.2 商

28、品详情页的设计,5.2 商品详情页的设计,1 商品详情页的主要功能,5.2 商品详情页的设计,2 商品详情页的设计要求,1. 商品主图,5.2 商品详情页的设计,2 商品详情页的设计要求,2. 商品价格,5.2 商品详情页的设计,2 商品详情页的设计要求,3. 商品描述,5.2 商品详情页的设计,3 性别分析及案例,展示单调，降低购买欲望,5.2 商品详情页的设计,3 性别分析及案例,带入场景、突出主题,5.2 商品详情页的设计,3 性别分析及案例,5.2 商品详情页的设计,4 价格分析及案例,5.2 商品详情页的设计,4 价格分析及案例,5.2 商品详情页的设计,5 年龄分析及案例,5.2

29、商品详情页的设计,5 年龄分析及案例,5.2 商品详情页的设计,5 年龄分析及案例,5.2 商品详情页的设计,5 年龄分析及案例,5.2 商品详情页的设计,6 风格分析及案例,5.2 商品详情页的设计,6 风格分析及案例,5.2 商品详情页的设计,6 风格分析及案例,5.2 商品详情页的设计,6 风格分析及案例,5.2 商品详情页的设计,7 案例实操：曲奇饼干详情页设计,5.3 微店底部导航的设计,5.3 微店底部导航的设计,1 底部导航的主要功能,绿色表示轻易触及；黄色表示需要伸长手指；红色表示需要用户改变持握方式。,5.3 微店底部导航的设计,2 底部导航的设计要求,5.3 微店底部导航的

30、设计,3 案例实操：微店底部导航设计,5.4 自定义页面的设计,5.4 自定义页面的设计,1 自定义页面的主要功能,1,2,3,4,5,5.4 自定义页面的设计,2 自定义页面的设计要求,可以通过添加文字、图片组件生成一篇带图的文章，然后将链接转发到朋友圈等各个平台上。可以在其中插入商品，为自己的商品带来流量。可以作为链接，放到店铺首页中作为跳转页面。,5.4 自定义页面的设计,3 案例实操：VIP会员尊享页面设计,课后思考题,很多微店平台已经根据手机屏幕的局限性和手机购物的独特性为微店店主提供了一些模板，比如微店封面。那么，应该如何对微店封面进行设置呢？,微店公告与店招一样，也是非常重要的。

31、但有些人认为微店公告不是很重要，以致于失去一个以文字形式向顾客传递信息的机会。那么，一个好的微店公告应该包含哪些内容呢？,第6章 微店商品管理与营销管理,掌握对商品进行分类的方法掌握发布商品的方法掌握优惠券和营销活动的设置方法,目 录,6.1 对商品进行管理,6.1 对商品进行管理,1 商品分类,6.1 对商品进行管理,1 商品分类,6.1 对商品进行管理,2 商品管理,下面介绍如何发布微店商品：,01 单击“发布商品按钮”,6.1 对商品进行管理,2 商品管理,02 编辑商品信息,6.1 对商品进行管理,2 商品管理,03 选择商品主图,6.1 对商品进行管理,2 商品管理,04 添加其他主

32、图,6.1 对商品进行管理,2 商品管理,05 “图片”对话框,6.1 对商品进行管理,2 商品管理,06 选择图片,6.1 对商品进行管理,2 商品管理,07 编辑商品详情,6.1 对商品进行管理,2 商品管理,08 上架商品,6.2 营销管理的设计,6.2 营销管理的设计,1 优惠券的设计,6.2 营销管理的设计,1 优惠券的设计,设置优惠券的具体操作方法如下：,01 单击“添加优惠券”按钮,6.2 营销管理的设计,1 优惠券的设计,02 设置优惠券信息,6.2 营销管理的设计,1 优惠券的设计,03 单击“添加商品”按钮,6.2 营销管理的设计,1 优惠券的设计,04 选择商品,6.2

33、营销管理的设计,1 优惠券的设计,05 添加优惠券成功,6.2 营销管理的设计,1 优惠券的设计,06 编辑或删除优惠券,6.2 营销管理的设计,1 优惠券的设计,07 选择首页模板,6.2 营销管理的设计,1 优惠券的设计,08 单击“添加优惠券”按钮,6.2 营销管理的设计,1 优惠券的设计,09 选择优惠券,6.2 营销管理的设计,1 优惠券的设计,10 成功添加优惠券,6.2 营销管理的设计,2 营销活动的设计,设置营销活动的具体操作方法如下：,01 单击“添加活动”按钮,6.2 营销管理的设计,2 营销活动的设计,02 设置活动内容,6.2 营销管理的设计,2 营销活动的设计,03

34、单击“添加活动”按钮,6.2 营销管理的设计,2 营销活动的设计,04 选择营销活动,6.2 营销管理的设计,2 营销活动的设计,05 成功添加营销活动,课后思考题,恰当的商品管理有助于用户快速找到所需要的商品，那么母婴类的产品如何分类，以及在首页的哪部分显示，才能吸引移动端用户进行浏览呢？,如何对不同的促销方式进行搭配，如满减、打折、优惠券等，才能使营销效果最大化？,第7章 服饰微店设计装修 案例实操,学习服饰微店装修设计布局规划了解案例的主色调、配色扩展以及设计流程掌握服饰微店店招的制作方法掌握服饰微店促销大图广告的制作方法掌握服饰微店商品推荐区的制作方法掌握服饰微店商品详情页的制作方法,

35、目 录,7.1 服饰微店装修设计构思,7.1 服饰微店装修设计构思,1 装修设计布局规划,微店店招,促销广告,商品推荐区,7.1 服饰微店装修设计构思,2 主色调：粉色和绿色系,7.1 服饰微店装修设计构思,2 主色调：粉色和绿色系,7.1 服饰微店装修设计构思,3 案例配色扩展,使用蓝色调所设计出的首页效果，可以看到画面变得更加清爽，营造出新鲜、凉爽的氛围。,7.1 服饰微店装修设计构思,3 案例配色扩展,使用不同明度的暖色调作为主色调，可以让画面表现得更加明亮阳光，给人温暖、热情的意向。,7.1 服饰微店装修设计构思,4 案例设计流程,制作店招,制作促销广告,制作商品推荐区,7.2 服饰微

36、店装修实战演练,课后实操题,使用不同的绘图工具绘制各种形状，使用剪贴蒙版添加商品图片，使用文字工具添加文字。,第8章 数码微店设计装修 案例实操,学习数码微店装修设计布局规划了解案例的主色调、配色扩展以及设计流程掌握数码微店店招的制作方法掌握数码微店促销广告的制作方法掌握数码微店商品推荐区的制作方法掌握数码微店商品详情页的制作方法,目 录,8.1 数码微店装修设计构思,8.1 数码微店装修设计构思,1 装修设计布局规划,微店店招,促销广告,商品推荐区,8.1 数码微店装修设计构思,2 主色调：暗色调,8.1 数码微店装修设计构思,2 主色调：暗色调,8.1 数码微店装修设计构思,3 案例配色扩

37、展,使用蓝色调所设计出的首页效果，可以看到画面中的商品显得更加突出，而蓝色代表智慧，与数码商品的形象和材质相符。,8.1 数码微店装修设计构思,3 案例配色扩展,使用不同明度的棕色调代替画面中黑色的效果，显得更加高端大气，可以减缓视觉的疲劳，延长顾客在微店的停留时间。,8.1 数码微店装修设计构思,4 案例设计流程,制作店招,制作促销广告,制作商品推荐区,8.2 数码微店装修实战演练,课后实操题,使用魔棒工具抠取商品，使用多边形套索工具创建选区，使用图层样式添加各种效果，使用文字工具添加文字。,第9章 母婴微店设计装修 案例实操,学习母婴微店装修设计布局规划了解案例的主色调、配色扩展以及设计流

38、程掌握母婴微店店招和导航的制作方法掌握母婴微店促销广告的制作方法掌握母婴微店特价专区的制作方法掌握母婴微店商品详情页的制作方法,目 录,9.1 母婴微店装修设计构思,9.1 母婴微店装修设计构思,1 装修设计布局规划,微店店招,促销广告,特价专区,首页导航,9.1 母婴微店装修设计构思,2 主色调：高纯度暖色调,9.1 母婴微店装修设计构思,2 主色调：高纯度暖色调,9.1 母婴微店装修设计构思,3 案例配色扩展,使用互补的粉色和绿色调所设计出的首页效果，可以看到画面变得更加清新，营造出粉嫩、可爱的氛围。,9.1 母婴微店装修设计构思,3 案例配色扩展,使用互补的粉色和绿色调所设计出的首页效果

39、，可以看到画面变得更加清新，营造出粉嫩、可爱的氛围。,9.1 母婴微店装修设计构思,4 案例设计流程,制作店招和导航,制作促销广告,制作特价专区,9.2 母婴微店装修实战演练,课后实操题,使用钢笔工具抠取商品素材，使用不同的绘图工具绘制各种形状，使用文字工具添加文字。,第10章 美食微店设计装修 案例实操,学习美食微店装修设计布局规划了解案例的主色调、配色扩展以及设计流程掌握美食微店店招的制作方法掌握美食微店促销广告的制作方法掌握美食微店商品推荐区的制作方法掌握美食微店商品详情页的制作方法,目 录,10.1 美食微店装修设计构思,10.1 美食微店装修设计构思,1 装修设计布局规划,微店店招,

40、促销广告,商品推荐专区,10.1 美食微店装修设计构思,2 主色调：暖色系,10.1 美食微店装修设计构思,2 主色调：暖色系,10.1 美食微店装修设计构思,3 案例配色扩展,配色较多的使用了褐色、红色和黄色等暖色调，由于纯度较低，整体显得典雅、稳重，更能突显商品形象。,10.1 美食微店装修设计构思,3 案例配色扩展,使用不同明度的暖色调作为主色调，可以让画面表现出健康、轻快、活泼的氛围，非常符合店铺针对零食消费群体的设计风格。,10.1 美食微店装修设计构思,4 案例设计流程,制作促销广告,制作店招,制作商品推荐区,10.2 美食微店装修实战演练,课后实操题,使用钢笔工具抠取商品图像，使用不同的绘图工具绘制各种形状，使用文字工具添加相应的文字，使用剪贴蒙版添加商品图片。,