网店装修项目 设计店标、店招和导航条（下）.pptx

《网店装修》 项目三 设计店标、店招和导航条 重庆大学出版社 项目综述 设计店招 搜集素材 1：在淘宝网收集一些宣传品牌为主的店招，如图所示。为了效果更突出，文字更醒目，选择使用中心构图。 2：结合已经设计制作好的店标，考虑使用相同的底纹。 3：明确店招尺寸。在淘宝免费旺铺里，页头高150像素，包括有30像素的导航条，所以店招设计高为120像素、宽950像素上传到淘宝网最合适。。 设计店招 步骤1. 设计店招 打开Photoshop文件，新建文件，参数设置如图3.2.6所示。命名为“页头背景图”，宽度为1300像素、高度为150像素。 设计店招 步骤2. 设计店招 打开“练习素材/项目3/SC33.jpg”文件，使用移动工具把底纹拖动到“页头背景图”文件里。 设计店招 步骤3. 设计店招 按住快捷键“Alt，拖动“图层1，复制3次，调整好位置。 设计店招 步骤4. 设计店招 选择“图层1副本，按快捷键“Ctrl+T”自由变换，点击鼠标右键，在弹出的快捷菜单中选择“水平翻转”。 设计店招 步骤5. 设计店招 选择“图层1副本3”，按快捷键“Ctrl+T”自由变换，点击鼠标右键，在弹出的快捷菜单中选择“水平翻转”。 设计店招 步骤6. 设计店招 按快捷键“Ctrl+L”，调出“色阶”对话框，设置参数如图。 设计店招 步骤7. 设计店招 新建图层，命名为“导航条底色”。使用矩形选框工具。填充颜色为# 121423(R：18，G：20，B：35)。放大图片，使用移动工具，利用标尺调整“导航条底色”位置 设计店招 步骤8. 设计店招 使用图所示的参数设置对话框输入文字“TURX”,使用图所示的参数设置对话框输入文字“图瑞斯”,使用图所示的参数设置对话框输入文字“美式街头休闲文化领衔者”。 设计店招 步骤9. 设计店招 使用直线工具，大小为1像素，颜色为# c8c8c8(R：200，G：200，B：200)。绘制直线，并用橡皮擦工具擦去中间部分，调整文字位置，效果如图所示。另存为“页头背景图.jpg”。 设计店招 步骤10. 设计店招 新建图层，使用矩形选框工具，建立宽为950像素，高为120像素的选区，填充为白色，调整白色区域的位置如图所示。 设计店招 步骤11. 设计店招 使用裁剪工具把白色部分裁剪下来，隐藏白色图块，另存为“店招.jpg”。 设计店招 步骤12. 设计店招 打开淘宝网页，选择“卖家中心”→“店铺管理”→“店铺装修”→“页头”选项，点击“更换图片”按钮，如图。上传制作好的“页头背景图.jpg”，选择横向平铺和居中。 设计店招 步骤13. 设计店招 在页面编辑处，点击店招右上方的“编辑”按钮。 设计店招 步骤14. 设计店招 在弹出的“店铺招牌”对话框中点击“选择文件”按钮，如图所示。 设计店招 步骤15. 设计店招 在展开的对话框中选择“上传新图片”，点击“添加图片”，如图所示。上传“店招.jpg”。 设计店招 步骤16. 设计店招 在“招牌内容”的页面中点击“保存”按钮，注意要取消“是否显示店铺名称”复选框的勾选。 设计店招 步骤17. 设计店招 发布设置好的店招. 知识点 任务三 设计导航条 理解网店导航条的作用 了解淘宝网店导航条规格 了解淘宝网店导航条的种类技能目标 能根据网店定位确定导航条的风格 能根据需要制作网店导航条 情景设计 店标和店招上传到网店后，小宝得到了老师的表扬和肯定。老师告诉小宝，为了方便顾客浏览网店，能快速找到想要的商品，需要设置好导航条。淘宝店铺导航条可以让顾客更便捷地找到所需的商品，促进交易的完成。 设计导航条 设计导航条 步骤1.打开淘宝网页，选择“卖家中心”→“店铺管理”→“宝贝分类管理”。 步骤2.点击“添加手工分类”，根据店铺宝贝属性添加分类,点击“保存更改”按钮。 设计导航条 设计导航条 设计导航条 步骤3.选择“卖家中心”→“店铺管理”→“店铺装修”选项。 步骤4.点击导航条右上方的“编辑”，编辑导航条。 设计导航条 设计导航条 设计导航条 步骤5.在弹出的“导航”对话框中点击“添加”按钮。 步骤6.在弹出的“添加导航内容”对话框中，勾选“宝贝分类”中已经设置好的分类，点击“确定”按钮，并发布。 设计导航条 谢谢