资源简介

(共15张PPT)
网店美工与店铺装修
WANGDIAN MEIGONG YU DIANPU ZHUANGXIU
实践篇
第 7 章
锦上添花——辅助模块
7.1　优惠券的设计与制作
7.3　分类导航的设计与制作
7.2　收藏区的设计与制作
7.2　收藏区的设计与制作
7.2.1　收藏区的设计要点
7.2.2　设计与制作电子产品店铺收藏区
7.2　收藏区的设计与制作
收藏区在店铺装修中至关重要，恰到好处的收藏区设计可以引导消费者收藏店铺，从而增加消费者再次光临的概率，同时提升店铺人气。
（1）保持风格统一。
7.2.1　收藏区的设计要点
（2）加入优惠信息。
本节以电子产品店铺收藏区的设计与制作为例，学习收藏区的设计技巧与制作方法。案例最终效果可参考本书配套素材“素材与实例”→“Ch7”文件夹中的“收藏区 .psd”文件。
7.2.2　设计与制作电子产品店铺收藏区
电子产品店铺收藏区效果
（1）内容安排。
7.2.2　设计与制作电子产品店铺收藏区
（2）配色分析。
1．设计电子产品店铺收藏区
步骤 1　新建一个名为“收藏区”，宽度为 190 像素，高度为 190 像素，分辨率为 72 像素 / 英寸，颜色模式为 RGB 颜色的文档。
7.2.2　设计与制作电子产品店铺收藏区
2．制作电子产品店铺收藏区
提示
收藏区一般放置在店铺左栏，而店铺左栏的宽度为 190 像素，因此收藏区的宽度设置为 190 像素，高度自定，图片格式支持 JPG、PNG 等格式。
绘制并编辑图形
7.2.2　设计与制作电子产品店铺收藏区
步骤 2　选择“钢笔工具” ，在工具属性栏“选择工具模式”下拉列表中选择“形状”项，然后绘制一个盾牌图形，接着设置其填充色为蓝色（#287fe0）。
复制并编辑图形
步骤 3　复制蓝色图形，按“Ctrl+T”组合键显示变换框，然后在按住“Shift+Alt”组合键的同时向内拖动变换框角点，以等比例缩小复制的蓝色图形，接着取消其填充色，并设置其描边属性。
7.2.2　设计与制作电子产品店铺收藏区
步骤 4　采用上述方法再复制一个步骤 2 绘制的蓝色图形并编辑。
绘制并复制五角星
7.2.2　设计与制作电子产品店铺收藏区
步骤 5　使用“多边形工具” 绘制一个蓝色五角星，然后将其旋转合适角度后移至合适位置，接着再复制两个五角星并移至合适位置。
再次复制并编辑图形
步骤6　在蓝色五角星下方绘制一个宽度为 142 像素，高度为 40 像素，圆角半径为 20 像素的蓝色圆角矩形，接着在圆角矩形上添加文本并设置文本属性。
绘制圆角矩形并添加文本
7.2.2　设计与制作电子产品店铺收藏区
步骤7　置在蓝色圆角矩形下方添加其他文本并设置文本属性。至此，电子产品店铺收藏区制作完成。
添加文本并设置文本属性
7.2.2　设计与制作电子产品店铺收藏区
课堂小结
谢谢观看

展开更多......

收起↑