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

1、网店装修项目三 设计店标、店招和导航条重庆大学出版社项目综述 小宝和同学们通过上一个项目确定好了店铺的模板和色调，设置好了页面的布局，网店首页就已经有了基本架构。接下来需要在这些架构上完善各个部分。每一家实体店店面，都会有自己各具特色的LOGO(标志)和招牌。淘宝网把这个LOGO(标志)和招牌延伸进了网店，就是网店的店标和店招。在网店里，需要提前设置好导航条，把商品的分类明确地展示给买家，方便买家进行浏览。小宝发现在店铺首页的最上端显示的就是店招，接着是导航条。那么店标在哪里呢？询问了老师才知道原来在店铺被搜索时，首先展示的就是店标。小宝认识到店标、店招是买家对网店的第一印象，导航条直接影响着

2、买家的用户体验度。项目任务任务一设计店标任务二设计店招任务三设计导航条知识点任务一设计店标理解网店店标的作用了解淘宝网店店标规格了解淘宝网店店标的种类技能目标能根据网店定位确定店标的风格能根据需要制作网店店标情景设计 为了尽快设计好店标，小宝先去了解淘宝网对店标的要求。小宝了解到：淘宝店标的尺寸为80 像素80 像素，大小为80 kB以内，支持的格式为.gif，.jpg和.png；可以是静态的店标，也可以是动态的店标。主题通常为展示店名和店铺的风格，也可以展示店铺的主营业务。由于之前没有做过设计方面的任务，小宝觉得有些无从下手。设计店标确认风格在淘宝网键入搜索关键词“男装”，搜索店铺在搜索结果

3、页面中找到各个经营男装的店铺的店标，可以见到店标在搜索项的第一位把各家男装店铺的店标分类汇总，分析店标的分类。确定风格设计店标 通常而言，不同的颜色对应不同的心理感受，而且每种色彩在饱和度、透明度上略微变化就会产生不同的感觉。确认风格设计店标小宝已经确定了店标表现形式，接下来可以在网上搜集一些相关素材【店标的制作】店标分为哪几种？从表现形式分为以下几类： 中文或英文店标 中英文混合店标 图形店标搜集素材设计店标店标素材的收集步骤1.打开浏览器，在地址栏中输入百度网站地址http:/，进入网站首页，百度搜索平台上，在图片分类上搜索关键词“纯蓝色底纹背景”。搜集素材设计店标店标素材的收集步骤2.挑

4、选“练习素材/项目3”文件夹下的SC31.jpg，SC32.jpg，SC33.jpg，SC34.jpg几幅蓝色底图备用。搜集素材设计店标店标素材的收集步骤3.确定字体。在店标制作中，字体不要过于花俏。可以在黑体、宋体、隶书等基本字体的基础上进行调整变形。搜集素材设计店标店标的制作步骤1.挑选底纹。对上个活动收集到的4幅底纹图进行分析，并挑选适当的底纹。步骤2.在Photoshop里打开“练习素材/项目3/SC33.jpg”文件，使用裁剪工具，设置宽80像素、高80像素,分辨率为150像素,在图片左上角进行剪裁。设计制作店标设计店标店标的制作步骤3.另存文件名为“店标”。按快捷键“Ctrl+L”

5、调出“色阶”对话框，设置如图所示。设计制作店标设计店标店标的制作步骤4.选择文字工具，设置参数如图3.1.12所示，颜色为白色(R:255，G：255，B：255)，输入文字“TURS”。设计制作店标设计店标店标的制作步骤5.选择文字工具，设置参数如图所示，颜色为黄色(R:255，G：255，B：0)，输入文字“图瑞斯”。把两行文字居中，调整位置，店标效果如图所示，保存为jpeg格式，并上传至网店。设计制作店标知识点任务二设计店招理解网店店招的作用了解淘宝网店店招规格了解淘宝网店店招的种类技能目标能根据网店定位确定店招的风格能根据需要制作网店店招情景设计 设计好店标，小宝很有成就感。对接下来的

6、店招设计制作充满信心，决定趁热打铁马上设计制作店招。小宝询问老师：“店招为什么重要？”老师回答：“店招会出现在店铺每个页面的最上端。也就是说，买家浏览店铺里的任一个页面都会看到店招，店招是店铺留给顾客的第一印象，并且可以重复给予印象。”设计店招经过了店标的设计制作过程，小宝认为店招也可以使用相同的步骤。小宝把自己的想法告诉老师，得到了老师的认可。即先学习参考其他网店的店标，再根据自己网店的店名和主营商品、目标人群喜好来进行设计。确认风格确认风格、收集素材、设计制作店招设计店招了解店招分类（1）宣传品牌为主宣传品牌为主的店招其主要内容是店铺名、店铺LOGO： 因为这是品牌宣传最基本的内容；其次是

7、关注按钮、关注人数、收藏按钮、店铺资质。通常不会在这类店招中出现店铺活动、促销等打折降价的信息。确认风格设计店招了解店招分类（2）活动促销为主的店招： 其作用是使店铺活动、流量集中增加，有别于店铺正常运营。 所以店招首要考虑的因素是活动信息/时间/倒计时、优惠券、促销产品等活动或者促销信息；其次才是店铺名、店铺LOGO、店铺广告语等品牌宣传为主的内容。 这种类型的店招，不管是氛围设计还是内容展现，都要让活动信息占据更大的篇幅，否则顾客对店铺的信息关注反而会降低。确认风格设计店招了解店招分类（3）产品推广为主的店招： 其特点是有主推产品、想要主推一款或几款产品。 在店招上，这类店铺要主打促销产品、促销信息、优惠券、活动信息等促销信息；其次是店铺名、店铺LOGO、店铺广告语等品牌宣传为主的内容。确认风格设计店招了解店招分类（4）随意设计的店招制： 作者在设计上比较随意，把文字或图片直接放在店招上，没有进行有效排版，难以给人留下深刻的印象，这也是目前大多数淘宝店家的通病。确认风格设计店招 店招上可以有：店铺名、店铺LOGO、店铺广告语、