1、第 4 章店铺装修的基本设置网店美工实战教程(全彩微课版)24.1 Logo的制作内容导航4.2 店标的制作4.3 背景的制作4.4 模板的管理4.5 模块的设置4.6 综合实训制作并添加优质男装店标34.1 Logo的制作 Logo作为店铺最重要的标志之一,常常出现在店铺页面和商品图片中,通过这种途径可以展示和宣传自己的网店,将店铺的内在形象、特点与其他店铺区分开来,增加店铺的辨识度,从而形成对店铺的品牌烙印。44.1.1 Logo的定义 Logo是一种标志,主要通过造型简单和意义明确的视觉符号,将经营理念、企业文化、经营内容、企业规模和产品特性等要素传递给买家,使其能够明确识别和认同店铺的
2、图案和文字。 Logo是店铺视觉形象的核心,也是构成店铺形象的基本特征,能够体现店铺的内在素质,它不仅是调动视觉要素的主导力量,也是整合视觉要素的中心,更是买家认同店铺品牌的代表。 优秀的Logo设计可以准确地把店铺的形象与概念转化为视觉映象,而不是简单地表现某个东西。在Logo设计中要注意以下3方面事宜。 (1)简洁鲜明 (2)美的体现 (3)稳定性与一贯性54.1.2 Logo的分类文字Logo图形Logo图文结合型Logo64.1.3 Logo的设计与制作1.新建图像文件2.绘制路径3.填充叶子颜色4.填充杯子颜色5.锐化图案6.输入文字74.1.3 Logo的设计与制作7.输入“原味”
3、文字8.绘制叶子9.擦除“味”右边的笔画10.Logo效果8 将Logo保存为“.png”格式,打开需要添加Logo的图片,选择【文件】/【打开】菜单命令,打开商品图片和Logo图片,将Logo图片拖动到商品图片的一角,即可完成Logo的添加。4.1.4 将Logo添加到图片中9内容导航4.1 Logo的制作4.2 店标的制作4.3 背景的制作4.4 模板的管理4.5 模块的设置4.6 综合实训制作并添加优质男装店标104.2 店标的制作 店标,店铺的标志之一,不同于店铺Logo。店标通常显示在店铺的左上角或店铺搜索列表页等地方。网店的店标分为静态店标和动态店标两种,并且都是以产品图片、宣传语
4、言、店铺名称等内容组成。114.2.1 店标的设计原则让店标过目不忘03统一性04凸显店铺的独特性质0202选择合适的店标素材0112针对茶叶店铺进行静态店标的制作,制作时主要通过茶壶的绘制与文字的描述进行表现。4.2.2 制作静态店标1. 绘制茶壶壶身、壶盖和烟雾2. 填充图形颜色3. 绘制壶嘴4. 填充图形颜色134.2.3 制作动态店标在绘制的静态店标上制作动态店标,并且通过设置文字的不透明度达到闪烁的目的。1. 创建帧动画2. 设置帧样式3. 设置每帧的播放时间4. 设置动画的播放方式5. 保存为GIF文件144.2.4 店标的上传1. 打开基础设置页面2. 选择上传的店标3. 查看上
5、传店标后的效果15内容导航4.1 Logo的制作4.2 店标的制作4.3 背景的制作4.4 模板的管理4.5 模块的设置4.6 综合实训制作并添加优质男装店标164.3 背景的制作 背景是网店装修中必不可少的一部分,除了使用网店系统自带的纯色背景外,还可制作出具有独特、个性有符合气氛的背景。174.3.1 背景的设计要求大小:背景图的大小不能过大,以免影响网页的运算速度,最后造成客源的流失。图案:背景图案不能过太花哨,也不能颜色杂乱,以免影响产品的表现。衔接:注意是否能在平铺的情况下实现无缝衔接,避免出现页面不统一现象。184.3.2 制作页面背景图制作“贝壳”背景图,要求制作的色调与前面的茶
6、叶相统一。1. 填充前景色2. 绘制并描边椭圆194.3.2 制作页面背景图3. 复制绘制的圆4. 合并图层并绘制矩形框204.3.2 制作页面背景图5. 裁剪部分图形6. 合并并复制图形214.3.3 上传背景图片1.单击“店铺装修”超链接2.选择上传的背景图片3.设置背景显示4.查看平铺后的效果22内容导航4.1 Logo的制作4.2 店标的制作4.3 背景的制作4.4 模板的管理4.5 模块的设置4.6 综合实训制作并添加优质男装店标234.4 模板的管理 模板是店铺装修的重要部分,通过对模板进行管理,不但能使网店更加美观,而且更能表现店铺的风格。在模板的管理中,主要包含模板的变换和模板
7、的还原与备份两大部分。244.4.1 模板的变换1. 单击“模板管理”超链接2. 选择新模板3. 设置配色4. 模板市场254.4.2 模板的备份与还原单击“备份和还原”按钮输入备份信息应用备份删除备份26内容导航4.1 Logo的制作4.2 店标的制作4.3 背景的制作4.4 模板的管理4.5 模块的设置4.6 综合实训制作并添加优质男装店标274.5 模块的设置 淘宝店铺是由不同的模块组成的,如果没有模块,宝贝将无法摆放,页面将无法装修,自然也就没有流量流入。模块的设置包括模块的基本知识和模块的添加、删除及编辑的方法。284.5.1 认识基础模块宝贝推荐模块宝贝排行模块294.5.1 认识
8、基础模块宝贝轮播模块友情连接模块304.5.1 认识基础模块宝贝搜索模块自定义模块314.5.2 模块的添加、删除和编辑1. 打开“模板”窗口2. 添加模块3. 自定义图片4. 复制图片链接324.5.2 模块的添加、删除和编辑5. 输入复制的网址6. 查看添加的内容7. 查看编辑后的效果33内容导航4.1 Logo的制作4.2 店标的制作4.3 背景的制作4.4 模板的管理4.5 模块的设置4.6 综合实训制作并添加优质男装店标344.6 综合实训制作并添加优质男装店标 制作一家男士服饰店的店标,对该店标进行一些元素化设计。采用简单的男士头像,加上店铺名称组成简短的文字,体现出店铺出售的商品
9、为男装,并对店铺的名称进行简单介绍。最后应用简单的动画,让简单的店标变得生动形象,更直观地展现在买家的眼前。354.6 综合实训制作并添加优质男装店标1. 设计思路既联系又区别 (1)店标主要指针对男性服装,因此具有男性风格的店标尤为重要。店标通过勾画人物头像的轮廓,让男性的头像变得尤为突出,从形式上体现店铺的主题,并以男性的代表颜色“黑色”作为店标的主题颜色,体现男性的稳重感。 (2)为了营造店铺的主题,将店铺的店名输入到头像的下方,在输入店名时,为了凸显店铺的名字,可对“淳品”进行加大、加粗显示,这样可在简短的文字中抓住重点,以便店铺名字的记忆。 (3)通过带有欧美风的英文,让店铺的品质得
10、以升华,并通过简单的星光让店标变得璀璨夺目。364.6 综合实训制作并添加优质男装店标2. 知识要点使用“钢笔工具” 勾画轮廓并填充颜色,让店标的主体得以体现,从而体现店铺的卖点。使用“矩形工具” 绘制文本编辑区,并输入文字,让店铺的名称在店标中进行显示,并通过文字样式的差异,让文字起到视点的变化。使用“时间轴”创建动画,让制作的店标变得生动,这样不但能帮助顾客记忆,还能提高店铺的品质。371.绘制路径2.填充路径颜色3.绘制矩形4.输入文字5.载入画笔样式 3. 操作步骤4.6 综合实训制作并添加优质男装店标384.6 综合实训制作并添加优质男装店标6.制作星光效果7.复制所选帧8.设置每帧的播放样式9.保存动态图标394.6 综合实训制作并添加优质男装店标10.打开“基础设置”界面11.选择上传的店标12.查看店标上传后的效果40课后习题 (1)丫丫童装的主要目标客户是510岁的儿童,因此制作该Logo时,颜色要鲜亮,并且采用城堡、云彩、摩天楼等图样,体现儿童的喜好,让童装与儿童产生共鸣(配套资料:效果文件第四章练习1)。 (2)夏日炎炎是箱包店铺的店名,主要经营高档的箱包。本店标主要是文字类店标, 通过简单的图形和文字,让文字进行动态的显示(配套资料:效果文件第四章练习2)。41谢谢观看店铺装修的基本设置网店美工实战教程(全彩微课版)