网店装修美工及视觉营销设计精品示范ppt101张
合集下载
《网店美工说课》课件
详情页设计
总结词：关联推荐
详细描述：在详情页中可添加关联推荐，向顾客推荐与该商品相关的其他商品，提高客单价。
详情页设计
总结词
购物车集成
详细描述
详情页应与购物车集成，方便顾客将商品加入购物车或 直接购买。
活动页设计
总结词
活动氛围营造
详细描述
活动页是网店举办促销活动的页 面，设计时应注重营造活动氛围 ，吸引顾客参与。
推广图设计
总结词：创意吸睛
详细描述：推广图是用于广告投放的图片素材， 设计时应注重创意和视觉效果，吸引目标受众点 击。
推广图设计
01
总结词：突出卖点
02
详细描述：推广图应突出商品的 卖点或促销信息，让目标受众了 解广告内容。
推广图设计
总结词：简洁明了
详细描述：推广图设计应简洁明了， 避免过多的文字和元素，以免干扰目 标受众的注意力。
网店美工的职责
负责网店的视觉设计
包括店铺首页、商品详情页、促销活 动页等页面的设店铺 的标志、字体、色彩等视觉元素，并
保持品牌形象的一致性和统一性。
商品图片处理和美化
对拍摄后的商品图片进行修图、调色 、添加水印等处理，提高商品图片的 质量和美观度。
情感化设计将更多地应用于网店美工，通过情感 化的元素和故事来吸引用户。
电商行业的发展趋势
社交电商的崛起
数据驱动的设计优化
社交电商的兴起将为网店美工提供更 多的展示机会和创意空间。
电商行业对数据的重视将推动网店美 工的数据分析能力，实现精准设计和 优化。
跨境电商的发展
跨境电商的崛起将促进网店美工的国 际化发展，要求更高的跨文化沟通能 力。
选择与品牌调性相符的颜 色，保持整体色调统一。
淘宝电商的视觉营销 PPT
详情页整体要与首页风格统一
1.点出材质：如:纯棉、涤棉
2.材质特性或功能说明：如:吸汗、透气
3.立体展示分析特点.
4.颜色款式展示：如：几种颜色，是那种袜形、中筒、短袜还是船袜等.
5.细节展现，体现产品质量。 6.产品实拍与产品包装
如：
第一点
第二点
第三点 第五点
第四点 第六点
主图设计 主图与直通车的制作要点
统一性
色彩应用的统一 店铺风格与产品风格的统一
审美性
注重视觉感受 寻找视觉的规律 把握客户群的审美心里
了解店铺功能
实用性
服务客户需求 权衡操作方便性
4
目的性 实用性 审美性 统一性的大概说明
店招:目的性：表明所销售的产品种类 实用性：产品分类明确，方便客户查找
海报:目的性：新品、爆款、活动的展现 实用性：方便客户了解店铺动态
需要巧用各种大模块 的组合，特别是手机 淘宝已经升级，模块 更多样，充分利用焦 点图丶左文右图丶多 图等模块，使手机淘 宝首页显得更有趣味 性。模块上选择大模 块丶从上而下的排列 而不是从左往右的排 列效果。
手机端屏幕较 小，需要注意 排列和字体大 小，让客户容 易看清，方便 购物
详情页设计 详情页设计重点展示
直通车制作
直通车图的作用是点击量和促进点击率，所以和做以下这类的。
突出促销信息/材质/功能/特点等
创意类的图片吸引点击
自定义页面 公司文化、活动介绍等
自定义装修用途很广泛，一般用于以下用途等等
个人感觉 应该添加的部分
互动活动，促进成交
增加老客户，提高回头客
增加收藏
增加手机端交易
分类:目的性：新品、爆款。热销、等展示 实用性：方便客户查找
淘宝网店视觉营销PPT课件
20
4 产品描述设计
21
Print Page
• 金字塔原理+ 案例
1，形象冲击 2，不同色系多角度pic 3.材料 4，原料工艺 5.所有细节卖点 6，配件 7，包装 8，销售氛围 9，信任度确认 10，顾虑排除（购买？）
22
• 金字塔原理+ 案例
信誉 搭配 做工品质 款式风格 客户心里金字塔
.明确目标
--面向白领的产品，字体+色 彩庄重贵气
人群追求的特点。 --面向女生，字体色彩显活泼 可爱。
. 目标人群审美特征
--投射效应，让消费者把自己 想象成画面上当模特，融入 画面里面，家装产品一样
.风格识别
--固定的ci形象！产品融合
目标不同表现手法不一样
31
二、促销型设计的方法—3.形式美观
28
二、促销型设计的方法—1.主题突出
1.第一主题
--促销过程中就像一次陈述， 我们必须有一个明确的主 题，所有的元素都必须围绕 这个主题展开。 --促销主题一般是价格，折扣 和其他促销内容本身，所以 这个信息应该是放在视觉焦 焦点上的，被突出和放大元 素。
不一定要有创意-视觉聚焦在哪里-第一主题（第一时间 传递）
要有对话感，对话的逻辑展开
• 氛围感 产品介绍中的销售氛围营造和实体店一样重要，形成年很多人购买的气氛，让买家
因从众心理而决定购买
24
• 案例（ak 俏 小怡）
• 详情页：广告控制1屏内 • 搭配植入产品中（适当氛围，时机，配合植入）
• 盗梦空间—晚上梦里植入 • 设计师-白天-图片视觉-植入
25
二、促销型设计的方法—3.形式美观
. 形式美观-字体
--字体和语音的比喻 --字体大小粗细相当于音强 --字体越大音越大 --字体就是人的语言，字体合 不合适，读一遍
4 产品描述设计
21
Print Page
• 金字塔原理+ 案例
1，形象冲击 2，不同色系多角度pic 3.材料 4，原料工艺 5.所有细节卖点 6，配件 7，包装 8，销售氛围 9，信任度确认 10，顾虑排除（购买？）
22
• 金字塔原理+ 案例
信誉 搭配 做工品质 款式风格 客户心里金字塔
.明确目标
--面向白领的产品，字体+色 彩庄重贵气
人群追求的特点。 --面向女生，字体色彩显活泼 可爱。
. 目标人群审美特征
--投射效应，让消费者把自己 想象成画面上当模特，融入 画面里面，家装产品一样
.风格识别
--固定的ci形象！产品融合
目标不同表现手法不一样
31
二、促销型设计的方法—3.形式美观
28
二、促销型设计的方法—1.主题突出
1.第一主题
--促销过程中就像一次陈述， 我们必须有一个明确的主 题，所有的元素都必须围绕 这个主题展开。 --促销主题一般是价格，折扣 和其他促销内容本身，所以 这个信息应该是放在视觉焦 焦点上的，被突出和放大元 素。
不一定要有创意-视觉聚焦在哪里-第一主题（第一时间 传递）
要有对话感，对话的逻辑展开
• 氛围感 产品介绍中的销售氛围营造和实体店一样重要，形成年很多人购买的气氛，让买家
因从众心理而决定购买
24
• 案例（ak 俏 小怡）
• 详情页：广告控制1屏内 • 搭配植入产品中（适当氛围，时机，配合植入）
• 盗梦空间—晚上梦里植入 • 设计师-白天-图片视觉-植入
25
二、促销型设计的方法—3.形式美观
. 形式美观-字体
--字体和语音的比喻 --字体大小粗细相当于音强 --字体越大音越大 --字体就是人的语言，字体合 不合适，读一遍
淘宝网店视觉营销(PPT41页)
• 金字塔原理+ 案例
信誉 搭配 做工品质 款式风格 客户心里金字塔
视觉漏斗模型 组图
细节材质图
搭配方案
好评 热卖
• 针对目标定义的详细 产品描述 达到5感
•
真实感 真实再现产品原貌 不同角度 更多细节
•
逻辑感 根据买家的需求部署和展开卖点陈述，达到层层打击，达成购买
•
亲切感 针对目标消费者的特性进行文案，图像的风格设定，亲切，贴近。
策划
沟通
设计
网店定位 产品策略 受众分析 竞品分析 时段分析
产品体验 策略沟通 素材准备 草案讨论 确定创意 参考目标
形成文案 定义主题 分解层次 构图、色调 排版、字体 细节、气氛
Print Page
• Print topics here
Over!
9、静夜四无邻，荒居旧业贫。。21.2.1021.2.10Wednesday, February 10, 2021 10、雨中黄叶树，灯下白头人。。09:42:5609:42:5609:422/10/2021 9:42:56 AM 11、以我独沈久，愧君相见频。。21.2.1009:42:5609:42Feb-2110-Feb-21 12、故人江海别，几度隔山川。。09:42:5609:42:5609:42Wednesday, February 10, 2021 13、乍见翻疑梦，相悲各问年。。21.2.1021.2.1009:42:5609:42:56February 10, 2021 14、他乡生白发，旧国见青山。。2021年2月10日星期三上午9时42分56秒09:42:5621.2.10 15、比不了得就不比，得不到的就不要。。。2021年2月上午9时42分21.2.1009:42February 10, 2021 16、行动出成果，工作出财富。。2021年2月10日星期三9时42分56秒09:42:5610 February 2021 17、做前，能够环视四周；做时，你只能或者最好沿着以脚为起点的射线向前。。上午9时42分56秒上午9时42分09:42:5621.2.10 9、没有失败，只有暂时停止成功！。21.2.1021.2.10Wednesday, February 10, 2021 10、很多事情努力了未必有结果，但是不努力却什么改变也没有。。09:42:5609:42:5609:422/10/2021 9:42:56 AM 11、成功就是日复一日那一点点小小努力的积累。。21.2.1009:42:5609:42Feb-2110-Feb-21 12、世间成事，不求其绝对圆满，留一份不足，可得无限完美。。09:42:5609:42:5609:42Wednesday, February 10, 2021 13、不知香积寺，数里入云峰。。21.2.1021.2.1009:42:5609:42:56February 10, 2021 14、意志坚强的人能把世界放在手中像泥块一样任意揉捏。2021年2月10日星期三上午9时42分56秒09:42:5621.2.10 15、楚塞三湘接，荆门九派通。。。2021年2月上午9时42分21.2.1009:42February 10, 2021 16、少年十五二十时，步行夺得胡马骑。。2021年2月10日星期三9时42分56秒09:42:5610 February 2021 17、空山新雨后，天气晚来秋。。上午9时42分56秒上午9时42分09:42:5621.2.10 9、杨柳散和风，青山澹吾虑。。21.2.1021.2.10Wednesday, February 10, 2021 10、阅读一切好书如同和过去最杰出的人谈话。09:42:5609:42:5609:422/10/2021 9:42:56 AM 11、越是没有本领的就越加自命不凡。21.2.1009:42:5609:42Feb-2110-Feb-21 12、越是无能的人，越喜欢挑剔别人的错儿。09:42:5609:42:5609:42Wednesday, February 10, 2021 13、知人者智，自知者明。胜人者有力，自胜者强。21.2.1021.2.1009:42:5609:42:56February 10, 2021 14、意志坚强的人能把世界放在手中像泥块一样任意揉捏。2021年2月10日星期三上午9时42分56秒09:42:5621.2.10 15、最具挑战性的挑战莫过于提升自我。。2021年2月上午9时42分21.2.1009:42February 10, 2021 16、业余生活要有意义，不要越轨。2021年2月10日星期三9时42分56秒09:42:5610 February 2021 17、一个人即使已登上顶峰，也仍要自强不息。上午9时42分56秒上午9时42分09:42:5621.2.10
第1章 装修基础篇 网店美工PPT
3．产品与取景及构图
抗皱衬衣 平拍与穿拍
影响构图的因素有以下几个。 拍摄距离与角度：拍摄距离有远景、全景、中景、近景以 及特写
焦距与人像拍摄距离的效果
尝试用垂直角度，通常采用的方法不外乎三种：等高的则平视 （平角）、较高的则仰视（仰角）、较低的则俯视（俯角）。
横、竖版面的决定：在于主体的横、竖，主体移动的方向，以及主体和 陪体、环境的关系
模特气质方面：甜美、性感、成熟、时尚、青春等； 肢体语言：个性、年龄、职业； 外国模特：亲切感不强、国际范儿、让人仰视、高贵、 显得有档次。
在选择模特时，要记住四要、四不要，这样才能够发 挥所长，更好地协助商品的展示，突出商品的卖点，吸 引点击。
要选择合适的，不要随便选择； 要看生活照，不要看艺术照；
化妆品拍摄风格第3 种：明星代言商品的拍摄风格——品牌提升，明星效
应
化妆品拍摄风格第4 种：全方面展示商品的拍摄风格——全方面 展示，关联销售
非标类商品：属于个性定制化产品，以外观造型为利益点
箱包拍摄风格第1 种：突出商品色彩的拍摄风格——颜色多彩
箱包拍摄风格第2 种：商品大小对比尺寸的拍摄风格——尺寸明确，定位 准确
视觉中心& 几何中心
突出主体：在照片中，主体物是画面的主角，创作意图、作品阐述主题， 都是通过它来感染消费者的。
前景与背景的关系：一张照片可以没有前景，但绝对不会没有背景。
透视规律的应用：线条透视，拍摄距离、拍摄方向、拍摄高度，阶调透视（空 气透视）。
横式构图：是被拍摄商品呈横向放臵或者横向排列的横幅构图 方法。 竖式构图：是被拍摄商品呈竖向放臵或者竖向排列的竖幅构图 方法。
由于不能在现场随时与摄影师或模特进行直接沟通，不能及时纠 正或修补不符合要求的动作、角度和灯光，所以需要及时抽检， 把控好拍摄效果。
网店装修美工及视觉营销设计(ppt共101张)
网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页) 网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页) 网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页)
小技巧：时间仓促时利用汉语拼音做店标显得更高大上…
网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页)
淘宝宝贝主图的要求
网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页)
宝贝图片上传建议
建议：
1、宝贝主图最好上传为800*800px，既可以使用放大镜功能让消费者看到
实操
1、如何调整图片分辨率 2、如何按照要求批量裁剪图片及添加品牌logo 3、如何抠图 4、如何通过色彩平衡（曲线、对比度、色阶）
调整图像明暗度
色彩与网店设计
色彩冷暖性
色环
色彩三个属性
色彩心理与设计风格
1、红色
红色给人一种喜庆火热的感觉，是一种对人刺激性很强的色。红色容易使人兴 奋、紧张、激动，故也称为兴奋色。在网页美工设计中运用红色会达到时尚？商务？稳重？暗黑？ 知性？清新.....
风格设计： 整体风格 主色、 版式、页面布局
细节风格 宝贝主图、海报、详情页...
店铺装修
装修修改：热力图等检讨复盘
网店装修美工及视觉营销设计(ppt101 页)
一、网店装修
门头logo 海报广告
4、绿色
绿色给人一种新鲜、平静、安全等方面的感觉，是一种具有黄色和蓝色两种成 份的色。绿+黄=单纯、年轻；绿+黑=美丽、成熟；绿+浅红=春天的来临。 网店运用绿色系，显示出网店的年轻生命力，给人健康、成熟的心理感受。
网店装修美工及视觉营销设计(ppt101 页) 网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页) 网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页)
小技巧：时间仓促时利用汉语拼音做店标显得更高大上…
网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页)
淘宝宝贝主图的要求
网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页)
宝贝图片上传建议
建议：
1、宝贝主图最好上传为800*800px，既可以使用放大镜功能让消费者看到
实操
1、如何调整图片分辨率 2、如何按照要求批量裁剪图片及添加品牌logo 3、如何抠图 4、如何通过色彩平衡（曲线、对比度、色阶）
调整图像明暗度
色彩与网店设计
色彩冷暖性
色环
色彩三个属性
色彩心理与设计风格
1、红色
红色给人一种喜庆火热的感觉，是一种对人刺激性很强的色。红色容易使人兴 奋、紧张、激动，故也称为兴奋色。在网页美工设计中运用红色会达到时尚？商务？稳重？暗黑？ 知性？清新.....
风格设计： 整体风格 主色、 版式、页面布局
细节风格 宝贝主图、海报、详情页...
店铺装修
装修修改：热力图等检讨复盘
网店装修美工及视觉营销设计(ppt101 页)
一、网店装修
门头logo 海报广告
4、绿色
绿色给人一种新鲜、平静、安全等方面的感觉，是一种具有黄色和蓝色两种成 份的色。绿+黄=单纯、年轻；绿+黑=美丽、成熟；绿+浅红=春天的来临。 网店运用绿色系，显示出网店的年轻生命力，给人健康、成熟的心理感受。
25电商美工课件108-111,101-104
8
（三）背景处理 1.填充黑色背景 在“产品1”图层下方新建图层，并将图层重命名为“背景”。选择背 景色为黑色，接“Ctrl+Delete”键，在图层中填充背景色。在黑色背 景上，产品非常突出。 2.调整海报背景的通透度 在“背景”图层的上方创建一个新图层，并将图层重命名为“背景装饰 1”。吸取产品中的黄色（#fec801）作为前景色，选择“画笔”工具， 设置大小为1100像素，硬度为0。用画笔工具单击产品中心处，同时， 调整图层的不透明度为70%，提高海报的通透度。
13
其他效果处理
○ 对于前景的叶子，执行菜单中的“滤镜”—“模糊”—“高斯模糊” 命令，设置参数为4.5，产生虚化效果。采用同样的方法调整另外两片 叶子，注意使中景叶子的清晰度高于前景和远景。
○ 至此，就完成了一张比较有品质的、体现健康理念的芒果汁饮料海报。 ○ 【操作题】完成食品类海报的设计。
14
7
二、步骤详解 （一）新建文件 按快捷键“Ctrl+N”执行“新建”命令，在打开的“新建”对话框中设置文 件名为“芒果汁海报”，宽度为1920像素，高度为800像素，分辨率为72像 素/英寸。 （二）置入产品 执行菜单“文件”—“置入嵌入对象”命令置入素材“芒果汁产品素材 .png”，重命名图层名为“产品1”。按快捷键“Ctrl+T”调整产品大小， 并将产品放置于图像的中间位置。
电商海报设计 方法ห้องสมุดไป่ตู้
1
（一）版式设计
1.左右版式 左右版式是最常用的一种版式，占整个电商产品海报设计的80%以上。左 右是相对于文案和产品而言的。有采用左边产品右边文案的版式，也有采 用左边文案右边产品的版式。 2.上下版式 上下版式常见于竖幅海报。据统计，相比横幅海报，竖幅海报更能促使客 户下单，因此，竖幅海报在电商平台中有着非常重要的作用。
（三）背景处理 1.填充黑色背景 在“产品1”图层下方新建图层，并将图层重命名为“背景”。选择背 景色为黑色，接“Ctrl+Delete”键，在图层中填充背景色。在黑色背 景上，产品非常突出。 2.调整海报背景的通透度 在“背景”图层的上方创建一个新图层，并将图层重命名为“背景装饰 1”。吸取产品中的黄色（#fec801）作为前景色，选择“画笔”工具， 设置大小为1100像素，硬度为0。用画笔工具单击产品中心处，同时， 调整图层的不透明度为70%，提高海报的通透度。
13
其他效果处理
○ 对于前景的叶子，执行菜单中的“滤镜”—“模糊”—“高斯模糊” 命令，设置参数为4.5，产生虚化效果。采用同样的方法调整另外两片 叶子，注意使中景叶子的清晰度高于前景和远景。
○ 至此，就完成了一张比较有品质的、体现健康理念的芒果汁饮料海报。 ○ 【操作题】完成食品类海报的设计。
14
7
二、步骤详解 （一）新建文件 按快捷键“Ctrl+N”执行“新建”命令，在打开的“新建”对话框中设置文 件名为“芒果汁海报”，宽度为1920像素，高度为800像素，分辨率为72像 素/英寸。 （二）置入产品 执行菜单“文件”—“置入嵌入对象”命令置入素材“芒果汁产品素材 .png”，重命名图层名为“产品1”。按快捷键“Ctrl+T”调整产品大小， 并将产品放置于图像的中间位置。
电商海报设计 方法ห้องสมุดไป่ตู้
1
（一）版式设计
1.左右版式 左右版式是最常用的一种版式，占整个电商产品海报设计的80%以上。左 右是相对于文案和产品而言的。有采用左边产品右边文案的版式，也有采 用左边文案右边产品的版式。 2.上下版式 上下版式常见于竖幅海报。据统计，相比横幅海报，竖幅海报更能促使客 户下单，因此，竖幅海报在电商平台中有着非常重要的作用。
淘宝店电商店铺装修篇ppt课件
店铺装修篇
‹#›
店铺首页就是门面
您现在所在的是一个网络购物平台，和传统渠道不同 的是，买家不能像在实体店买东西一样摸一摸、看一看， 甚至试一试，买家只能通过您展示的图片，您的店铺装修， 及产品祥情描述来判断是否进行购买。
买家通过搜索找到您的宝贝，在被您的宝贝吸引以后， 一般不会立即决定购买，而是会再进入您的店铺看看，有 没有更多更好的选择，这时候您店铺的整体形象就显得尤 为重要，如何让您的买家能够喜欢逛您的店，多呆一会儿， 只有这样才能有更多生意机会。
块 ◎预览及使用
‹#›
‹#›
‹#›
目录
1
装修前期准备
2
装修基本设置
3
旺铺装修
‹#›
基础版装修
‹#›
店铺自定义招牌
‹#›
店招基本操作
• 登陆：卖家中心——店铺管理——店铺装修
‹#›
‹#›
‹#›
‹#›
‹#›
制作店招问题
1、招牌尺寸 • 页头高度为：150px（已包含导航）建议招牌尺寸：950*120
充需完整。两个图片地址/链接地址填充完毕问题即可解 决。
‹#›
图片空间
卖家中心——店铺管理——图片空间
鼠标滑过图片可执行操作
40
宝贝推荐
‹#›
宝贝描述模版
‹#›
宝贝描述要领：
1、字少图多。避免多余说明。如：“本店谢绝还价”等。 2、促销信息 。 3、方便买家。如：产品详情+尺寸表，推荐尺码等。 4、产品细节图。如：袖子，拉链等。 5、购物须知。邮费、发货时间、退换货、售后等，节约客
• 4.橙色——朝气活泼——常用于家居和食品用品 • 5.粉色——可爱美丽——常用于女性产品的店铺 • 6.黑色——强大权威——常用于男性或高端品牌产品 • 7.紫色——高雅浪漫——常用于美容产品等
‹#›
店铺首页就是门面
您现在所在的是一个网络购物平台，和传统渠道不同 的是，买家不能像在实体店买东西一样摸一摸、看一看， 甚至试一试，买家只能通过您展示的图片，您的店铺装修， 及产品祥情描述来判断是否进行购买。
买家通过搜索找到您的宝贝，在被您的宝贝吸引以后， 一般不会立即决定购买，而是会再进入您的店铺看看，有 没有更多更好的选择，这时候您店铺的整体形象就显得尤 为重要，如何让您的买家能够喜欢逛您的店，多呆一会儿， 只有这样才能有更多生意机会。
块 ◎预览及使用
‹#›
‹#›
‹#›
目录
1
装修前期准备
2
装修基本设置
3
旺铺装修
‹#›
基础版装修
‹#›
店铺自定义招牌
‹#›
店招基本操作
• 登陆：卖家中心——店铺管理——店铺装修
‹#›
‹#›
‹#›
‹#›
‹#›
制作店招问题
1、招牌尺寸 • 页头高度为：150px（已包含导航）建议招牌尺寸：950*120
充需完整。两个图片地址/链接地址填充完毕问题即可解 决。
‹#›
图片空间
卖家中心——店铺管理——图片空间
鼠标滑过图片可执行操作
40
宝贝推荐
‹#›
宝贝描述模版
‹#›
宝贝描述要领：
1、字少图多。避免多余说明。如：“本店谢绝还价”等。 2、促销信息 。 3、方便买家。如：产品详情+尺寸表，推荐尺码等。 4、产品细节图。如：袖子，拉链等。 5、购物须知。邮费、发货时间、退换货、售后等，节约客
• 4.橙色——朝气活泼——常用于家居和食品用品 • 5.粉色——可爱美丽——常用于女性产品的店铺 • 6.黑色——强大权威——常用于男性或高端品牌产品 • 7.紫色——高雅浪漫——常用于美容产品等
电商视觉营销设计模板ppt课件
1.1经典形式美法则
u1.1.1对称与均衡 u1.1.2重复与节奏 u1.1.3对比与统一 u课堂作业
5
1平面设计基础
1.2常用色彩配色设计法则及进阶学习
u1.2.1色彩搭配法则 u1.2.2色彩传达 u1.2.3色彩搭配自学进阶 u课堂作业
6
1平面设计基础
1.3字体的构成法则与编排
u1 . 3 . 1 字 体 在 版 面 中 的 构 成 法 则 u1 . 3 . 2 段 落 文 字 的 编 排 法 则 u1 . 3 . 3 追 求 最 优 视 觉 效 果 的 字 体 组 合 法 则 u课 堂 作 业 1 u课 堂 作 业 2 u课 堂 作 业 3
23
0
3
第3篇综合项目实战
24
6商品拍摄实战—— 以电热水壶为例
6.1商品拍摄的基本流程 6.2拍摄流程详解
课堂作业
25
7商品图片精修实战— — 以加湿器为例
7.1图片精修的基本思路 7.2精修流程详解
课堂作业
26
8促销广告设计实战— — 以小家电为例
8.1促销广告设计的基本流程 8.2制作过程详解
9
2常用模块视觉营销设计
2.2店招视觉营销设计
u2 . 2 . 1 与 店 铺 整 体 的 色 彩 和 风 格 统 一 u2 . 2 . 2 简 洁 大 气 ， 以 少 胜 多 u2 . 2 . 3 合 理 且 丰 富 的 营 销 手 段 u课堂作业
10
2常用模块视觉营销设计
2 . 3banner视觉营销设计
21
5图片处理
5.2图片色彩优化
u5.2.1修复图片颜色 u5 . 2 . 2photoshop中的色彩优化命令 u课堂作业 u5 . 2 . 2Photoshop中的色彩优化命令 u课堂作业
u1.1.1对称与均衡 u1.1.2重复与节奏 u1.1.3对比与统一 u课堂作业
5
1平面设计基础
1.2常用色彩配色设计法则及进阶学习
u1.2.1色彩搭配法则 u1.2.2色彩传达 u1.2.3色彩搭配自学进阶 u课堂作业
6
1平面设计基础
1.3字体的构成法则与编排
u1 . 3 . 1 字 体 在 版 面 中 的 构 成 法 则 u1 . 3 . 2 段 落 文 字 的 编 排 法 则 u1 . 3 . 3 追 求 最 优 视 觉 效 果 的 字 体 组 合 法 则 u课 堂 作 业 1 u课 堂 作 业 2 u课 堂 作 业 3
23
0
3
第3篇综合项目实战
24
6商品拍摄实战—— 以电热水壶为例
6.1商品拍摄的基本流程 6.2拍摄流程详解
课堂作业
25
7商品图片精修实战— — 以加湿器为例
7.1图片精修的基本思路 7.2精修流程详解
课堂作业
26
8促销广告设计实战— — 以小家电为例
8.1促销广告设计的基本流程 8.2制作过程详解
9
2常用模块视觉营销设计
2.2店招视觉营销设计
u2 . 2 . 1 与 店 铺 整 体 的 色 彩 和 风 格 统 一 u2 . 2 . 2 简 洁 大 气 ， 以 少 胜 多 u2 . 2 . 3 合 理 且 丰 富 的 营 销 手 段 u课堂作业
10
2常用模块视觉营销设计
2 . 3banner视觉营销设计
21
5图片处理
5.2图片色彩优化
u5.2.1修复图片颜色 u5 . 2 . 2photoshop中的色彩优化命令 u课堂作业 u5 . 2 . 2Photoshop中的色彩优化命令 u课堂作业
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
主图整体外观 多角度文字排版介绍
细节配件展示 其他配件展示 消费者关心的东西一目了然展 示 看图即可解答心中疑问 服务到位
实操
1、如何调整图片分辨率 2、如何按照要求批量裁剪图片及添加品牌logo 3、如何抠图 4、如何通过色彩平衡（曲线、对比度、色阶）
调整图像明暗度
色彩与网店设计
色彩冷暖性
色环
网店装修与美工设计
为什么要做网店装修和设计？
网店装修及美工的重要性
网店美工的根本宗旨
一个好的网店美工，不仅仅是考虑观赏性， 更重要的是记住美工时刻服务于营销目的
（提高转化率）。
店铺装修原则
相同点：1、诱导用户逐步产生购买冲动和行为，提高 转化率 2、装修风格和产品、人群定位保持一致
一、网店装修-流程
水印过多—牛皮癣 文字放置在产品上 文字过多，文字字体，色彩风格不统一
宝贝图片设计策划
注意层次感 文字不放置在主图 放置在背景图
宝贝主图设计策划
淘宝橱窗展示应统一背景色和风格，注意突出主题 卖点
图片花色过多分散
宝贝主图设计策划
突出主题 商品标签产品名称，纯色背景
宝贝主图设计策划
淘宝主图为正方形 统一图片大小、格式
可常用于各种活动海报搭配 缺点：色彩搭配比例难控制
对比色搭配
对比色搭配 优点：强烈的视觉冲击力，有力量、气势，活力。
常见于时尚品主题海报，也常用于促销活动 缺点：不易调和把控
海报设计之细节-点线面
点的运用
线的运用Βιβλιοθήκη 串联信息虚拟的视线 引导文字
面的设计
增加层次感和动感
分割画面
避免背景单调
详情页、网店整体设计点线面
制作模板
logo
价签
图片整齐风格统一
模板实际就是做了一个整体规 范
统一品牌标记 标准位置
裂帛实体店宝贝统一模板
根据模板 调整透明度，统一酒瓶尺寸大小，调整倾斜度，校对位置
水果店商品展示
多角度展示产品 2张之内产品广告
宝贝主图设计策划
多角度展示 主图
宝贝主图设计策划
宝贝主图策划=展示产品+服务 广告
点——画面的气氛点缀、 丰富层次、有对比大小就 有点 线——引导视觉走向、链 接信息 面——画面层次分割、信 息的载体
一张高效的网络广告的三大要素
文案
主标题/副标题/价格/标签
商品
主产品/次产品/模特
背景
前背景/中背景/后背景
分层
商品层：明确主题
图案为主题服务，即使没有文字， 也知道这个图传达的意思
7、黑色
黑色给人一种严肃、刚健、恐怖的感觉，是纯度、色相、明度最低的非色彩。 配色中黑色和许多颜色构成良好的对比调和，运用范围广泛。网店设计中同时 运用黑色和白色，视觉冲击力很强，主次分明，通常可以表现出强烈的时代感
冲突的对比色 稳健的邻近色
华丽的对比色 统一的同类色
海报设计之色彩搭配
一般而言，色彩搭配不要超过三种，之间的比例是这样的....
海报色彩设计-相近色搭配
相邻色搭配
相邻色或相近色搭配： 优点：稳定、平静、和谐，
常用于家居，生活类商品主题海报 缺点：容易单调，必须加入其它图案平衡
间隔色搭配
红+蓝，典型冷暖色搭配，容易让人产生视觉亢奋感，需要万能色白色中和...
间隔色搭配： 优点：即不像对比色那么冲突剧烈，又有明快，活泼之感，
3、蓝色
蓝色给人一种清新、舒畅的感觉，是一种最具理智沉稳的色。蓝色是冷色调当 中最为典型的代表色，可以衬托出其它色彩，让整个网页看起来更加丰富色彩
4、绿色
绿色给人一种新鲜、平静、安全等方面的感觉，是一种具有黄色和蓝色两种成 份的色。绿+黄=单纯、年轻；绿+黑=美丽、成熟；绿+浅红=春天的来临。 网店运用绿色系，显示出网店的年轻生命力，给人健康、成熟的心理感受。
商品层：关注点清晰
文案层：关键信息视觉清晰
文案层：图文一致，逻辑清晰
文字接地气
不同字体对应产品、目标人群定位 电商常用字体
女性字体 柔软 飘逸 纤细 秀美
气质 时尚
如何视觉清晰
适用范围：化妆品/日用品/ 轻纺/女性鞋服/各种包包/母
婴
如何视觉清晰
一看就买不起 纤细 优美 简洁 小 留白
5、紫色
紫色给人一种优雅、高贵、神秘的感觉，在所有色彩中明度是最低的。一般紫 色会用来代表女性相关的商品，在化妆品包装中也常使用紫色。网店设计中紫 色并不能在所有站点中使用，但紫色会给人留下深刻印象，容易抓住人的视线
6、白色
白色给人一种纯洁、淳朴、神圣的感觉。在大自然中雪的颜色为白色，同样会 使人造成寒冷的生理反应；在服饰搭配上，白色为百搭色彩，可以和任何颜色 进行搭配。在网页设计中白色被广泛用于电子商务、微博等各种网站。白色时 常也用在字体颜色、背景颜色、图片等等，
男性字体 硬朗 粗犷 沉稳 大气
适用范围：家电/办公/男性 鞋服/电子产品/户外工具
店招的设计要点及实操
1 没有店名 2 色彩搭配不醒目 3 商品色彩和背景色彩混为一体
小技巧：时间仓促时利用汉语拼音做店标显得更高大上…
淘宝宝贝主图的要求
宝贝图片上传建议
建议：
1、宝贝主图最好上传为800*800px，既可以使用放大镜功能让消费者看到
细节又可以节约流量，节省图片显示时间 2、5张宝贝图建议分配为:1张正面图，2-3张侧面或细节图，1-2张宣传图 3、宝贝主图后期制作时有品牌统一在右上角加品牌logo、背景和产品位置 4、严格按规格批量统一裁剪为正方形(天猫、淘宝智能版自定义区则统一尺寸) 5、宣传图保持界面干净，文字简洁，不要覆盖商品本身，尽可能不要加水印 6、严禁牛皮癣，严禁盗图目标定位（指数、阿里指数、生意参谋）：产品定位
消费群体人群 年轻？时尚？商务？稳重？暗黑？ 知性？清新.....
风格设计： 整体风格 主色、 版式、页面布局
细节风格 宝贝主图、海报、详情页...
店铺装修
装修修改：热力图等检讨复盘
一、网店装修
门头logo 海报广告
搭配陈列区
橱窗形象 分类陈列区
促销区 搭配陈列区
色彩三个属性
色彩心理与设计风格
1、红色
红色给人一种喜庆火热的感觉，是一种对人刺激性很强的色。红色容易使人兴 奋、紧张、激动，故也称为兴奋色。在网页美工设计中运用红色会达到比较好 的视觉宣传效果
2、黄色
黄色给人一种光明辉煌的感觉，是最为娇嫩的一种色。在所有的颜色当中黄色 明度最高。在网店美工设计中使用黄色和白色的搭配，会使得页面更加的干净 纯洁。
细节配件展示 其他配件展示 消费者关心的东西一目了然展 示 看图即可解答心中疑问 服务到位
实操
1、如何调整图片分辨率 2、如何按照要求批量裁剪图片及添加品牌logo 3、如何抠图 4、如何通过色彩平衡（曲线、对比度、色阶）
调整图像明暗度
色彩与网店设计
色彩冷暖性
色环
网店装修与美工设计
为什么要做网店装修和设计？
网店装修及美工的重要性
网店美工的根本宗旨
一个好的网店美工，不仅仅是考虑观赏性， 更重要的是记住美工时刻服务于营销目的
（提高转化率）。
店铺装修原则
相同点：1、诱导用户逐步产生购买冲动和行为，提高 转化率 2、装修风格和产品、人群定位保持一致
一、网店装修-流程
水印过多—牛皮癣 文字放置在产品上 文字过多，文字字体，色彩风格不统一
宝贝图片设计策划
注意层次感 文字不放置在主图 放置在背景图
宝贝主图设计策划
淘宝橱窗展示应统一背景色和风格，注意突出主题 卖点
图片花色过多分散
宝贝主图设计策划
突出主题 商品标签产品名称，纯色背景
宝贝主图设计策划
淘宝主图为正方形 统一图片大小、格式
可常用于各种活动海报搭配 缺点：色彩搭配比例难控制
对比色搭配
对比色搭配 优点：强烈的视觉冲击力，有力量、气势，活力。
常见于时尚品主题海报，也常用于促销活动 缺点：不易调和把控
海报设计之细节-点线面
点的运用
线的运用Βιβλιοθήκη 串联信息虚拟的视线 引导文字
面的设计
增加层次感和动感
分割画面
避免背景单调
详情页、网店整体设计点线面
制作模板
logo
价签
图片整齐风格统一
模板实际就是做了一个整体规 范
统一品牌标记 标准位置
裂帛实体店宝贝统一模板
根据模板 调整透明度，统一酒瓶尺寸大小，调整倾斜度，校对位置
水果店商品展示
多角度展示产品 2张之内产品广告
宝贝主图设计策划
多角度展示 主图
宝贝主图设计策划
宝贝主图策划=展示产品+服务 广告
点——画面的气氛点缀、 丰富层次、有对比大小就 有点 线——引导视觉走向、链 接信息 面——画面层次分割、信 息的载体
一张高效的网络广告的三大要素
文案
主标题/副标题/价格/标签
商品
主产品/次产品/模特
背景
前背景/中背景/后背景
分层
商品层：明确主题
图案为主题服务，即使没有文字， 也知道这个图传达的意思
7、黑色
黑色给人一种严肃、刚健、恐怖的感觉，是纯度、色相、明度最低的非色彩。 配色中黑色和许多颜色构成良好的对比调和，运用范围广泛。网店设计中同时 运用黑色和白色，视觉冲击力很强，主次分明，通常可以表现出强烈的时代感
冲突的对比色 稳健的邻近色
华丽的对比色 统一的同类色
海报设计之色彩搭配
一般而言，色彩搭配不要超过三种，之间的比例是这样的....
海报色彩设计-相近色搭配
相邻色搭配
相邻色或相近色搭配： 优点：稳定、平静、和谐，
常用于家居，生活类商品主题海报 缺点：容易单调，必须加入其它图案平衡
间隔色搭配
红+蓝，典型冷暖色搭配，容易让人产生视觉亢奋感，需要万能色白色中和...
间隔色搭配： 优点：即不像对比色那么冲突剧烈，又有明快，活泼之感，
3、蓝色
蓝色给人一种清新、舒畅的感觉，是一种最具理智沉稳的色。蓝色是冷色调当 中最为典型的代表色，可以衬托出其它色彩，让整个网页看起来更加丰富色彩
4、绿色
绿色给人一种新鲜、平静、安全等方面的感觉，是一种具有黄色和蓝色两种成 份的色。绿+黄=单纯、年轻；绿+黑=美丽、成熟；绿+浅红=春天的来临。 网店运用绿色系，显示出网店的年轻生命力，给人健康、成熟的心理感受。
商品层：关注点清晰
文案层：关键信息视觉清晰
文案层：图文一致，逻辑清晰
文字接地气
不同字体对应产品、目标人群定位 电商常用字体
女性字体 柔软 飘逸 纤细 秀美
气质 时尚
如何视觉清晰
适用范围：化妆品/日用品/ 轻纺/女性鞋服/各种包包/母
婴
如何视觉清晰
一看就买不起 纤细 优美 简洁 小 留白
5、紫色
紫色给人一种优雅、高贵、神秘的感觉，在所有色彩中明度是最低的。一般紫 色会用来代表女性相关的商品，在化妆品包装中也常使用紫色。网店设计中紫 色并不能在所有站点中使用，但紫色会给人留下深刻印象，容易抓住人的视线
6、白色
白色给人一种纯洁、淳朴、神圣的感觉。在大自然中雪的颜色为白色，同样会 使人造成寒冷的生理反应；在服饰搭配上，白色为百搭色彩，可以和任何颜色 进行搭配。在网页设计中白色被广泛用于电子商务、微博等各种网站。白色时 常也用在字体颜色、背景颜色、图片等等，
男性字体 硬朗 粗犷 沉稳 大气
适用范围：家电/办公/男性 鞋服/电子产品/户外工具
店招的设计要点及实操
1 没有店名 2 色彩搭配不醒目 3 商品色彩和背景色彩混为一体
小技巧：时间仓促时利用汉语拼音做店标显得更高大上…
淘宝宝贝主图的要求
宝贝图片上传建议
建议：
1、宝贝主图最好上传为800*800px，既可以使用放大镜功能让消费者看到
细节又可以节约流量，节省图片显示时间 2、5张宝贝图建议分配为:1张正面图，2-3张侧面或细节图，1-2张宣传图 3、宝贝主图后期制作时有品牌统一在右上角加品牌logo、背景和产品位置 4、严格按规格批量统一裁剪为正方形(天猫、淘宝智能版自定义区则统一尺寸) 5、宣传图保持界面干净，文字简洁，不要覆盖商品本身，尽可能不要加水印 6、严禁牛皮癣，严禁盗图目标定位（指数、阿里指数、生意参谋）：产品定位
消费群体人群 年轻？时尚？商务？稳重？暗黑？ 知性？清新.....
风格设计： 整体风格 主色、 版式、页面布局
细节风格 宝贝主图、海报、详情页...
店铺装修
装修修改：热力图等检讨复盘
一、网店装修
门头logo 海报广告
搭配陈列区
橱窗形象 分类陈列区
促销区 搭配陈列区
色彩三个属性
色彩心理与设计风格
1、红色
红色给人一种喜庆火热的感觉，是一种对人刺激性很强的色。红色容易使人兴 奋、紧张、激动，故也称为兴奋色。在网页美工设计中运用红色会达到比较好 的视觉宣传效果
2、黄色
黄色给人一种光明辉煌的感觉，是最为娇嫩的一种色。在所有的颜色当中黄色 明度最高。在网店美工设计中使用黄色和白色的搭配，会使得页面更加的干净 纯洁。