店铺装修元素设计 项目6 淘宝天猫网店美工实战教程∣微课版∣

内容导航 任务1 ∣店铺Logo设计 任务2 ∣店标设计 任务3 ∣店招设计 任务4 ∣快速导航条设计 课后练习 Strictly Confidential

任务1 ∣店铺Logo设计 一、 任务描述 本任务将设计一款女鞋店铺的Logo，在设计时主要通过女鞋形状结合店铺名称“筑梦

任务1 ∣店铺Logo设计 二、 相关知识 （一） Logo的类型 文字Logo 图形Logo 图文结合型Logo

任务1 ∣店铺Logo设计 （二） 店铺Logo设计要领 店铺Logo的尺寸 Logo的外观 Logo的应用 Strictly Confidential

任务1 ∣店铺Logo设计 三、 任务实施 1、创建文档 2、设置前景色

任务1 ∣店铺Logo设计 3、输入文本 4、绘制鞋子图像

任务1 ∣店铺Logo设计 5、翻转图像 6、绘制图形 7、添加直线 8、输入文本

任务1 ∣店铺Logo设计 四、 新手试炼

内容导航 任务1 ∣店铺Logo设计 任务2 ∣店标设计 任务3 ∣店招设计 任务4 ∣快速导航条设计 课后练习 Strictly Confidential

任务2 ∣店标设计 一、 任务描述 本任务将以“狗粮”店铺为例制作一款名为“汪汪小店”的店标。为了使制作的店标简洁美观、生动有趣，本例将萌宠小汪图形植入店标，并为其设置头像移动的动画效果，以可爱、多彩文本突出店名，最后将其上传到店铺。

任务2 ∣店标设计 二、 相关知识 （一）店标制作方法

任务2 ∣店标设计 （二）店标的设计要点 店标的尺寸要求 店标的外观 店标的应用

任务2 ∣店标设计 三、 任务实施 （一） 制作静态店标 1、填充背景色 2、绘制路径

任务2 ∣店标设计 3、描边路径 4、填充路径

任务2 ∣店标设计 5、绘制椭圆 6、编辑眼珠

任务2 ∣店标设计 7、输入文本 8、变形文字

任务2 ∣店标设计 9、输入文本并绘制矩形 10、合并图层

任务2 ∣店标设计 11、添加投影 12、查看投影效果

任务2 ∣店标设计 （二） 制作动态店标 1、将文本单独放置图层 2、创建帧动画

任务2 ∣店标设计 3、复制帧动画 4、编辑第1帧动画

任务2 ∣店标设计 5、编辑第2~5帧动画

任务2 ∣店标设计 （三） 上传店标到店铺 1、打开基础设置界面 2、选择上传的店标

任务2 ∣店标设计 四、 新手试炼

内容导航 任务1 ∣店铺Logo设计 任务2 ∣店标设计 任务3 ∣店招设计 任务4 ∣快速导航条设计 课后练习 Strictly Confidential

任务3 ∣店招设计 一、 任务描述 本任务将制作耳机专卖店“尚音阁”的常规店招，并在此基础上制作通栏店招。

任务3 ∣店招设计 二、 相关知识 （一） 店招的设计原则 为了便于网店商品的推广，让店招便于记忆，除了需要在设计上具有新颖别致、易于传播的特点，还应遵循两个基本的原则：一是品牌形象的植入；二是抓住产品定位。

任务3 ∣店招设计 （二） 店招风格分析

任务3 ∣店招设计 （三） 店招的设计要求 就淘宝网而言，按尺寸大小可以将店招分为常规店招和通栏店招两类。常规店招为950×120像素；通栏店招包括页头背景、常规店招和导航条，尺寸多为1920×150像素。需注意的是，为了便于店招的上传，页头背景图片大小建议小于200k，店招大小建议小于80kb，店招的格式也应设置成JPG、GIF、PNG或SWF等格式。

任务3 ∣店招设计 三、 任务实施 （一） 设计常规店招 1、绘制形状 2、设置渐变填充

任务3 ∣店招设计 3、渐变填充形状 5、绘制直线 6、输入文本 4、输入文本 Strictly Confidential

任务3 ∣店招设计 9、添加投影 10、输入文本并绘制矩形 Strictly Confidential

任务3 ∣店招设计 11、链接图层 12、查看效果 Strictly Confidential

任务3 ∣店招设计 三、 任务实施 （二） 设计通栏店招 1、添加参考线并填充图层

任务3 ∣店招设计 2、编辑形状

任务3 ∣店招设计 3、制作导航条

任务3 ∣店招设计 四、 新手试炼 http://www.ibodao.com/Task/detail/task_id/151584/train_id/144.html

内容导航 任务1 ∣店铺Logo设计 任务2 ∣店标设计 任务3 ∣店招设计 任务4 ∣快速导航条设计 课后练习 Strictly Confidential

任务4 ∣快速导航条设计 一、 任务描述 本例将制作一款“尚音阁”耳机专卖店的快速导航模块，除了包含潮流新品、人气爆棚等内容外，还包含优惠券内容。为了保证店铺风格的统一性，在颜色与字体选择上尽量选择了深蓝色和方正字体，并使用颜色、风格、主题与店铺搭配的图片来装饰快速导航。

任务4 ∣快速导航条设计 二、 相关知识 一款优秀的淘宝店铺快速导航条可以让顾客更方便的找到他们所需要的商品，减少顾客的时间，提高其购物目的性，促进交易完成。

任务4 ∣快速导航条设计 三、 任务实施 1、填充背景 2、使用圆形裁剪图片

任务4 ∣快速导航条设计 3、添加素材 4、添加导航文本

任务4 ∣快速导航条设计 5、选择虚线样式 6、设置描边

任务4 ∣快速导航条设计 7、绘制虚线 8、绘制半透明矩形

任务4 ∣快速导航条设计 9、输入优惠券文本 10、绘制形状

任务4 ∣快速导航条设计 四、 新手试炼

内容导航 任务1 ∣店铺Logo设计 任务2 ∣店标设计 任务3 ∣店招设计 任务4 ∣快速导航条设计 课后练习 Strictly Confidential

课后练习 （1）新建名为“蜗牛玩具店店标”的标准尺寸的店标，将使用到钢笔工具、自定义形状工具和横排文本工具。

课后练习 （2）新建名为“护肤品”店招的通栏店招文件，导入素材背景与产品图，添加文本与图形，制作包含网店店名、收藏按钮、导航条的通栏店招。

店铺装修元素设计 谢谢观看 淘宝网店美工一本通∣微课版∣

更多样书申请和资源下载需求，请登录人邮教育社区（www.ryjiaoyu.com) 海量图书方便查询 优惠购书 免费申请样书 成为作者 囊括各大品类，您想要的应有尽有 优惠购书 教师可以申请最低折扣 学生直接优惠购买图书 免费申请样书 教师免费申请样书， 我们将安排快递迅速送达 成为作者 欢迎写文章／投稿，我们强大的编辑团队将为您提供专业和高效的编辑出版服务 下载配套资源 教学视频、PPT课件、教学案例、 习题答案、模拟试卷等丰富资源 免费下载