网店装修项目三设计店标、店招和导航条上

设计店招
了解店招分类
（3）产品推广为主的店招： 其特点是有主推产品、想要主推一款
或几款产品。 在店招上，这类店铺要主打促销产品、
促销信息、优惠券、活动信息等促销信息； 其次是店铺名、店铺LOGO、店铺广告语等 品牌宣传为主的内容。
重庆大学出版社
别于店铺正常运营。 所以店招首要考虑的因素是活动信息/时
间/倒计时、优惠券、促销产品等活动或者促 销信息；其次才是店铺名、店铺LOGO、店铺 广告语等品牌宣传为主的内容。
这种类型的店招，不管是氛围设计还是内 容展现，都要让活动信息占据更大的篇幅，否 则顾客对店铺的信息关注反而会降低。
重庆大学出版社
活动一 活动二 活动三 确认风格
店
标 素 材 的
步骤3.确定字体。在店标制作中， 字体不要过于花俏。可以在黑体、 宋体、隶书等基本字体的基础上
收
进行调整变形。
集
重庆大学出版社
活动一 活动二 活动三 搜集素材
设计店标
步骤1.挑选底纹。对上个活动收集到的4幅底
店
纹图进行分析，并挑选适当的底纹。
标 的 制 作
步骤2.在Photoshop里打开“练习素材/项目 3/SC3 3.jpg”文件，使用裁剪工具，设置 宽80像素、高80像素,分辨率为150像素,在图 片左上角进行剪裁。
设计店标
重庆大学出版社
百度文库活动一 活动二 活动三 确认风格
在淘宝网键入搜索关键词“男装”，搜索店铺
在搜索结果页面中找到各个经营男装的店铺的店标，可以 见到店标在搜索项的第一位
把各家男装店铺的店标分类汇总，分析店标的分类。
确定风格
设计店标
重庆大学出版社
活动一 活动二 活动三 确认风格
通常而言，不同的颜色对应不同的心理感受，而且每种色彩在饱和度、透 明度上略微变化就会产生不同的感觉。
活动二 活动三 设计制作店标
知识点
• 理解网店店招的作用 • 了解淘宝网店店招规格 • 了解淘宝网店店招的种类技能目标 • 能根据网店定位确定店招的风格 • 能根据需要制作网店店招
设计店招 任务二
情景设计
设计好店标，小宝很有成就感。对接下来 的店招设计制作充满信心，决定趁热打铁马上 设计制作店招。小宝询问老师：“店招为什么 重要？”老师回答：“店招会出现在店铺每个 页面的最上端。也就是说，买家浏览店铺里的 任一个页面都会看到店招，店招是店铺留给顾 客的第一印象，并且可以重复给予印象。”
设计店标
店标分为哪几种？
重庆大学出版社
活动一 活动二 活动三 搜集素材
从表现形式分为以下几类： 中文或英文店标 中英文混合店标 图形店标
【店标的制作】
小宝已经确定了店标表现形式，接下来可以在网上搜集一些相关素材
设计店标
店
步骤1.打开浏览器，在地址栏中输
标 素 材 的
入百度网站地址 http://www.baidub.com，进入网 站首页，百度搜索平台上，在图片
项目任务
设计店标 任务一
设计店招 任务二
设计导航条 任务三
知识点
设计店标 任务一
• 理解网店店标的作用 • 了解淘宝网店店标规格 • 了解淘宝网店店标的种类技能目标 • 能根据网店定位确定店标的风格 • 能根据需要制作网店店标
情景设计
为了尽快设计好店标，小宝先去了解淘宝 网对店标的要求。小宝了解到：淘宝店标的尺 寸为80 像素×80 像素，大小为80 kB以内， 支持的格式为.gif，.jpg和.png；可以是静态 的店标，也可以是动态的店标。主题通常为展 示店名和店铺的风格，也可以展示店铺的主营 业务。由于之前没有做过设计方面的任务，小 宝觉得有些无从下手。
（1）宣传品牌为主宣传品牌为主的店招其主要内 容是店铺名、店铺LOGO：
因为这是品牌宣传最基本的内容；其次是关 注按钮、关注人数、收藏按钮、店铺资质。通常 不会在这类店招中出现店铺活动、促销等打折降 价的信息。
重庆大学出版社
活动一 活动二 活动三 确认风格
设计店招
了解店招分类
（2）活动促销为主的店招： 其作用是使店铺活动、流量集中增加，有
项目综述
小宝和同学们通过上一个项目确定好了店铺的模板和色 调，设置好了页面的布局，网店首页就已经有了基本架构。 接下来需要在这些架构上完善各个部分。每一家实体店店面， 都会有自己各具特色的LOGO(标志)和招牌。淘宝网把这个 LOGO(标志)和招牌延伸进了网店，就是网店的店标和店招。 在网店里，需要提前设置好导航条，把商品的分类明确地展 示给买家，方便买家进行浏览。小宝发现在店铺首页的最上 端显示的就是店招，接着是导航条。那么店标在哪里呢？询 问了老师才知道原来在店铺被搜索时，首先展示的就是店标。 小宝认识到店标、店招是买家对网店的第一印象，导航条直 接影响着买家的用户体验度。
收
分类上搜索关键词“纯蓝色底纹背
集
景”。
活动一
重庆大学出版社
活动二 活动三 搜集素材
设计店标
店
标 素 材 的
步骤2.挑选“练习素材/项目3” 文件夹下的SC3 1.jpg，SC3 2.jpg，SC3 3.jpg，SC3
收
4.jpg几幅蓝色底图备用。
集
重庆大学出版社
活动一 活动二 活动三 搜集素材
设计店标
活动一
重庆大学出版社
活动二 活动三 设计制作店标
设计店标
店
标 步骤3.另存文件名为“店
的
标”。按快捷键“Ctrl+L”
制 调出“色阶”对话框，设
作 置如图所示。
活动一
重庆大学出版社
活动二 活动三 设计制作店标
设计店标
店
标 步骤4.选择文字工具，设置
的
参数如图3.1.12所示，颜色
制
为白色(R:255，G：255，
作 B：255)，输入文字
“TURS”。
活动一
重庆大学出版社
活动二 活动三 设计制作店标
设计店标
步骤5.选择文字工具，设置
店
参数如图所示，颜色为黄
标
色(R:255，G：255，B：
的
0)，输入文字“图瑞斯”。
制
把两行文字居中，调整位
作
置，店标效果如图所示，
保存为jpeg格式，并上传
至网店。
活动一
重庆大学出版社
设计店招
重庆大学出版社
活动一 活动二 活动三 确认风格
确认风格、收集素材、设计制作店招
经过了店标的设计制作过程，小宝认为店招也可以使用相同的步骤。小宝把 自己的想法告诉老师，得到了老师的认可。即先学习参考其他网店的店标， 再根据自己网店的店名和主营商品、目标人群喜好来进行设计。
设计店招
了解店招分类