《网店美工》项目4--网店常用图片设计制作
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
经过一年多的发展，张强的生意一天天好起来，忙的不亦乐乎。但随着 时间的推移，张强在网上的店铺人流量却直线下滑到现在的冷清，曾有朋友 建议过将店铺的风格和展现形式重新做一下，更符合现代电商的形势。但张 强有自己的理论，他觉得网上图片摆放一下就行，顾客在乎的就是价格，主 要是想方设法将价格再降低一些。
大家想一下，张强的网店图片通过摆图片和文字的方式，适应现在电商 的发展吗，图片的视觉营销方向在广告及其相关的图片中起到怎样的重要作 用。
1）占据首页大面积区域，主 要展现店铺风格、产品类型以 及活动等整体信息，提高顾客 对本店铺的认知度。 2）也可对热销或新推产品进 行优先展示，通过海报链接到 顾客想了解的产品描述中去。
整店海报 作用
单品海报 作用
1）针对具体某一款产品， 对其风格、卖点、营销活 动等进行展示； 2）或用带模特的场景将 买家带入你所要表达的内 容中，从而促使买家产生 购买的欲望。
图4-13 海报设计所选字体
— 23 —
4.2.2 丝巾海报设计案例
4、确定海报的主体色调和运用颜色
图4-14 海报设计所选颜色
— 24 —
4.2.2 丝巾海报设计案例
5、确定海报排列版式
图4-15 海报设计所用版式
— 25 —
4.2.2 丝巾海报设计案例
6、最终定稿效果（如图4-16）
图4-16 丝巾海报设计最终效果
任务1 店招图设计
任务2 店内海报图设计 4.3.1 直通车特点解析
Contents Page
任务4 钻展图设计
4.4.1 钻展特点解析 4.4.2 钻展图设计技巧 4.4.3 审核流程 4.4.4 钻展图位置 4.4.5 头戴式耳机钻展推广图设计案例
任务5 活动图设计
4.5.1 活动图设计规范 4.5.2 活动图示例说明 4.5.3 活动图示例说明
— 4—
【项目重难点 】
目 录 页
Contents Page
任务1 店招图设计 任务2 店内海报图设计 任务3 直通车图设计 任务4 钻展推广图设计 任务5 活动图设计
— 2—
目 录 页
Contents Page
任务1 店招图设计
4.1.1 店招设计目的 4.1.2Βιβλιοθήκη Baidu店招设计类型 4.1.3 店招设计结构
任务2 店内海报图设计
1、店内海报图分类
店内海报大体分为2类：一种是店铺首页的整店海报（如图4-9），一种是店铺内单品 详情的单品海报（如图4-10）。
图4-9 店内海报之整店海报（轮播图）
— 18 —
4.2.1 店内海报图的分类和作用
图4-10 店内海报之单品海报
— 19 —
4.2.1 店内海报图的分类和作用
2、店内海报图作用
4.2.1 店内海报图的分类和作用 4.2.2 丝巾海报设计案例 4.2.3 丝巾海报作业思考
任务3 直通车图设计
4.3.1 直通车特点解析 4.3.2 直通车图在搜索页的位置 4.3.3 直通车图在设计的注意要点 4.3.4 直通车图案例分析 4.3.5 老年服直通车图设计案例
— 3—
目 录 页
从内容和设计目的角度来说，店招上可展示： 店铺名、店铺Logo、店铺slogan、收藏按钮、关注按钮、促销产品、优惠 券、活动信息/时间/倒计时、搜索框、店铺公告、网址、第二导航条、旺旺、 电话热线、店铺资质、店铺荣誉等一系列有助于产品销售、网店品牌提升等信 息。 店招的本质目的是让顾客看到相关的店铺信息，快速了解店铺的经营特色。
— 20 —
4.2.2 丝巾海报设计案例
1、分析运营部门派发的工作单进行思路整理（如图4-11）
图4-11 店内海报设计美工工单
— 21 —
4.2.2 丝巾海报设计案例
2、准备相关的制图素材
图4-12 海报所选模特和春天清新素材
— 22 —
4.2.2 丝巾海报设计案例
3、确定海报字体和制图颜色
— 6—
目 录 页
Contents Page
任务1 店招图设计
4.1.1 店招设计目的 4.1.2 店招设计类型 4.1.3 店招设计结构
任务2 店内海报图设计
任务3 直通车图设计
任务4 钻展图设计 任务5 活动图设计
— 7—
4.1.1 店招设计的目的
店招本是由户外的店铺招牌延伸而来。尺寸1920*150px，面积虽小，却至 关重要。
— 26 —
同步实训： 丝巾海报作业思考
图4-17 海报练习
我们通过分析下面一款产品（如图417），设计首页全屏海报，你会怎样按照之前 我们作图的步骤进行制作。
产品关键词--冬季新品、羊绒材质、保暖 轻便防风，产品营销词--12月30日前购买送精 美手套一副。
— 27 —
目 录 页
Contents Page
— 8—
4.1.2 店招设计类型
从对店铺定位及功能上讲可以将店招分为4类（随意设计类型暂排除在外）
1 品牌宣传为主型
店招 设计类型
4
2 活动促销为主型 3 产品推广为主型
目录导航为主型
— 9—
1、品牌宣传为主
图4-1 品牌宣传店招
— 10 —
2、活动促销为主
图4-2 活动促销店招
— 11 —
图片设计中，文字字体的选择、整体颜色的选择及应用；直通车 推广图设计时，图文的排版样式、比例分布以及文案应用的精准表达。
【项目导图 】
— 5—
【引例 】
35岁的张强是2004年毕业的大学生，老家住在城郊的工业园附近，本 身学习的是电子商务专业。张强毕业后并没有像其他同学那样去找工作，而 是自己在淘宝网上开了一个服装网店，平时除了进货发货，晚上也会抽空将 图片上传摆好放在自己的店铺上。
图4-7 店招左中右型结构 图4-8 店招其他形式结构
— 16 —
目 录 页
Contents Page
任务1 店招图设计
任务2 店内海报图设计
4.2.1 海报图分类和作用 4.2.2 丝巾海报设计案例
任务3 直通车图设计
任务4 钻展图设计 任务5 活动图设计
— 17 —
4.2.1 店内海报图分类和作用
3、产品推广为主
图4-3 产品推广店招
— 12 —
4、目录导航为主
图4-4 产品推广店招
— 13 —
4.1.3 店招设计结构
1
居中型
店招设计 常见版面
结构
4
2 左右型 3 左中右型
其他型
— 14 —
4.1.3 店招设计结构
图4-5 店招居中型结构 图4-6 店招左右型结构
— 15 —
4.1.3 店招设计结构
大家想一下，张强的网店图片通过摆图片和文字的方式，适应现在电商 的发展吗，图片的视觉营销方向在广告及其相关的图片中起到怎样的重要作 用。
1）占据首页大面积区域，主 要展现店铺风格、产品类型以 及活动等整体信息，提高顾客 对本店铺的认知度。 2）也可对热销或新推产品进 行优先展示，通过海报链接到 顾客想了解的产品描述中去。
整店海报 作用
单品海报 作用
1）针对具体某一款产品， 对其风格、卖点、营销活 动等进行展示； 2）或用带模特的场景将 买家带入你所要表达的内 容中，从而促使买家产生 购买的欲望。
图4-13 海报设计所选字体
— 23 —
4.2.2 丝巾海报设计案例
4、确定海报的主体色调和运用颜色
图4-14 海报设计所选颜色
— 24 —
4.2.2 丝巾海报设计案例
5、确定海报排列版式
图4-15 海报设计所用版式
— 25 —
4.2.2 丝巾海报设计案例
6、最终定稿效果（如图4-16）
图4-16 丝巾海报设计最终效果
任务1 店招图设计
任务2 店内海报图设计 4.3.1 直通车特点解析
Contents Page
任务4 钻展图设计
4.4.1 钻展特点解析 4.4.2 钻展图设计技巧 4.4.3 审核流程 4.4.4 钻展图位置 4.4.5 头戴式耳机钻展推广图设计案例
任务5 活动图设计
4.5.1 活动图设计规范 4.5.2 活动图示例说明 4.5.3 活动图示例说明
— 4—
【项目重难点 】
目 录 页
Contents Page
任务1 店招图设计 任务2 店内海报图设计 任务3 直通车图设计 任务4 钻展推广图设计 任务5 活动图设计
— 2—
目 录 页
Contents Page
任务1 店招图设计
4.1.1 店招设计目的 4.1.2Βιβλιοθήκη Baidu店招设计类型 4.1.3 店招设计结构
任务2 店内海报图设计
1、店内海报图分类
店内海报大体分为2类：一种是店铺首页的整店海报（如图4-9），一种是店铺内单品 详情的单品海报（如图4-10）。
图4-9 店内海报之整店海报（轮播图）
— 18 —
4.2.1 店内海报图的分类和作用
图4-10 店内海报之单品海报
— 19 —
4.2.1 店内海报图的分类和作用
2、店内海报图作用
4.2.1 店内海报图的分类和作用 4.2.2 丝巾海报设计案例 4.2.3 丝巾海报作业思考
任务3 直通车图设计
4.3.1 直通车特点解析 4.3.2 直通车图在搜索页的位置 4.3.3 直通车图在设计的注意要点 4.3.4 直通车图案例分析 4.3.5 老年服直通车图设计案例
— 3—
目 录 页
从内容和设计目的角度来说，店招上可展示： 店铺名、店铺Logo、店铺slogan、收藏按钮、关注按钮、促销产品、优惠 券、活动信息/时间/倒计时、搜索框、店铺公告、网址、第二导航条、旺旺、 电话热线、店铺资质、店铺荣誉等一系列有助于产品销售、网店品牌提升等信 息。 店招的本质目的是让顾客看到相关的店铺信息，快速了解店铺的经营特色。
— 20 —
4.2.2 丝巾海报设计案例
1、分析运营部门派发的工作单进行思路整理（如图4-11）
图4-11 店内海报设计美工工单
— 21 —
4.2.2 丝巾海报设计案例
2、准备相关的制图素材
图4-12 海报所选模特和春天清新素材
— 22 —
4.2.2 丝巾海报设计案例
3、确定海报字体和制图颜色
— 6—
目 录 页
Contents Page
任务1 店招图设计
4.1.1 店招设计目的 4.1.2 店招设计类型 4.1.3 店招设计结构
任务2 店内海报图设计
任务3 直通车图设计
任务4 钻展图设计 任务5 活动图设计
— 7—
4.1.1 店招设计的目的
店招本是由户外的店铺招牌延伸而来。尺寸1920*150px，面积虽小，却至 关重要。
— 26 —
同步实训： 丝巾海报作业思考
图4-17 海报练习
我们通过分析下面一款产品（如图417），设计首页全屏海报，你会怎样按照之前 我们作图的步骤进行制作。
产品关键词--冬季新品、羊绒材质、保暖 轻便防风，产品营销词--12月30日前购买送精 美手套一副。
— 27 —
目 录 页
Contents Page
— 8—
4.1.2 店招设计类型
从对店铺定位及功能上讲可以将店招分为4类（随意设计类型暂排除在外）
1 品牌宣传为主型
店招 设计类型
4
2 活动促销为主型 3 产品推广为主型
目录导航为主型
— 9—
1、品牌宣传为主
图4-1 品牌宣传店招
— 10 —
2、活动促销为主
图4-2 活动促销店招
— 11 —
图片设计中，文字字体的选择、整体颜色的选择及应用；直通车 推广图设计时，图文的排版样式、比例分布以及文案应用的精准表达。
【项目导图 】
— 5—
【引例 】
35岁的张强是2004年毕业的大学生，老家住在城郊的工业园附近，本 身学习的是电子商务专业。张强毕业后并没有像其他同学那样去找工作，而 是自己在淘宝网上开了一个服装网店，平时除了进货发货，晚上也会抽空将 图片上传摆好放在自己的店铺上。
图4-7 店招左中右型结构 图4-8 店招其他形式结构
— 16 —
目 录 页
Contents Page
任务1 店招图设计
任务2 店内海报图设计
4.2.1 海报图分类和作用 4.2.2 丝巾海报设计案例
任务3 直通车图设计
任务4 钻展图设计 任务5 活动图设计
— 17 —
4.2.1 店内海报图分类和作用
3、产品推广为主
图4-3 产品推广店招
— 12 —
4、目录导航为主
图4-4 产品推广店招
— 13 —
4.1.3 店招设计结构
1
居中型
店招设计 常见版面
结构
4
2 左右型 3 左中右型
其他型
— 14 —
4.1.3 店招设计结构
图4-5 店招居中型结构 图4-6 店招左右型结构
— 15 —
4.1.3 店招设计结构