天猫店视觉美工装修设计解决方案
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
•
•
主标题可用粗大字体，副标题略小
70%主色，25%辅助色， 5%点缀色
– 3三种颜色：
– 30%以上留白：高端、大气、上档次多留白 – 0.3秒读完：
四、淘宝店铺页面设计技法
（四）页面常见构图板式：
四、淘宝店铺页面设计技法
（一）页面设计思路：
1. 页面要与大色调统一
• 在设计页面时，先观察大环境，页面设计尽量避 免与主色调产生强烈对比，必须要用对比色设计 页面时，要考虑降低纯度或明度
四、淘宝店铺页面设计技法
（一）页面设计思路：
2. 观察宝贝亮点定背景色
• 背景选择上不能单纯当页面设计，为了做出一张 比较漂亮的图片，最好要做到背景与宝贝的呼应 在页面设计中，大体分为两种风格：
新品上市、特价促销
–
四、淘宝店铺页面设计技法
（二）常见页面主题方案
3. 品牌宣传
• 品牌宣传适用达到一定认知度的品牌以及在行业 中有一定的知名度。
四、淘宝店铺页面设计技法
（三）页面设计原则： “3”原则
– 3元素：
• • • 背景 文案：名称、卖点、价格、其他 宝贝信息
– 3段文字：主标题、副标题、附加内容 – 3种字体：不能超过3种字体
二、淘宝店铺设计思路
• 主推宝贝：
– 主推宝贝有哪些，它们有怎样的区别和定位，它们的推介顺序是 什么样的，它们的核心卖点是什么，是否需要突出价格和折扣等 等。
二、淘宝店铺设计思路
• 店铺页尾：
– 页尾模块一定要符合店铺风格和主题，色彩要一致；内容上可添 加消保、7天无理由退换货等保障服务、客服联系方式、商品购物 流程等。
4. 合理板式突出主题
• 宝贝图片展示与摄影图片展示不同。摄影作品突 出原生态，添加文字是为了更好的突出画面。设 计作品是画面烘托文案主题的，应将主题文案放 在首位重点突出
模块式编排
四、淘宝店铺页面设计技法
（二）常见页面主题方案
1. 店铺活动：促销活动
• 品牌团：
– 官方活动聚划算，可提高品牌的曝光度 双十一/双十二活动/年中大促
三、淘宝店铺店招设计技法
（四）店招制作规范、流程：
4. 规范字体：
• • • 一般不超过3种字体 重点部分加粗突出 字体大小使用得体
5. PS排版：
• 越是简约大气的页面，元素务必不要太多，清爽 舒适的页面多留白
6. 修改定稿：
三、淘宝店铺店招设计技法
（四）店招制作规范、流程：
7. 图片切割优化：
淘宝店铺装修设计方案
2016年
认 识 淘 宝 店 铺
一、淘宝店铺构成元素
• 店铺页头（页头区） ：
– 店招、导航
• 活动促销（内容区） ：
– 全屏页面、全屏轮播、优惠券
• 店铺宝贝（内容区） ：
– 宝贝分类、主推宝贝
• 店铺页尾（页尾区） ：
– 客服中心、购物保障、发货须知等
二、淘宝店铺设计思路
• 店铺页头
– 页头店招放什么内容，页头导航总共需要几个导航分类内容，是 否需要放品牌文案，是否需要着重表现收藏店铺，是否需要放活 动内容等等。
ቤተ መጻሕፍቲ ባይዱ 二、淘宝店铺设计思路
• 活动促销：
– 活动主题什么，内容是什么，文案的主次顺序，是否有需要重点 展示的宝贝等等。
二、淘宝店铺设计思路
• 宝贝分类：
– 店铺宝贝总共有几大分类，页面从上至下的摆放顺序是什么样的， 每个分类模块里面放几个宝贝，宝贝是否需要主次区分，是用方 格矩阵还是更灵活的展示方式，单个宝贝是否需要突出展示价格 或折扣等等。
三、淘宝店铺店招设计技法
（三）店招设计要点：
– 店铺名字
• 告诉客户自己是卖什么的，品牌店铺可以标榜自己 的品牌
– 实物照片
• 直观形象的告诉客户自己店铺是卖什么的
– 宝贝特点
• 直接阐述自己店铺的宝贝特点，第一时间打动客户， 吸引客户
– 店铺（宝贝）优势和差异化
• 告诉我的店铺和宝贝的优势以及和其他的店铺的不 同，形成差异化竞争
三、淘宝店铺店招设计技法
天猫店招990PX*120PX（不含导航）
天猫店招990PX*150PX（含导航）
淘宝店招950PX*150PX（含导航）
三、淘宝店铺店招设计技法
（一）店招设计思路：
– 以品牌宣传为主的类型：一般有着雄厚的实力， 给力的宝贝，想要打造自己的品牌。
• 名称、LOGO、关注、收藏等
– 将拍摄的图直接用作背景，板式排列活动文案 – 将宝贝提取出来，背景根据宝贝灵活变动，再配合板式
•
四、淘宝店铺页面设计技法
（一）页面设计思路：
3. 文案策划排版式
• 要明确自己的页面是给中国人看的，过度使用英 文是不合适的，可将英文作为中文的辅助元素
四、淘宝店铺页面设计技法
（一）页面设计思路：
– 以活动促销为主的店铺：薄利多销，店招风格 视活动主题来定，营造出一个活动氛围。店招 上适当的加入一些红包或者优惠券领取的按钮。 – 以宝贝推广为主的店铺：增加店铺主推宝贝的 销量，通常在店招上放上两三款推广的宝贝。
三、淘宝店铺店招设计技法
（二）店招设计原则： – 要直观明确的告诉客户自己店铺是卖什么的， 表现形式最好是实物照片 – 要直观明确的告诉客户自己店铺的卖点（特点、 优势、差异化）。
• • Photoshop切片 Dreamweaver热区切割优化
8. 上传图片至淘宝图片空间 9. DW添加图片超链接 10. 上传网页文件 11. 发布
四、淘宝店铺页面设计技法
这是1920PX*500PX的全屏页面
这是1920PX*600PX的全屏页面
四、淘宝店铺页面设计技法
这是950PX*400PX的普通页面
三、淘宝店铺店招设计技法
（四）店招制作规范、流程：
1. 确定风格：视宝贝而定 2. 布局：店招尺寸、店招构成、区块划分
• • • • 左边或者中间放LOGO，LOGO之下放品牌词或广告词 中间留空或放品牌的相关文字，或放其它 右边放收藏店铺等相关内容 之下是导航：，所有宝贝等
3. 配色方案：
• • • • LOGO提取颜色 宝贝本身提取颜色 宝贝联想属性提取颜色 颜色不超过3种
•
• •
官方季节性活动：
–
店铺常规活动：换季、节日
–
–
符合当下季节或者节日、特殊日子的相关题材
周年店庆、清仓甩卖
店铺常规活动：
四、淘宝店铺页面设计技法
（二）常见页面主题方案
2. 单品推广
• 单品聚划算、爆款
– 适合店铺中推成爆款或者想要提高某款宝贝的转化率 适用于新品上市，并且打算全力推广的宝贝
•
•
主标题可用粗大字体，副标题略小
70%主色，25%辅助色， 5%点缀色
– 3三种颜色：
– 30%以上留白：高端、大气、上档次多留白 – 0.3秒读完：
四、淘宝店铺页面设计技法
（四）页面常见构图板式：
四、淘宝店铺页面设计技法
（一）页面设计思路：
1. 页面要与大色调统一
• 在设计页面时，先观察大环境，页面设计尽量避 免与主色调产生强烈对比，必须要用对比色设计 页面时，要考虑降低纯度或明度
四、淘宝店铺页面设计技法
（一）页面设计思路：
2. 观察宝贝亮点定背景色
• 背景选择上不能单纯当页面设计，为了做出一张 比较漂亮的图片，最好要做到背景与宝贝的呼应 在页面设计中，大体分为两种风格：
新品上市、特价促销
–
四、淘宝店铺页面设计技法
（二）常见页面主题方案
3. 品牌宣传
• 品牌宣传适用达到一定认知度的品牌以及在行业 中有一定的知名度。
四、淘宝店铺页面设计技法
（三）页面设计原则： “3”原则
– 3元素：
• • • 背景 文案：名称、卖点、价格、其他 宝贝信息
– 3段文字：主标题、副标题、附加内容 – 3种字体：不能超过3种字体
二、淘宝店铺设计思路
• 主推宝贝：
– 主推宝贝有哪些，它们有怎样的区别和定位，它们的推介顺序是 什么样的，它们的核心卖点是什么，是否需要突出价格和折扣等 等。
二、淘宝店铺设计思路
• 店铺页尾：
– 页尾模块一定要符合店铺风格和主题，色彩要一致；内容上可添 加消保、7天无理由退换货等保障服务、客服联系方式、商品购物 流程等。
4. 合理板式突出主题
• 宝贝图片展示与摄影图片展示不同。摄影作品突 出原生态，添加文字是为了更好的突出画面。设 计作品是画面烘托文案主题的，应将主题文案放 在首位重点突出
模块式编排
四、淘宝店铺页面设计技法
（二）常见页面主题方案
1. 店铺活动：促销活动
• 品牌团：
– 官方活动聚划算，可提高品牌的曝光度 双十一/双十二活动/年中大促
三、淘宝店铺店招设计技法
（四）店招制作规范、流程：
4. 规范字体：
• • • 一般不超过3种字体 重点部分加粗突出 字体大小使用得体
5. PS排版：
• 越是简约大气的页面，元素务必不要太多，清爽 舒适的页面多留白
6. 修改定稿：
三、淘宝店铺店招设计技法
（四）店招制作规范、流程：
7. 图片切割优化：
淘宝店铺装修设计方案
2016年
认 识 淘 宝 店 铺
一、淘宝店铺构成元素
• 店铺页头（页头区） ：
– 店招、导航
• 活动促销（内容区） ：
– 全屏页面、全屏轮播、优惠券
• 店铺宝贝（内容区） ：
– 宝贝分类、主推宝贝
• 店铺页尾（页尾区） ：
– 客服中心、购物保障、发货须知等
二、淘宝店铺设计思路
• 店铺页头
– 页头店招放什么内容，页头导航总共需要几个导航分类内容，是 否需要放品牌文案，是否需要着重表现收藏店铺，是否需要放活 动内容等等。
ቤተ መጻሕፍቲ ባይዱ 二、淘宝店铺设计思路
• 活动促销：
– 活动主题什么，内容是什么，文案的主次顺序，是否有需要重点 展示的宝贝等等。
二、淘宝店铺设计思路
• 宝贝分类：
– 店铺宝贝总共有几大分类，页面从上至下的摆放顺序是什么样的， 每个分类模块里面放几个宝贝，宝贝是否需要主次区分，是用方 格矩阵还是更灵活的展示方式，单个宝贝是否需要突出展示价格 或折扣等等。
三、淘宝店铺店招设计技法
（三）店招设计要点：
– 店铺名字
• 告诉客户自己是卖什么的，品牌店铺可以标榜自己 的品牌
– 实物照片
• 直观形象的告诉客户自己店铺是卖什么的
– 宝贝特点
• 直接阐述自己店铺的宝贝特点，第一时间打动客户， 吸引客户
– 店铺（宝贝）优势和差异化
• 告诉我的店铺和宝贝的优势以及和其他的店铺的不 同，形成差异化竞争
三、淘宝店铺店招设计技法
天猫店招990PX*120PX（不含导航）
天猫店招990PX*150PX（含导航）
淘宝店招950PX*150PX（含导航）
三、淘宝店铺店招设计技法
（一）店招设计思路：
– 以品牌宣传为主的类型：一般有着雄厚的实力， 给力的宝贝，想要打造自己的品牌。
• 名称、LOGO、关注、收藏等
– 将拍摄的图直接用作背景，板式排列活动文案 – 将宝贝提取出来，背景根据宝贝灵活变动，再配合板式
•
四、淘宝店铺页面设计技法
（一）页面设计思路：
3. 文案策划排版式
• 要明确自己的页面是给中国人看的，过度使用英 文是不合适的，可将英文作为中文的辅助元素
四、淘宝店铺页面设计技法
（一）页面设计思路：
– 以活动促销为主的店铺：薄利多销，店招风格 视活动主题来定，营造出一个活动氛围。店招 上适当的加入一些红包或者优惠券领取的按钮。 – 以宝贝推广为主的店铺：增加店铺主推宝贝的 销量，通常在店招上放上两三款推广的宝贝。
三、淘宝店铺店招设计技法
（二）店招设计原则： – 要直观明确的告诉客户自己店铺是卖什么的， 表现形式最好是实物照片 – 要直观明确的告诉客户自己店铺的卖点（特点、 优势、差异化）。
• • Photoshop切片 Dreamweaver热区切割优化
8. 上传图片至淘宝图片空间 9. DW添加图片超链接 10. 上传网页文件 11. 发布
四、淘宝店铺页面设计技法
这是1920PX*500PX的全屏页面
这是1920PX*600PX的全屏页面
四、淘宝店铺页面设计技法
这是950PX*400PX的普通页面
三、淘宝店铺店招设计技法
（四）店招制作规范、流程：
1. 确定风格：视宝贝而定 2. 布局：店招尺寸、店招构成、区块划分
• • • • 左边或者中间放LOGO，LOGO之下放品牌词或广告词 中间留空或放品牌的相关文字，或放其它 右边放收藏店铺等相关内容 之下是导航：，所有宝贝等
3. 配色方案：
• • • • LOGO提取颜色 宝贝本身提取颜色 宝贝联想属性提取颜色 颜色不超过3种
•
• •
官方季节性活动：
–
店铺常规活动：换季、节日
–
–
符合当下季节或者节日、特殊日子的相关题材
周年店庆、清仓甩卖
店铺常规活动：
四、淘宝店铺页面设计技法
（二）常见页面主题方案
2. 单品推广
• 单品聚划算、爆款
– 适合店铺中推成爆款或者想要提高某款宝贝的转化率 适用于新品上市，并且打算全力推广的宝贝
•