资源简介

(共29张PPT)
网店美工与店铺装修
WANGDIAN MEIGONG YU DIANPU ZHUANGXIU
实践篇
第 6 章
不言而信——店铺页头与页尾
6.1　认识店铺页头与页尾
6.3　店铺招牌的设计与制作
6.2　店铺标志的设计与制作
6.4　店铺页尾的设计与制作
6.1　认识店铺页头与页尾
6.1.1　店铺页头
6.1.2　店铺页尾
店铺页头包括店铺招牌和导航。其中，店铺招牌包括店铺标志、品牌口号、促销信息等内容，起到展示店铺形象、引导消费者购买的作用；导航是消费者访问店铺的快捷通道，方便消费者查找店铺商品信息。
6.1.1　店铺页头
6.1.2　店铺页尾
店铺页尾是一个自定义内容区，商家可以根据需要自行安排内容。通常，商家会在店铺页尾添加底部导航、客服联系方式、店铺公告等内容，以达到方便消费者选购商品，增加店铺信誉度等目的。
课堂小结
6.2　店铺标志的设计与制作
6.2.1　标志的分类
6.2.2　店铺标志设计规范与要求
6.2.3　设计与制作户外用品店铺标志
6.2　店铺标志的设计与制作
店铺标志作为一种特殊的视觉符号，是店铺形象、特征、文化的浓缩。它的作用是将店铺的经营理念、经营内容、品牌文化等信息传达给消费者，使消费者能够了解该品牌，进而形成品牌烙印。
6.2.1　标志的分类
汉字标志：根据设计主题对汉字进行艺术化处理形成的标志。
字母标志：一般以字母缩写组合、全称字母组合、单一字母等形式出现，其优点是简约、形式多样。
1．文字标志
汉字标志举例
字母标志举例
具象标志：对人物、植物或动物等具体的形象造型加以艺术化处理而得到的标志。
具象标志举例　
抽象标志举例
6.2.1　标志的分类
2．图形标志
抽象标志：用抽象的几何图形或符号来表达标志的含义，具有抽象美感。
组合标志设计不局限于某一种表现手法，设计者可以将文字、具体的形象造型和几何图形等元素混合在一起，从而形成组合标志。它兼有文字标志的说明性和图形标志的直观性，更易于消费者记忆。
工商银行标志　　　
6.2.1　标志的分类
3．组合标志
卡西龙标志
6.2.2　店铺标志设计规范与要求
（1）识别性。
（2）领导性。
（3）统一性。
（4）规范性。
店铺标志设计要求标志大小适宜、比例精准、没有压缩变形。
（5）审美性。
提示
店铺标志中使用的文字和图形必须遵守相关的法律法规，重要的规范要求如下。
（1）未经许可，严禁使用电商平台专用文字和图形作为网店宣传的文字和图形。
（2）禁止使用同中华人民共和国的国家名称、国旗、国徽、国歌、军旗、军徽、军歌、勋章等相同或者近似的，以及同中央国家机关的名称、标志、所在地特定地点的名称或者标志性建筑物的名称、图形相同的标志作为商标。
提示
（3）禁止使用带有民族歧视性的；带有欺骗性，容易使公众对商品的质量等特点或者产地产生误认的；有害于社会主义道德风尚或者有其他不良影响的标志作为商标。
（4）县级以上行政区划的地名或者公众知晓的外国地名，不得作为商标。但是，地名具有其他含义或者作为集体商标、证明商标组成部分的除外；已经注册的使用地名的商标继续有效。
（2）商品详情页。商品详情页以图片、文字、短视频的方式向消费者展示商品的规格、材质、颜色、产地、卖点等，让消费者全面了解商品，从而产生消费欲望。商品详情页一般由商品基础信息和商品描述信息两部分组成。
商品基础信息：主要包括商品主图和商品属性信息。
商品描述信息：包括商品销售信息、商品信息描述等。
6.2.2　店铺标志设计规范与要求
本节以户外用品店铺标志的设计与制作为例，学习店铺标志的设计技巧与制作方法。案例最终效果可参考本书配套素材“素材与实例”→“Ch6”→“店铺标志”文件夹中的“户外用品店铺标志 .psd”文件。
户外用品店铺标志效果
6.2.3　设计与制作户外用品店铺标志
（1）创意点选取。
（2）配色分析。
（3）风格定位。
6.2.3　设计与制作户外用品店铺标志
1．设计户外用品店铺标志
提示
“扁平化”设计是指摒弃不必要的装饰效果，如透视、纹理、渐变等，使得所有元素的边界都干净利落，没有羽化、阴影等，只通过丰富的色彩和有趣的图形来传达店铺信息，给消费者耳目一新的感觉。
步骤1　新建一个名为“户外用品店铺标志”，宽度100像素，高度为200像素，分辨率为300像素/英寸，颜色模式为RGB颜色的文档。
6.2.3　设计与制作户外用品店铺标志
2．制作户外用品店铺标志
提示
店铺标志文档的分辨率建议设置在300像素/英寸以上，这样可保证标志放大后比较清晰、细腻。
输入文本并设置文本属性
6.2.3　设计与制作户外用品店铺标志
步骤2　使用“横排文字工具” 输入“FUAO”文本，然后设置其字体为汉仪综艺简，字体大小为36点，字体颜色为蓝色（#273d6f。
步骤3　在“fuao”图层上右击，并从弹出的快捷菜单中选择“转换为形状”项，将文本转换为形状。按“Ctrl+R”组合键在图像编辑区左侧和上方显示标尺，然后将鼠标移至上方的水平标尺上，按住鼠标左键向“F”上拖拽，到达目标位置后释放鼠标，在“F”上添加一条水平参考线。采用同样方法在“F”上添加其他参考线。
将文本转换为形状
6.2.3　设计与制作户外用品店铺标志
在文本上添加参考线
6.2.3　设计与制作户外用品店铺标志
添加并编辑锚点
步骤4　选择“添加锚点工具” ，在“F”上依次单击添加4个锚点（左侧3个，右侧1个），然后使用“直接选择工具” 框选中间的2个锚点，按“Delete”键删除，将“F”分为上下两部分。
6.2.3　设计与制作户外用品店铺标志
编辑锚点以调整文本形状
步骤5　使用“直接选择工具” 框选“F”下部分形状右侧的两个锚点，水平向右拖动，使其与参考线对齐，然后使用“直接选择工具” 框选“F”上部分形状，按“Ctrl+J”组合键复制矩形，接着将复制后的矩形填充色设置为红色（#d72c2c）。
步骤6　在“A”上添加参考线，然后选中“A”内部白色三角形的锚点，按“Delete”键将其删除，接着选择“A”内部左侧锚点，将其拖动至顶部添加的参考线交叉处。
编辑锚点以调整文本形状
6.2.3　设计与制作户外用品店铺标志
步骤7　使用“钢笔工具” 在“A”中绘制一个红色三角形。
步骤8　在“FUAO”右侧添加“富奥户外”和“FUAO OUTDOOR”文本并设置文本属性，然后采用步骤 3 的方法将文本转换为形状。
绘制三角形
6.2.3　设计与制作户外用品店铺标志
添加文本并将其转换为形状
步骤9　采用步骤3～步骤6的方法，在“富奥户外”和“FUAO OUTDOOR”上添加参考线，然后对其进行变形处理。至此，户外用品店铺标志制作完成。
6.2.3　设计与制作户外用品店铺标志
添加参考线并编辑文本形状
课堂小结
谢谢观看

展开更多......

收起↑