网店美工实战店铺装修的基本设置ppt课件.pptx

《网店美工实战店铺装修的基本设置ppt课件.pptx》由会员分享，可在线阅读，更多相关《网店美工实战店铺装修的基本设置ppt课件.pptx（40页珍藏版）》请在三一办公上搜索。

1、,第 4 章,店铺装修的基本设置,4.1 Logo的制作,内容导航,4.2 店标的制作,4.3 背景的制作,4.4 模板的管理,4.5 模块的设置,4.6 综合实训制作并添加优质男装店标,4.1 Logo的制作,Logo作为店铺最重要的标志之一，常常出现在店铺页面和商品图片中，通过这种途径可以展示和宣传自己的网店，将店铺的内在形象、特点与其他店铺区分开来，增加店铺的辨识度，从而形成对店铺的品牌烙印。,4.1.1 Logo的定义,Logo是一种标志，主要通过造型简单和意义明确的视觉符号，将经营理念、企业文化、经营内容、企业规模和产品特性等要素传递给买家，使其能够明确识别和认同店铺的图案和文字。

2、Logo是店铺视觉形象的核心，也是构成店铺形象的基本特征，能够体现店铺的内在素质，它不仅是调动视觉要素的主导力量，也是整合视觉要素的中心，更是买家认同店铺品牌的代表。,优秀的Logo设计可以准确地把店铺的形象与概念转化为视觉映象，而不是简单地表现某个东西。在Logo设计中要注意以下3方面事宜。 （1）简洁鲜明 （2）美的体现 （3）稳定性与一贯性,4.1.2 Logo的分类,文字Logo,图形Logo,图文结合型Logo,4.1.3 Logo的设计与制作,1.新建图像文件,2.绘制路径,3.填充叶子颜色,4.填充杯子颜色,5.锐化图案,6.输入文字,4.1.3 Logo的设计与制作,7.输入“

3、原味”文字,8.绘制叶子,9.擦除“味”右边的笔画,10.Logo效果,将Logo保存为“.png”格式，打开需要添加Logo的图片，选择【文件】/【打开】菜单命令，打开商品图片和Logo图片，将Logo图片拖动到商品图片的一角，即可完成Logo的添加。,4.1.4 将Logo添加到图片中,内容导航,4.1 Logo的制作,4.2 店标的制作,4.3 背景的制作,4.4 模板的管理,4.5 模块的设置,4.6 综合实训制作并添加优质男装店标,4.2 店标的制作,店标，店铺的标志之一，不同于店铺Logo。店标通常显示在店铺的左上角或店铺搜索列表页等地方。网店的店标分为静态店标和动态店标两种，并且

4、都是以产品图片、宣传语言、店铺名称等内容组成。,4.2.1 店标的设计原则,选择合适的店标素材,01,针对茶叶店铺进行静态店标的制作，制作时主要通过茶壶的绘制与文字的描述进行表现。,4.2.2 制作静态店标,1. 绘制茶壶壶身、壶盖和烟雾,2. 填充图形颜色,3. 绘制壶嘴,4. 填充图形颜色,4.2.3 制作动态店标,在绘制的静态店标上制作动态店标，并且通过设置文字的不透明度达到闪烁的目的。,1. 创建帧动画,2. 设置帧样式,3. 设置每帧的播放时间,4. 设置动画的播放方式,5. 保存为GIF文件,4.2.4 店标的上传,1. 打开基础设置页面,2. 选择上传的店标,3. 查看上传店标后

5、的效果,内容导航,4.1 Logo的制作,4.2 店标的制作,4.3 背景的制作,4.4 模板的管理,4.5 模块的设置,4.6 综合实训制作并添加优质男装店标,4.3 背景的制作,背景是网店装修中必不可少的一部分，除了使用网店系统自带的纯色背景外，还可制作出具有独特、个性有符合气氛的背景。,4.3.1 背景的设计要求,大小：背景图的大小不能过大，以免影响网页的运算速度，最后造成客源的流失。,图案：背景图案不能过太花哨，也不能颜色杂乱，以免影响产品的表现。,衔接：注意是否能在平铺的情况下实现无缝衔接，避免出现页面不统一现象。,4.3.2 制作页面背景图,制作“贝壳”背景图，要求制作的色调与前面

6、的茶叶相统一。,1. 填充前景色,2. 绘制并描边椭圆,4.3.2 制作页面背景图,3. 复制绘制的圆,4. 合并图层并绘制矩形框,4.3.2 制作页面背景图,5. 裁剪部分图形,6. 合并并复制图形,4.3.3 上传背景图片,1.单击“店铺装修”超链接,2.选择上传的背景图片,3.设置背景显示,4.查看平铺后的效果,内容导航,4.1 Logo的制作,4.2 店标的制作,4.3 背景的制作,4.4 模板的管理,4.5 模块的设置,4.6 综合实训制作并添加优质男装店标,4.4 模板的管理,模板是店铺装修的重要部分，通过对模板进行管理，不但能使网店更加美观，而且更能表现店铺的风格。在模板的管理中

7、，主要包含模板的变换和模板的还原与备份两大部分。,4.4.1 模板的变换,1. 单击“模板管理”超链接,2. 选择新模板,3. 设置配色,4. 模板市场,4.4.2 模板的备份与还原,单击“备份和还原”按钮,输入备份信息,应用备份,删除备份,内容导航,4.1 Logo的制作,4.2 店标的制作,4.3 背景的制作,4.4 模板的管理,4.5 模块的设置,4.6 综合实训制作并添加优质男装店标,4.5 模块的设置,淘宝店铺是由不同的模块组成的，如果没有模块，宝贝将无法摆放，页面将无法装修，自然也就没有流量流入。模块的设置包括模块的基本知识和模块的添加、删除及编辑的方法。,4.5.1 认识基础模块

8、,宝贝推荐模块,宝贝排行模块,4.5.1 认识基础模块,宝贝轮播模块,友情连接模块,4.5.1 认识基础模块,宝贝搜索模块,自定义模块,4.5.2 模块的添加、删除和编辑,1. 打开“模板”窗口,2. 添加模块,3. 自定义图片,4. 复制图片链接,4.5.2 模块的添加、删除和编辑,5. 输入复制的网址,6. 查看添加的内容,7. 查看编辑后的效果,内容导航,4.1 Logo的制作,4.2 店标的制作,4.3 背景的制作,4.4 模板的管理,4.5 模块的设置,4.6 综合实训制作并添加优质男装店标,4.6 综合实训制作并添加优质男装店标,制作一家男士服饰店的店标，对该店标进行一些元素化设计

9、。采用简单的男士头像，加上店铺名称组成简短的文字，体现出店铺出售的商品为男装，并对店铺的名称进行简单介绍。最后应用简单的动画，让简单的店标变得生动形象，更直观地展现在买家的眼前。,4.6 综合实训制作并添加优质男装店标,1. 设计思路,既联系又区别,（1）店标主要指针对男性服装，因此具有男性风格的店标尤为重要。店标通过勾画人物头像的轮廓，让男性的头像变得尤为突出，从形式上体现店铺的主题，并以男性的代表颜色“黑色”作为店标的主题颜色，体现男性的稳重感。 （2）为了营造店铺的主题，将店铺的店名输入到头像的下方，在输入店名时，为了凸显店铺的名字，可对“淳品”进行加大、加粗显示，这样可在简短的文字中抓

10、住重点，以便店铺名字的记忆。 （3）通过带有欧美风的英文，让店铺的品质得以升华，并通过简单的星光让店标变得璀璨夺目。,4.6 综合实训制作并添加优质男装店标,2. 知识要点,使用“钢笔工具” 勾画轮廓并填充颜色，让店标的主体得以体现，从而体现店铺的卖点。,使用“矩形工具” 绘制文本编辑区，并输入文字，让店铺的名称在店标中进行显示，并通过文字样式的差异，让文字起到视点的变化。,使用“时间轴”创建动画，让制作的店标变得生动，这样不但能帮助顾客记忆，还能提高店铺的品质。,1.绘制路径,2.填充路径颜色,3.绘制矩形,4.输入文字,5.载入画笔样式,3. 操作步骤,4.6 综合实训制作并添加优质男装店标,4.6 综合实训制作并添加优质男装店标,6.制作星光效果,7.复制所选帧,8.设置每帧的播放样式,9.保存动态图标,4.6 综合实训制作并添加优质男装店标,10.打开“基础设置”界面,11.选择上传的店标,12.查看店标上传后的效果,课后习题,（1）丫丫童装的主要目标客户是510岁的儿童，因此制作该Logo时，颜色要鲜亮，并且采用城堡、云彩、摩天楼等图样，体现儿童的喜好，让童装与儿童产生共鸣（配套资料:效果文件第四章练习1）。 （2）夏日炎炎是箱包店铺的店名，主要经营高档的箱包。本店标主要是文字类店标， 通过简单的图形和文字，让文字进行动态的显示（配套资料:效果文件第四章练习2）。,