下载掌阅APP，畅读海量书库
立即打开
为了尽快设计好店标，晓玲先去了解淘宝网对店标的要求。晓玲了解到：淘宝店标的尺寸为80像素×80像素或100像素×100像素，大小为80 kB以内，支持的格式为.gif，.jpg和.png；可以是静态的店标，也可以是动态的店标。主题通常为展示店名和店铺的风格，也可以展示店铺的主营业务。由于之前没有做过设计方面的任务，晓玲觉得有些无从下手。
晓玲找到老师，说明自己的困惑。老师指点晓玲，可以先学习参考其他网店的店标，再根据自己网店的店名和主营商品、目标人群的喜好来进行设计。晓玲和她的团队经过讨论确定了完成任务的步骤：对店标进行分类、设计制作静态店标、设计制作动态店标、把店标上传至店铺。
由于没有设计店标的经验，所以先学习店标的类型，从而了解不同类型店标的设计方法。
（1）在天猫网键入搜索关键词“女装”，搜索店铺。在搜索结果页面找到各个经营女装的店铺的店标，如图2.1.1所示，可见店标在搜索项的第一位。
（2）把各店铺的店标分类汇总，分析店标的分类。由于店标的尺寸小，只有80像素×80像素或100像素×100像素，为了突出主题，通常使用纯色底色；为了表达清晰，内容要简洁，图案不要过于花哨。从表现形式可分为以下几类：
①中文或英文店标，如图2.1.2所示。
②中英文混合店标，如图2.1.3所示。
③图形店标，如图2.1.4所示。
④图形加文字店标，如图2.1.5所示。
图2.1.1
图2.1.2
图2.1.3
图2.1.4
图2.1.5
网店经营女装和女包，计划店名为“棉花糖”。已经设置好网店首页模板和首页布局，需要设计店标，在搜索展示店铺的时候突出店名和经营风格。晓玲考虑到图形店标和图形加文字店标比较复杂，而纯文字店标通常使用变形艺术字，对初学者有一定难度，于是选择中英文混合店标类型，确定使用浅粉色底配酒红色文字的色彩搭配，属于红色系深浅色搭配，和谐甜美。制作效果图如图2.1.6所示。
图2.1.6
通常而言，不同的颜色对应不同的心理感受，而且每种色彩在饱和度、透明度上略微变化就会产生不同的效果。
红色：喜庆的色彩，具有刺激效果，容易使人产生冲动，是一种雄壮的精神体现，给人愤怒、热情、活力的感觉。
橙色：激奋的色彩，具有轻快、欢欣、热烈、温馨、时尚的效果。
黄色：亮度最高，有温暖感，具有快乐、希望、智慧和轻快的个性，给人灿烂、辉煌的感觉。
绿色：介于冷暖色中间，显得和睦、宁静、健康、安全。和金黄、淡白搭配，产生优雅、舒适的气氛。
蓝色：永恒、博大，最具凉爽、清新、专业的色彩。和白色混合，能体现柔顺、淡雅、浪漫的气氛，给人平静、理智的感觉。
紫色：女孩子最喜欢的颜色之一，给人神秘、压迫的感觉。
黑色：给人深沉、神秘、寂静、悲哀、压抑的感觉。
白色：给人洁白、明快、纯真、清洁的感觉。
灰色：给人中庸、平凡、温和、谦让、中立、高雅的感觉。
黑、白色：不同时候给人不同的感觉。黑色有时感觉沉默、虚空，有时感觉庄严肃穆；白色有时感觉无尽希望，有时却感觉恐惧和悲哀。
（1）新建RGB文件，分辨率为100像素／英寸、尺寸宽为100像素、高为100像素。填充底色为浅粉色（R：254，G：188，B：216），如图2.1.7所示。
图2.1.7
（2）输入文字“棉花糖”，字体设置如图2.1.8所示，输入文字“mianhuatang”，字体设置如图2.1.9所示。
图2.1.8
图2.1.9
（3）把两行文字居中，调整好位置，保存为.jpg格式，最终效果如图2.1.10所示。
图2.1.10
店标的作用在于展示店铺名称、风格和售卖的商品类目。除了静态店标，还可以制作动态店标，以达到更好的效果，如图2.1.11所示。由于店标尺寸较小，所以动画不要过于复杂。
图2.1.11
（1）打开素材“练习素材／项目2／任务1／静态店标.psd”，如图2.1.12所示。
图2.1.12
（2）复制两个文字图层“棉花糖”，分别去掉两个字，如图2.1.13所示。再复制这3个文字图层如图2.1.14所示，把棉副本、花副本和糖副本这3个文字图层的文字颜色修改为（R：254，G：69，B：146），并改名为棉1、花1和糖1，效果如图2.1.15所示。
图2.1.13
图2.1.14
图2.1.15
（3）点击菜单“窗口”→“时间轴”，调出时间轴调板，如图2.1.16所示。
图2.1.16
（4）把棉1、花1和糖1这3个图层设置为不可见，并把第一帧的延迟时间设置为0.5 s，如图2.1.17所示。
图2.1.17
（5）添加第2帧，把棉1图层设置为可见，如图2.1.18所示。
图2.1.18
（6）添加第3帧，把棉1图层设置为不可见，花1图层设置为可见，如图2.1.19所示。
图2.1.19
（7）添加第4帧，把花1图层设置为不可见，糖1图层设置为可见，如图2.1.20所示。
（8）点击菜单“文件”→“存储为Web所用格式”，点击“存储”。设置文件名为“动态店标”，格式选择“仅限图像”，点击“保存”按钮。文件就保存为动态.gif格式，如图2.1.21所示。
图2.1.20
图2.1.21
已经制作好静态店标和动态店标，需要上传店标到淘宝店铺里。
（1）打开淘宝网，进入“卖家中心”。在“店铺管理”下拉菜单中选择“店铺基本设置”，如图2.1.22所示。
图2.1.22
（2）在“淘宝店铺”页面的基本信息栏目里，找到店铺标志，点击“上传图标”。选择已经制作好的店标上传，然后保存该设置，如图2.1.23和图2.1.24所示。
晓玲通过学习，结合所学的色彩搭配、文字设置等知识点，设计并制作了静态店标和动态店标，并成功把店标上传到网店，进一步完善了店铺。
晓玲和她的团队合力设计了静态、动态店标。请根据晓玲和她的团队制作店铺店标的步骤，设计女包店铺的店标，要求如下：
①关键字：欧时纳，英文字母为OSN。
②大小：80像素×80像素。
图2.1.23
图2.1.24