网店美工实战教程第5章装修店铺首课件.pptx
《网店美工实战教程第5章装修店铺首课件.pptx》由会员分享,可在线阅读,更多相关《网店美工实战教程第5章装修店铺首课件.pptx(62页珍藏版)》请在三一办公上搜索。
1、,第 5 章,装修店铺首页,网店美工实战教程(全彩微课版),5.1 店招的制作,内容导航,5.2 导航条的设置,5.3 轮播模块的制作,5.4 分类引导模块的制作,5.5 宝贝陈列展示区的制作,5.6 页尾模块的的制作,5.7 综合实训,5.1 店招的制作,店招是店铺的招牌,是店铺品牌展示的窗口,也是买家对店铺第一印象的主要来源。鲜明有特色的店招对于卖家店铺形成品牌和产品定位具有不可替代的作用。,5.1.1 店招的设计原则与要求,(1)在店招中注入自己的品牌形象(店铺名称或者产品图片)。(2)结合产品进行定位,让买家清楚直观地看到店铺出售的是什么商品。,1.设计原则,(1)常规店招:旺铺专业版
2、店招,宽度尺寸为950像素,高度尺寸不超过120像素,可以上传GIF、JPG、JPEG和PNG这4种图片格式。(2)通栏店招:1920150像素,其大小不可以超过200KB。,2.设计要求,5.1.2 制作常规店招,1.复制并旋转图层,2.擦除书包的边缘,为“daisy帆布小店”淘宝网店制作常规店招,设计中加入小雏菊的元素,并放置帆布包产品图使店名与产品图片相结合。,5.1.2 制作常规店招,3.输入店铺名称和促销文字,4.绘制渐变色彩,5.擦除渐变色块右端,5.1.2 制作常规店招,6.输入文字,7.绘制圆形,8.添加花朵素材,5.1.3 制作通栏店招,制作“旅行包”的店招,包括店铺名称、旅
3、行包图样、导航条和收藏模块。,1.填充颜色并设置参考线,2.绘制样式,3.输入收藏文字,4.设置投影样式,5.1.3 制作通栏店招,5.绘制圆角矩形,6.添加文字素材,7.设置文字样式,8.添加素材并输入文字,5.1.3 制作通栏店招,9.设置渐变叠加效果,10.绘制直线并输入文字,11.通栏店招效果,5.1.4 上传店招效果,将1920像素的店招保存为“.jpg”格式,在店铺装修页面中的“背景设置”栏中选择“页头”选项卡,单击“更换图片”按钮,将保存的jpg图片上传到页面中,此时通栏店招将显示在店招的位置。,5.1 店招的制作,内容导航,5.2 导航条的设置,5.3 轮播模块的制作,5.4
4、分类引导模块的制作,5.5 宝贝陈列展示区的制作,5.6 页尾模块的的制作,5.7 综合实训,5.2 导航条的设置,导航条位于店招下方,主要为了方便买家从一个页面跳转到另一个页面,查看店铺各类商品及信息。常规店招中的导航栏不需用户自己设计,只要在店铺的分类管理中进行设置即可。,5.2.1 在导航条中添加分类,(1)进入“店铺装修”页面。(2)单击导航条右上角的“编辑”按钮。(3)打开“导航”对话框。(4)单击“导航设置”中的“添加”按钮。(5)打开“添加导航内容”对话框。(6)选择需要的产品分类。(7)单击“确定”按钮。(8)返回“导航”对话框。(9)单击“确定”按钮。,5.2.2 自定义导航
5、条页面,1.打开“添加导航内容”对话框,2.打开“新建页面”页面,5.2.3 管理导航条内容,1.调整导航条顺序,2.删除多余的导航条,5.1 店招的制作,内容导航,5.2 导航条的设置,5.3 轮播模块的制作,5.4 分类引导模块的制作,5.5 宝贝陈列展示区的制作,5.6 页尾模块的的制作,5.7 综合实训,5.3 轮播模块的制作,轮播模块是店铺中重要的部分,卖家不仅可以通过轮播模块缩短页面的长度,还可以重点强调主推商品,起到促销的作用。,5.3.1 轮播图片的尺寸要求,轮播图一般位于导航的下方,常需要占用较大的面积,是顾客进入店铺首页中看到最醒目的区域,使用轮播图不仅能更好表现本店铺的商
6、品,还能提高顾客的好感度。轮播图的尺寸要求与店铺布局紧密相关,淘宝系统轮播模块的高度在100像素至600像素以内(包括100像素和600像素),宽度分为750和1920像素两种,其中通栏轮播图为750像素,主要通过插入模块进行添加;全屏轮播的1920像素则与店招一样,其图片的显示效果则需要在中间进行显示,其装修需要通过代码完成。,5.3.2 轮播图片的视觉要点,主题:通过产品和文字描述来体现,放在海报第一视觉点,并根据产品和活动选择合适的背景。文案字体不超过3种,稍大或个性化。,构图:左右构图、左中右三分构图、上下构图、底面构图、斜切构图。,配色:色调统一,重要文字信息用突出醒目颜色强调,背景
7、色统一,避免颜色太多。,5.3.3 制作轮播图片,制作旅行包海报,1.填充颜色,2.添加素材,3.设置图层样式,4.添加水花素材,5.3.3 制作轮播图片,5.添加灰色图层,6.添加文字,5.3.3 制作轮播图片,7.设置字体的图层样式,8.添加文字,9.绘制矩形和直线,5.3.4 上传轮播图片,将旅行包海报上传至图片空间中,1.添加“自定义”模块,2.打开码工助手界面,5.3.4 上传轮播图片,3.复制图片链接,4.生成轮播图的代码,5.3.4 上传轮播图片,5.粘贴生成的代码,6.轮播图效果,5.1 店招的制作,内容导航,5.2 导航条的设置,5.3 轮播模块的制作,5.4 分类引导模块的
8、制作,5.5 宝贝陈列展示区的制作,5.6 页尾模块的的制作,5.7 综合实训,5.4 分类引导模块的制作,分类引导模块一般位于左侧或轮播图下面,与前面学习的导航条不同,该模块主要用于显示不同类型的产品,是引导顾客购买的重要模块,而该模块的系统自带模块比较单一,若想制作更加美观的模块,可根据店铺的活动和特色等进行不同的分类。,5.4.1 制作分类引导模块,制作分类引导模块,包括户外背包、服装、配件、鞋袜和骑行产品,1.绘制圆,2.绘制圆与箭头,5.4.1 制作分类引导模块,3.输入文字并创建新组,4.复制图像,5.拖动素材到对应的圆圈中,5.4.2 上传分类引导模块,将“旅行包分类引导.gif
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 美工 实战 教程 装修 店铺 课件
链接地址:https://www.31ppt.com/p-2154642.html