网店装修美工及视觉营销设计
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
店招的设计要点及实操
网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页)
1 没有店名 2 色彩搭配不醒目 3 商品色彩和背景色彩混为一体
网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页) 网店装修美工及视觉营销设计(ppt101 页)
网店装修与美工设计
为什么要做网店装修和设计？
网店装修及美工的重要性
网店美工的根本宗旨
一个好的网店美工，不仅仅是考虑观赏性， 更重要的是记住美工时刻服务于营销目的
（提高转化率）。
网店装修美工及视觉营销设计(ppt101 页)
店铺装修原则
相同点：1、诱导用户逐步产生购买冲动和行为，提高 转化率 2、装修风格和产品、人群定位保持一致
调整图像明暗度
色彩与网店设计
色彩冷暖性
色环
色彩三个属性
色彩心理与设计风格
1、红色
红色给人一种喜庆火热的感觉，是一种对人刺激性很强的色。红色容易使人兴 奋、紧张、激动，故也称为兴奋色。在网页美工设计中运用红色会达到比较好 的视觉宣传效果
2、黄色
黄色给人一种光明辉煌的感觉，是最为娇嫩的一种色。在所有的颜色当中黄色 明度最高。在网店美工设计中使用黄色和白色的搭配，会使得页面更加的干净 纯洁。
网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页)
宝贝主图设计策划
淘宝橱窗展示应统一背景色和风格，注意突出主题 卖点
图片花色过多分散
网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页)
宝贝主图设计策划
突出主题 商品标签产品名称，纯色背景
店铺装修
网店装修美工及视觉营销设计(ppt101 页)
装修修改：热力图等检讨复盘
网店装修美工及视觉营销设计(ppt101 页)
一、网店装修
门头logo 海报广告
搭配陈列区
网店装修美工及视觉营销设计(ppt101 页)
橱窗形象 分类陈列区
促销区 搭配陈列区
网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页) 网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页)
小技巧：时间仓促时利用汉语拼音做店标显得更高大上…
网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页)
淘宝宝贝主图的要求
3、蓝色
蓝色给人一种清新、舒畅的感觉，是一种最具理智沉稳的色。蓝色是冷色调当 中最为典型的代表色，可以衬托出其它色彩，让整个网页看起来更加丰富色彩
4、绿色
绿色给人一种新鲜、平静、安全等方面的感觉，是一种具有黄色和蓝色两种成 份的色。绿+黄=单纯、年轻；绿+黑=美丽、成熟；绿+浅红=春天的来临。 网店运用绿色系，显示出网店的年轻生命力，给人健康、成熟的心理感受。
Fra Baidu bibliotek
7、黑色
黑色给人一种严肃、刚健、恐怖的感觉，是纯度、色相、明度最低的非色彩。 配色中黑色和许多颜色构成良好的对比调和，运用范围广泛。网店设计中同时 运用黑色和白色，视觉冲击力很强，主次分明，通常可以表现出强烈的时代感
网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页)
宝贝图片上传建议
建议：
1、宝贝主图最好上传为800*800px，既可以使用放大镜功能让消费者看到
细节又可以节约流量，节省图片显示时间
2、5张宝贝图建议分配为:1张正面图，2-3张侧面或细节图，1-2张宣传图 3、宝贝主图后期制作时有品牌统一在右上角加品牌logo、背景和产品位置 4、严格按规格批量统一裁剪为正方形(天猫、淘宝智能版自定义区则统一尺寸) 5、宣传图保持界面干净，文字简洁，不要覆盖商品本身，尽可能不要加水印 6、严禁牛皮癣，严禁盗图
宝贝主图设计策划
多角度展示 主图
宝贝主图设计策划
宝贝主图策划=展示产品+服务 广告
主图整体外观 多角度文字排版介绍
细节配件展示 其他配件展示 消费者关心的东西一目了然展 示 看图即可解答心中疑问 服务到位
实操
1、如何调整图片分辨率 2、如何按照要求批量裁剪图片及添加品牌logo 3、如何抠图 4、如何通过色彩平衡（曲线、对比度、色阶）
网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页)
水印过多—牛皮癣 文字放置在产品上 文字过多，文字字体，色彩风格不统一
网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页)
宝贝图片设计策划
注意层次感 文字不放置在主图 放置在背景图
价签
图片整齐风格统一
模板实际就是做了一个整体规 范
统一品牌标记 标准位置
网店装修美工及视觉营销设计(ppt101 页)
裂帛实体店宝贝统一模板
网店装修美工及视觉营销设计(ppt101 页)
根据模板 调整透明度，统一酒瓶尺寸大小，调整倾斜度，校对位置
水果店商品展示
多角度展示产品 2张之内产品广告
网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页)
一、网店装修-流程
目标定位（百度指数、阿里指数、生意参谋）：产品定位
消费群体人群 年轻？时尚？商务？稳重？暗黑？ 知性？清新.....
风格设计： 整体风格 主色、 版式、页面布局
细节风格 宝贝主图、海报、详情页...
网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页)
宝贝主图设计策划
淘宝主图为正方形 统一图片大小、格式
网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页)
制作模板
logo
网店装修美工及视觉营销设计(ppt101 页)
5、紫色
紫色给人一种优雅、高贵、神秘的感觉，在所有色彩中明度是最低的。一般紫 色会用来代表女性相关的商品，在化妆品包装中也常使用紫色。网店设计中紫 色并不能在所有站点中使用，但紫色会给人留下深刻印象，容易抓住人的视线
6、白色
白色给人一种纯洁、淳朴、神圣的感觉。在大自然中雪的颜色为白色，同样会 使人造成寒冷的生理反应；在服饰搭配上，白色为百搭色彩，可以和任何颜色 进行搭配。在网页设计中白色被广泛用于电子商务、微博等各种网站。白色时 常也用在字体颜色、背景颜色、图片等等，
网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页)
1 没有店名 2 色彩搭配不醒目 3 商品色彩和背景色彩混为一体
网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页) 网店装修美工及视觉营销设计(ppt101 页)
网店装修与美工设计
为什么要做网店装修和设计？
网店装修及美工的重要性
网店美工的根本宗旨
一个好的网店美工，不仅仅是考虑观赏性， 更重要的是记住美工时刻服务于营销目的
（提高转化率）。
网店装修美工及视觉营销设计(ppt101 页)
店铺装修原则
相同点：1、诱导用户逐步产生购买冲动和行为，提高 转化率 2、装修风格和产品、人群定位保持一致
调整图像明暗度
色彩与网店设计
色彩冷暖性
色环
色彩三个属性
色彩心理与设计风格
1、红色
红色给人一种喜庆火热的感觉，是一种对人刺激性很强的色。红色容易使人兴 奋、紧张、激动，故也称为兴奋色。在网页美工设计中运用红色会达到比较好 的视觉宣传效果
2、黄色
黄色给人一种光明辉煌的感觉，是最为娇嫩的一种色。在所有的颜色当中黄色 明度最高。在网店美工设计中使用黄色和白色的搭配，会使得页面更加的干净 纯洁。
网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页)
宝贝主图设计策划
淘宝橱窗展示应统一背景色和风格，注意突出主题 卖点
图片花色过多分散
网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页)
宝贝主图设计策划
突出主题 商品标签产品名称，纯色背景
店铺装修
网店装修美工及视觉营销设计(ppt101 页)
装修修改：热力图等检讨复盘
网店装修美工及视觉营销设计(ppt101 页)
一、网店装修
门头logo 海报广告
搭配陈列区
网店装修美工及视觉营销设计(ppt101 页)
橱窗形象 分类陈列区
促销区 搭配陈列区
网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页) 网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页)
小技巧：时间仓促时利用汉语拼音做店标显得更高大上…
网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页)
淘宝宝贝主图的要求
3、蓝色
蓝色给人一种清新、舒畅的感觉，是一种最具理智沉稳的色。蓝色是冷色调当 中最为典型的代表色，可以衬托出其它色彩，让整个网页看起来更加丰富色彩
4、绿色
绿色给人一种新鲜、平静、安全等方面的感觉，是一种具有黄色和蓝色两种成 份的色。绿+黄=单纯、年轻；绿+黑=美丽、成熟；绿+浅红=春天的来临。 网店运用绿色系，显示出网店的年轻生命力，给人健康、成熟的心理感受。
Fra Baidu bibliotek
7、黑色
黑色给人一种严肃、刚健、恐怖的感觉，是纯度、色相、明度最低的非色彩。 配色中黑色和许多颜色构成良好的对比调和，运用范围广泛。网店设计中同时 运用黑色和白色，视觉冲击力很强，主次分明，通常可以表现出强烈的时代感
网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页)
宝贝图片上传建议
建议：
1、宝贝主图最好上传为800*800px，既可以使用放大镜功能让消费者看到
细节又可以节约流量，节省图片显示时间
2、5张宝贝图建议分配为:1张正面图，2-3张侧面或细节图，1-2张宣传图 3、宝贝主图后期制作时有品牌统一在右上角加品牌logo、背景和产品位置 4、严格按规格批量统一裁剪为正方形(天猫、淘宝智能版自定义区则统一尺寸) 5、宣传图保持界面干净，文字简洁，不要覆盖商品本身，尽可能不要加水印 6、严禁牛皮癣，严禁盗图
宝贝主图设计策划
多角度展示 主图
宝贝主图设计策划
宝贝主图策划=展示产品+服务 广告
主图整体外观 多角度文字排版介绍
细节配件展示 其他配件展示 消费者关心的东西一目了然展 示 看图即可解答心中疑问 服务到位
实操
1、如何调整图片分辨率 2、如何按照要求批量裁剪图片及添加品牌logo 3、如何抠图 4、如何通过色彩平衡（曲线、对比度、色阶）
网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页)
水印过多—牛皮癣 文字放置在产品上 文字过多，文字字体，色彩风格不统一
网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页)
宝贝图片设计策划
注意层次感 文字不放置在主图 放置在背景图
价签
图片整齐风格统一
模板实际就是做了一个整体规 范
统一品牌标记 标准位置
网店装修美工及视觉营销设计(ppt101 页)
裂帛实体店宝贝统一模板
网店装修美工及视觉营销设计(ppt101 页)
根据模板 调整透明度，统一酒瓶尺寸大小，调整倾斜度，校对位置
水果店商品展示
多角度展示产品 2张之内产品广告
网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页)
一、网店装修-流程
目标定位（百度指数、阿里指数、生意参谋）：产品定位
消费群体人群 年轻？时尚？商务？稳重？暗黑？ 知性？清新.....
风格设计： 整体风格 主色、 版式、页面布局
细节风格 宝贝主图、海报、详情页...
网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页)
宝贝主图设计策划
淘宝主图为正方形 统一图片大小、格式
网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页)
制作模板
logo
网店装修美工及视觉营销设计(ppt101 页)
5、紫色
紫色给人一种优雅、高贵、神秘的感觉，在所有色彩中明度是最低的。一般紫 色会用来代表女性相关的商品，在化妆品包装中也常使用紫色。网店设计中紫 色并不能在所有站点中使用，但紫色会给人留下深刻印象，容易抓住人的视线
6、白色
白色给人一种纯洁、淳朴、神圣的感觉。在大自然中雪的颜色为白色，同样会 使人造成寒冷的生理反应；在服饰搭配上，白色为百搭色彩，可以和任何颜色 进行搭配。在网页设计中白色被广泛用于电子商务、微博等各种网站。白色时 常也用在字体颜色、背景颜色、图片等等，