京东店铺装修与设计第10章.pptx

京东店铺装修与设计从入门到精通（视频指导版）移动端店铺的装修第10章移动端店铺装修的基础知识移动端店铺页面的设计与制作10.410.210.310.610.510.1装修移动端店铺实战训练拓展延伸思考练习与传统电脑端展示设备不同，移动端展示设备的屏幕更小，分辨率更低。因此商家在装修移动端店铺时，应该考虑图片和文字的实际展示效果，不宜太过复杂，避免图片模糊不清。对于字体，建议商家保证最小的文字字号在20以上。10.1.1 移动端店铺装修的重要性10.1.2 移动端店铺设计原则移动端店铺装修的基础知识移动端店铺页面的设计与制作10.410.210.310.610.510.1装修移动端店铺实战训练拓展延伸思考练习10.2.1 移动端店铺首页设计的要点图片设计要点：图片的体积不能太大，否则容易加载缓慢，影响购物体验，此时应在保证图片清晰度的同时压缩图片。细节图不能太小，尽量保证清晰度，让消费者能够看见细节详情，产生购买欲。文字设计要点：图片文字、商品信息和商品描述文字都不能太小，否则容易造成表述不清楚。商品重点设计：商品重点需要突出，这就要求合理控制页面展示的信息量，省略一些无关紧要的内容，提高购物体验。10.2.2 移动端详情页设计的要点绘制矩形新建图像文件步骤01步骤0210.2.3 移动端首页的设计与制作添加卡通人物绘制形状步骤03步骤0410.2.3 移动端首页的设计与制作绘制云朵形状绘制其他云朵形状步骤05步骤0610.2.3 移动端首页的设计与制作添加其他素材绘制形状步骤05步骤0610.2.3 移动端首页的设计与制作输入文字设置描边参数步骤07步骤0810.2.3 移动端首页的设计与制作输入“吃货节”文字设置斜面和浮雕步骤09步骤1010.2.3 移动端首页的设计与制作绘制形状设置描边参数添加坚果礼包步骤11步骤12步骤1310.2.3 移动端首页的设计与制作绘制圆环绘制圆绘制三角形步骤14步骤15步骤1610.2.3 移动端首页的设计与制作添加图层蒙版输入优惠券文字步骤17步骤1810.2.3 移动端首页的设计与制作完成其他优惠券内容绘制白色形状步骤19步骤2010.2.3 移动端首页的设计与制作绘制形状设置描边参数步骤21步骤2210.2.3 移动端首页的设计与制作设置投影参数完成标题栏的绘制步骤23步骤2410.2.3 移动端首页的设计与制作制作“肉类零食集合”栏框架添加转盘图像步骤25步骤2610.2.3 移动端首页的设计与制作绘制锯齿形状添加食品素材步骤27步骤2810.2.3 移动端首页的设计与制作制作“水果干集合”栏框架步骤29步骤30添加说明性文字10.2.3 移动端首页的设计与制作添加果干素材输入说明性文字步骤31步骤3210.2.3 移动端首页的设计与制作打开背景素材输入文字绘制虚线步骤01步骤02步骤0310.2.4 移动端详情页的设计与制作打开背景素材输入文字绘制虚线步骤04步骤05步骤0610.2.4 移动端详情页的设计与制作打开素材并添加描边添加小坚果输入文字步骤07步骤08步骤0910.2.4 移动端详情页的设计与制作添加素材图片添加说明性输入文字添加图片素材步骤10步骤11步骤1210.2.4 移动端详情页的设计与制作添加素材图片添加图片素材添加说明性输入文字步骤13步骤14步骤1510.2.4 移动端详情页的设计与制作移动端店铺装修的基础知识移动端店铺页面的设计与制作10.410.210.310.610.510.1装修移动端店铺实战训练拓展延伸思考练习选择“店铺装修”命令步骤0110.3.1 装修首页新建页面步骤0210.3.1 装修首页新建页面步骤0310.3.1 装修首页新建页面步骤0410.3.1 装修首页添加热区组件步骤0510.3.1 装修首页添加模块步骤0610.3.1 装修首页选择要打开的图片步骤0710.3.1 装修首页绘制热点区域步骤0810.3.1 装修首页输入链接步骤0910.3.1 装修首页添加优惠券图片步骤1010.3.1 装修首页添加自由布局活动模块步骤1110.3.1 装修首页添加布局框步骤1210.3.1 装修首页选择要插入的图片步骤1310.3.1 装修首页添加自由布局活动步骤1410.3.1 装修首页添加其他图片步骤1510.3.1 装修首页添加其他产品步骤1610.3.1 装修首页查看预览效果步骤1710.3.1 装修首页选择“添加新商品”命令步骤0110.3.2 装修详情页插入图片步骤0210.3.2 装修详情页选择要装修的图片步骤0310.3.2 装修详情页预览上传的图片步骤0410.3.2 装修详情页插入上传的图片步骤0410.3.2 装修详情页移动端店铺装修的基础知识移动端店铺页面的设计与制作10.410.210.310.610.510.1装