资源简介

(共22张PPT)
网店美工与店铺装修
WANGDIAN MEIGONG YU DIANPU ZHUANGXIU
应用篇
第 10 章
手机端电子产品店铺装修
10.1　电子产品手机端店铺首页设计与制作
10.2　电子产品手机端店铺装修
10.2　电子产品手机端店铺装修
10.2.1　店铺布局管理
10.2.2　装修店铺
步骤 1　进入“千牛卖家工作台”页面，单击左侧列表中的“店铺”，然后在其下拉列表中选择“手机店铺装修”文字超链接，进入“推荐（首页）”设置页面，单击“默认首页”右侧的“装修页面”文字超链接，进入首页的“页面装修”页面。
“页面装修”页面
10.2.1　店铺布局管理
将“轮播图海报”模块拖入首页页面中
步骤 2　将页面左侧“图文类”列表中的“轮播图海报”模块拖入首页页面中。
10.2.1　店铺布局管理
步骤 3　采用上述方法将“宝贝类”列表中的“系列主题宝贝”和“排行榜”模块依次拖至“轮播图海报”模块下方，然后将“营销互动类”列表中的“店铺优惠券”模块拖至“系列主题宝贝”模块下方。
店铺首页布局效果
10.2.1　店铺布局管理
10.2.2　装修店铺
提示
手机端店铺中的“轮播图海报”模块要求海报的宽度为 1 200 像素，高度为600 像素，图片格式为 jpg、png 等，大小不超过 2 M。
步骤 1　使用 Photoshop 打开本书配套素材“素材与实例”→“Ch10”文件夹中的“电子产品手机端店铺首页 .psd”文件，使用“切刀工具” 在店铺海报上绘制切片区域并导出。
步骤 2　回到首页“页面装修”页面，单击“轮播图海报”模块打开其右侧设置区，然后在“模块名称”编辑框中输入“店铺海报”，接着单击“上传图片”中的 后再单击“上传图片”按钮打开“图片空间”对话框，可以看到其中已有素材（PC 端装修的素材图片）的尺寸均不符合要求。
图片空间的素材
10.2.2　装修店铺
步骤 3　单击“图片空间”对话框右上角的“上传图片”按钮，上传步骤 1 中导出的店铺海报图片，接着单击图片下方的链接按钮 ，打开“添加链接”对话框，勾选其中“宝贝链接”下已发布的商品，单击“确定”按钮返回到“轮播图海报”设置区并单击“保存”按钮，将店铺海报展示到店铺中。
将海报链接到商品
10.2.2　装修店铺
将店铺海报展示到店铺中
绘制正圆和虚线
步骤 4　单击“系列主题宝贝”模块打开其右侧设置区，在其中设置模块名称、主标题与副标题。
10.2.2　装修店铺
步骤 5　打开本书配套素材“素材与实例”→“Ch10”文件夹中的“星空素材 .jpg”文件，根据上传图片的要求处理图片并上传，选中“千人千面”单选钮，并添加已发布的商品。
上传图片并添加商品
10.2.2　装修店铺
步骤 6　添加完商品后单击“保存”按钮，将商品展示到店铺中。
将商品展示到店铺中
10.2.2　装修店铺
步骤 7　单击“店铺优惠券”模块，在其右侧设置区设置模块名称与优惠券样式，然后设置优惠券的数量为 1，接着单击“创建优惠券”并在打开的页面中单击“创建店铺券”文字超链接，打开“创建店铺优惠券”页面。
设置优惠券模块名称与样式
10.2.2　装修店铺
单击“创建店铺券”文字超链接
步骤 8　在“创建店铺优惠券”页面中设置优惠券基本信息与面额信息，最后单击“资损风险校验”按钮，创建店铺优惠券。
设置优惠券基本信息与面额信息
10.2.2　装修店铺
将优惠券展示到店铺中
10.2.2　装修店铺
步骤 9　单击设置优惠券数量下方的 ，从弹出的页面中勾选已创建的优惠券，单击“确定”按钮将优惠券展示到店铺中
步骤 10　“排行榜”模块中的商品由系统根据算法自动展现，无须编辑。至此，手机端店铺装修完成，最后将光标移至页面右上角的“发布站点”按钮上，并在其下拉列表中选择“立即发布”项，发布店铺，店铺首页效果如图所示。
电子产品店铺装修后的效果
10.2.2　装修店铺
课堂小结
本章实训 ——装修家居用品手机端店铺
本实训以家居用品手机端店铺首页设计、制作与装修为例，练习手机端店铺装修方法与技巧。案例最终效果可参考本书配套素材“素材与实例”→“Ch10”文件夹中的“家居用品手机端店铺首页 .psd”文件。
装修家居用品手机端店铺
家居用品手机端店铺首页效果图
（1）对店铺首页布局进行规划。
（3）店铺整体装修。
提示：
（2）处理 PC 店铺首页中的图片素材。
装修家居用品手机端店铺
作业布置
利用手机端搜索枕头图片，新建名为“枕头细节设计图”的文件，利用课堂知识，制作枕头的细节设计图，包括枕头的乳胶细节、拉链细节等。
谢谢观看

展开更多......

收起↑