视觉营销

2、商品陈列（注意角度，统一性） （1）视觉焦点：让买家快速捕捉到你要吸引他的目标 （2）视觉动线：视觉移动时所形式的路径 （3）屏屏有重点：作图时缩小看看页面的每屏有没有重点
三．详情页
（精彩文案提高转化率）
营销文案16招
一：引发兴趣 （1）品牌的介绍——可调到最后 （2）引发兴趣的焦点图——主图，海报
1、当我们送的东西客户不太理解，不知道是怎样，什么功能时，要用图片 展示出来 2、黄金配色法： 亮度0-92 加148 亮度>148 减148 93-147 亮 不大面积使用 清晰小字不要消除锯齿 3、有赠品时要让客人知道要购买才能送，限时限量 4、模特展示同一角度不要展现太多，接下时细节展示 5、详情页有品牌故事时要加个链接道品牌故事页 6、同款同系列可在详情页用一张组合图展示，加上每个宝贝的链接
问题： （1）详情页要切图 （2）不要一张图从中间切开 （3）不需要切得太细心
我们的目标：网页话的图文并茂的页面
江湖传言 搜索宝贝描述 就算传言有假 也必须做的 因为 这是SEO基础 可以被搜索到 量子数据 搜狗 谷歌 有道 百度（淘客）
TIP: 注意 文字排版才可以被搜苏引擎（网页）收录
页面长度？
NO.3 保存时，还要注意的？
勾选
不选
交错 连续 渐进式浏览器显示
元数据 EXIF信息
快速页面优化→页面优化
• 工作流程回顾 平面设计——确认效果——图文排版——发布网络
排版！图文并茂 Dreamweaver 表格排版 “被忽略了”
文字与图片
占用空间
文字占用空间
比图片小百倍的多
访问速度
访问速度快 得到好的用户体验
我们在网上卖什么？
1.吸引眼球的图片 2.促进成交的文案 • 特别提醒：不要同时修改标题、主图、宝贝描述
来自百度文库
极速优化页面
电商那些事儿....
1.页面加载多一秒，会导致访问量下降7% 2.1秒钟的延误会将顾客满意度降低16%
PS 三键+s保存 品质80左右（太高文件会变大） FW 文件——图像预览，选项左边两个都打钩
——不用思考的设计，才是好设计
点击率高的图片解读——1.主题突出 ㈡信息传达的层次结构：
陈述的过程是分层次展开的，和语言的逻辑一样，设计
的逻辑也是按层次结构展开的；
——对产品有感情的设计师，才能做出好设计
点击率高的图片解读——1.主题突出 ㈢通过形式强化主题：形式不可大于内容
一：强化主题
(更大的字体，更粗的字体和高对比色是基本的强化手段，
图片优化→检测3步曲
• 1.保存图片 访问网店 右击图片 图片另存为 • 2.查看品质 Firework 软件 查看优化面板
（品质：79）
• 3.查看优化 Firework 软件 查看图像预览 注意勾选选项
（渐进式流量器显示）
注意JPG品质
如何优化？
一、如何优化——单张图片得优化
NO.1 对图片的贪婪追求：品质好+图像小 ①可以做到吗？ ②JPG ③GIF
引导： 明确的按钮和箭头，会对买家产生不可低估的心理暗示
你可能错过了 这些超棒店铺！
广告图
广告图
思考： 箭头向左、向右时的区别？？？
点击率高的图片解读——3.图片美观—细节 成功来源于细节！
TIP:设计师-米斯· 范· 多· 罗的名言：“上帝在细节之中”
七：把每一次作品，都做成不可超越的！ （重点太多了，就没了重点）
常规结构：左中右结构 左右结构 （不要随便用模特，用过的角度最好或尽可能不再次使用）
点击率高的图片解读——3.图片美观—间隙构图
间隙构图（留白）： 空白空间是画面语言的标点符号，不同信息版块时，要有 间隙，并且，段距要大于行距，有外框的边界时，要有版心 画面的整体有留白，这样才大气
点击率高的图片解读——3.图片美观—引导
点击率高的图片解读——3.图片美观—色彩
TIP:简单的控制色彩的方法是用色不超过3种，并按照6：3：1 （主色：辅助色：对比色）的比例配置，确定自己的主色调 辅助色和对比色 ①衬底色块时最简单的明度对比方式 ②色彩呼应和统一 四：确定自己的主色、辅助色和对比色
点击率高的图片解读——3.图片美观—字体
• 淘宝小二：行癫
内容太长，打开太慢，内容杂乱无章，严重影响了购买体验！ （客户群体是谁，宝贝详情页就做多长）
• [官方]淘宝店铺装修手册
• • 您的页面底线是8屏 很多店铺宝贝多了以后，页面就开始不断得加长，10屏是小菜， 20屏也很常见，但是从店铺点击热力图可以很明显得看到，在8 屏之外，用户几乎没有点击了
三、 客单价
• • • 产品表达得贵吗？ 性价比看上去如何？ 从画面上看得买吗？
我们店铺的烦恼？
1.图片大会导致加载慢，部分客人看不到，所以尽量小（详情 页要切图） 2首页海报要加链接，但不要再链接到首页 3新品上新，做个好看的、有气氛的专题页 4首页底栏，头尾呼应（详情页也是，加上收藏本店，返回首页 返回顶部链接） 5下架的商品及时在首页去掉 6店铺不要带太多外链
五：替客户做决定
（13）发出购买号召 购买记录，好评如潮，替客户做决定 为什么 立 刻 现在 马上购买 （14）购买须知（邮费，发货，退换货等） （15）关联商品推荐——位置可调换 （16）组合套餐推荐——位置可调换
四．详情页如何呈现？
• 认识商品——改变态度——产生购买行为 • 一个好的宝贝描述胜过一位优秀的销售专员
• 主题突出：1.突出第一主题 2.信息传达
• 对象明确：1.考虑了目标消费人群的审美特征 2.吻合目标人群特征或产品的特点 • 图片美观：1.色彩 2.字体 3.版式 4.细节 5.集群 6.留白
页面布局
一：页面布局要领
店招是品牌展示的窗口 ⑴店招设置需要考虑因素？ 要明确的品牌定位和产品定位，还可以辅以促销元素 1.店招首行可设置150高，但不能超过 2.保持品牌形象的同时，根据运营需要更换店招
字体和语言的比喻 五：字体：设计时，字体必须有大有小，有粗有细 六：确定自动店铺核心的三种字体，辅助字体两种
点击率高的图片解读——3.图片美观—版式结构
版式构图：简洁明快的标签更加醒目
“好版式是收集的”
点击率高的图片解读——3.图片美观—集群构图
集群构图：人们总把位置靠近的看成一体的，所以把关 联性高的主要信息组合在一起便于一次性传达
二：过修饰的形式会减弱传达，过多细节会对主题造成干扰) 保持品牌形象的同时，根据运营需求更换店招
点击率高的图片解读——2.目标明确
⑴目标人群审美特征 ⑵目标人群的心里期望，模特应与目标人群特征相符，也要和产品特点 吻合 TIP:（投射效应，让消费者把自己想像成画面中的模特）
三：决定买单的人是谁？就为谁而设计
三、适当运用夸张、拟人、新颖、镜像的效果 四、通过拖拉、缩放、旋转等裁切方式，突出特殊角度，吸引眼球
点击率高的广告图的共同特点:
①主题突出
②明确目标 ③图片美观
点击率高的图片解读——1.主题突出 ㈠第一主题：
设计广告图，就像一次陈述，必须有明确的主题，所有
元素都必须围绕这个主题展现出来；
主题一般都是价格、折扣其他促销内容，这些信息应该 放在视觉焦点上
7、设计要领：要买家放心的宝贝详情 （1）整体效果展现 （2）多角度展现——身临其境的感觉 （3）产品细节展示——如自己在用的享受 （4）展现品质——激发买家购买欲望 （5）展现品牌实力——增加买家购买信心 （6）宝贝描述——关联营销 (很重要） 优先同价同款同色 （7）关联营销——套餐搭配 （数据魔方，热销宝贝分析该放哪些） （8）关联销售应放哪里？ 主推的产品——放下 转化率很高的——放下或不放 流量大，转化率不高的——放上
二：激发需求
（1）目标客户设计 （2）买家的使用场景
三：信任到信赖
（5）商品详细介绍——建立信任的过程 （6）为什么购买——好处的设计 （7）为什么购买——逃避痛点 （8）同类型商品对比——价格，价值 （9）客户评价，第三方评价——产生信任 （10）客户非使用价值
四：信赖到想要拥有
（11）拥有后的感觉塑造——给客户一个100%购买的理由 （12）给掏钱人购买的理由——送恋人，送父母，送朋友
可以，而非常重要！ 色彩丰富的食物照片 是网店美工必备技术！
颜色单一少于256色
NO.2 怎么保存，才是正确的？ ①Photoshop ②Firework ③光影魔术手
存储为WEB和设备所用格式 图像预览 JPG:品质：高 8 JPG：品质：80 GIF：设置好颜色数目 GIF：设置好颜色数目
另存为 JPG≥90 GIF：设置好颜色数目
http://shop36051674.taobao.com http://momoi.taobao.com
默默爱 TB 全网萌物第一店
http://item.taobao.com/item.htm?spm=a1z10.1.w6085624-4042850221.1.MPECpb&id=2936699401 http://jiuxian.tmall.com 酒仙网官方旗舰店
⑵快捷导航区： 可以放在店铺首页，详情页，也可在首页隔几屏放一次
⑶宝贝详情页左侧可以放什么？
1.热卖宝贝 2.销量排行 3.收藏排行 4.旺旺 5.优惠券 6. 搜索 7. 活动 8.收藏 9.分类 10.卖家信息 11.品牌故事 12.二维码 13.公告 14.常见问题15.友情 链接 16.联系我们 17.宝贝推荐 （2）（3）（8）可重复
⑷底栏：
旺旺，收藏店铺，返回首页，（关键导航）返回顶部 （重要）
⑸布局管理
①店铺页头（店招和导航） ②自定义内容 ③店铺页尾 假底栏（没有放在页尾区域的“底部”） 底部内容应放 在页尾区域
二：首页布局
最重要信息应放在淘宝导航栏两边之间的区域，中间990之间区域 （和显示器有关） 1、首屏海报高450左右，下面的海报图可以设高650左右，高度与 屏幕相似（和显示器有关）
更重要好处
文字能够被 搜索引擎收录
值得学习的店铺：
http://tvgsb.tmall.com/ tvg旗舰店 手表
http://cenda.tmall.com http://bioliving.tmall.com http://msshe.tmall.com http://bidegaidi.tmall.com http://beijiemy.tmall.com 力杰旗舰店 百武西旗舰店 msshe旗舰店 彼德盖帝旗舰店 贝杰母婴专营店 秘密盒子 TB 原创馆
说说链接那些事....
• 空链 错链 外链
1、点爆广告图秘密
2、宝贝详情页与文案
3、首页布局与陈列 4、极速页面优化 5、美工必看数据 6、美工成长路径
从商品主图说起
• 电商：三大伤不起
① 店开了，搜不到， 标题优化 ② 搜到了，没人点， 主图没吸引力 ③ 点到了，没人买 ， 宝贝描述没打动人
视觉营销
销售额=流量x转化率x客单价
一、提高流量
• • • • • 图片够不够清晰、精美？ 图片够不够吸引眼球？ 图片够不够点击欲望？ 图片够不够卖点突出？ 图片够不够活动表现够劲爆？
二、 转化率
• • • • • 详情页完善？ 卖点提炼如何表达》 页面想看到什么？ 画面表现消除顾虑没有？ 引导购买的流程通顺吗？
主图的大小： 是根据需求大小而设计的
小技巧：放大镜功能时，主图的设计尺寸：700x700px （标准的主图是460px，一般主图做600x600px）
直通车图
• 情景，买家更有兴趣关注适合自己的商品（模特 搭配 使 用状态）
一、差异化的背景（背景不要乱发），简捷的文字
二、图至少有一个最震撼、最突出的亮点