Android-Android-网店视觉营销

网店视觉营销思维导图，一共10章内容，关于配色方案、图片优化、页面设计、视频制作、一册通等都在下图中，不妨点击大图查看吧。

网店视觉营销

• 第五章 店铺首页
  • 5.1 设计店招和导航条
  • 5.2 店铺Banner和海报
  • 5.3 首页产品陈列
• 第六章 店铺详情页
  • 6.1 产品主图设计
  • 6.2 打造热卖产品搭配
  • 6.3 产品细节表现
  • 6.4 产品功能展示
  • 6.5 详情页优化技巧
• 第七章 付费推广
  • 7.1 详情直通车推广图
  • 7.2 钻展广告图
  • 7.3 提升转化率的诀窍
• 提升转化率
• 第八章 网店案例
  • 8.1 女装店视觉营销
  • 8.2 家居店视觉营销
  • 8.3 家用电器店视觉营销
  • 8.4 鞋靴店视觉营销
• 第九章 网店手机端
  • 9.1 网店手机端架构探索
  • 9.2 网店手机端制作步骤详解
  • 9.3 网店手机端的设计捷径
• 第十章 提升与进阶
  • 10.1 Dreamweaver带你走进代码新世界
  • 10.2 涨知识
• 提升进阶
• 第四章 视频制作
  • 4.1 视频拍摄和图片拍摄
  • 4.2 视频制作软件
  • 4.3 上传视频
• 第三章 photoshop图片
  • 3.1 零基础自助处理图片
  • 3.2 柔性制品(更柔软)
  • 3.3 金属制品(更闪亮)
  • 3.4 玻璃制品(更通透)
  • 3.5 塑料制品(更有质感)
  • 3.6 产品加分必修课
• 工具掌握
• 第二章 文字和配色
  • 2.1 出彩配色
  • 2.2 网店配色技巧
  • 2.3 文字设计
  • 2.4 文字布局
• 第一章 视觉营销概述
  • 1.1 让转化率惊人的视觉营
  • 1.2 课前准备
  • 1.3 体验视觉营销
• 新手导入

第一章 视觉营销概述

• 1.1 让转化率惊人的视觉营
  • 1.1.1 视觉营销，一种可视化的视觉体验
    • “眼见为实”
    • 提升流量的关键
    • 消费者浏览和认识→消费者自我营销
  • 1.1.2 网店玩视觉营销的3大原则
    • ⑴目的性
      • 吸引消费者，产生购买欲望，促成交易
    • ⑵审美性
      • 维护更新(吸引消费者)
    • ⑶实用性
      • 方便操作(服务消费者)
  • 1.1.3 视觉营销的4个关键点
    • “视”
      • 与众不同，一目了然，品牌主旨
    • “觉”
      • 重复
    • “营”
      • 品牌整体形象→好感，依赖感
    • “销”
      • 直观感受
    • 缩减传播成本
  • 1.1.4 3个数据指标决定视觉营销成败
    • 网店流量
      • 访问量
      • 客单价
        • 平均交易金额
        • 转化率
          • 购买人数占比
  • 1.1.5 网店视觉设计有哪些法则
    • ⑴形状构图
    • ⑵色彩搭配
    • ⑶质感
    • ⑷背景
    • ⑸环境氛围
• 1.2 课前准备
  • 1.2.1 寻找海量可用素材
    • 千图网
      • 我图网
        • 摄图网
          • 昵图网
  • 1.2.2 轻松安全存储素材
    • QQ空间储存
      • 百度云储存
        • 新浪微盘储存
          • 网易网盘储存
  • 1.2.3 规划网店装修风格
    • 消费群体
      • 产品风格
        • 产品价格
  • 1.2.4 认识网店页面布局
    • • 店招
      • 导航栏
      • 首页海报
      • 产品轮播图
      • 优惠券
      • 产品分类栏
      • 客服旺旺
      • 产品主图展示区
      • 店铺页尾
      • 店铺背景
• 1.3 体验视觉营销
  • 1.3.1网店美观设计，你了解多少
    • 排版主次分明，突出重点
    • 风格统一，诠释产品属性
    • 要懂得传达
  • 1.3.2如何拍出高质量的产品图
    • 背景要干净
    • 防止失真
    • 学会运用光线

第二章 文字和配色

• 2.1 出彩配色
  • 2.1.1 了解配色的基本原则
    • ⑴颜色的黄金法则
    • ⑵总体协调，局部对比
    • ⑶不同色彩的视觉效果
  • 2.1.2 色彩搭配的基本常识
    • 色相
      • 明度
        • 饱和度
  • 2.1.3 营造对比效果的对比配色
    • 对比色
    • 互补色
    • 对比，点缀，聚焦
  • 2.1.4 用单色调营造简洁感
    • 明暗对比
  • 2.1.5 让色彩调和的配色方案
    • 类比色(邻近色)
• 2.2 网店配色技巧
  • 2.2.1 寻找最合适的配色方案
    • ⑴配色网
    • ⑵FlatUIColors
    • ⑶中国色
    • ⑷百图汇
  • 2.2.2 确定网店配色主色调
    • 商品属性
    • 受众人群心理特征
  • 2.2.3 庆典宣传活动首选色系
    • 红橙黄等暖色系的，鲜艳的色彩
  • 2.2.4 巧用产品自身配色
    • 与背景色相协调(改变背景明度)
  • 2.2.5 服装网店的理想配色
    • 背景色:白色、米白色、象牙白
      • 与暖色
        • 可爱，华丽
      • 与冷色
        • 清爽
      • 与黑灰
        • 简洁大方
  • 2.2.6 珠宝首饰店的主打色系
    • 红➕黑 、咖啡➕金黄 粉色➕蓝色
• 2.3 文字设计
  • 2.3.1 网店美工常用设计字体
    • 宋体
      • 雅致、典雅、时尚
      • 黑体
        • 厚重、现代、强有力
        • 书法字
          • 俊美、飘逸、文化感
          • 仿宋
            • 清秀
            • 详情页
  • 2.3.2 如何正确地选择字体
    • 历史文化气息
      • 书法字体
    • 现代感
      • 黑体
    • 女性气质、文艺气质
      • 宋体或其他较细的字体
  • 2.3.3 几种创意字体设计
    • 创意重叠
      • 替换法
        • 共用法
          • 俏皮设计法
            • 断肢法
  • 2.3.4 在线生成好看的中西文字体
    • ⑴QT86
      • ⑵第一字体网
        • ⑶亿品字体网
• 2.4 文字布局
  • 2.4.1 文字排列有奥秘
    • 整齐
      • 留白
        • 聚拢
  • 2.4.2文字与图形的合理搭配
    • 左图右文
      • 上图下文
        • 文字位于图片正中
          • 文字位于角落
  • 2.4.3文字排版如何营造韵律
    • 大小
      • 粗细
        • 颜色
          • 间距

第三章 photoshop图片

• 3.1 零基础自助处理图片
  • 3.1.1全解提高图片质量的方法
    • 存储照片时在“品质”下拉列表“最佳”
    • “滤镜”下拉列表“锐化/智能锐化”
  • 3.1.2随心所欲裁剪图片
    • 裁剪
    • 形状
  • 3.1.3调色，你不知道的诀窍
    • “自动色调”工具
      • “图像/自动色调”或【Shift+Ctrl+L】
    • “自动对比度”工具
      • “图像/自动对比度”
    • “自动颜色”工具
      • “图像/自动颜色”
• 3.2 柔性制品(更柔软)
  • 3.2.1分析柔软材质产品特性
    • 棉布
      • 丝绸
        • 呢绒
  • 3.2.2柔软材质修这几点就够了
    • 色彩
    • 清晰度
  • 3.2.3柔软制品如何打造
    • 产品整体形态的校准 “液化”
    • 抠图或处理背景 磁性套索工具、魔棒工具和钢笔工具等
    • 修褶皱或瑕疵 污点修复画笔工具、仿制图章工具和修补工具
    • 颜色校准 亮度对比度、色阶和曲线等
  • 3.2.4柔软材质修图案例解析
• 3.3 金属制品(更闪亮)
  • 3.3.1分析金属材质产品特性
    • 明显的高光和暗部
  • 3.3.2金属制品修这里
    • 高光
      • 灰度
        • 阴影
  • 3.3.3金属制品修图案例解析
• 3.4 玻璃制品(更通透)
  • 3.4.1分析玻璃材质产品特性
    • 对称光
  • 3.4.2玻璃制品修图修哪里
    • 高光
      • 反光
        • 光谱走向
  • 3.4.3玻璃制品修图案例解析
• 3.5 塑料制品(更有质感)
  • 3.5.1分析塑料制品特性
    • 轮廓
      • 轻薄光滑
  • 3.5.2塑料制品修图关键点
    • 光滑
      • 立体感
    • 色彩光感
      • 明暗对比
  • 3.5.3塑料制品修图案例解析
• 3.6 产品加分必修课
  • 3.6.1给产品加个炫酷背景
    • “快速选择工具”
  • 3.6.2给产品加点装饰元素
    • 加阴影
  • 3.6.3给产品添加文字

第四章 视频制作

• 4.1 视频拍摄和图片拍摄
  • 4.1.1 如何拍摄和制作产品视频
    • 拍摄工具
      • 手机
      • 单反相机、摄像机
      • 三脚架、小型滑轨和手持稳定器
      • 主图视频生成工具：甩手工具箱
  • 4.1.2 视频构图全知道
    • 三分构图法
    • 对角线构图
  • 4.1.3 拍摄角度的秘密
    • 平摄
      • 俯摄
        • 仰摄
• 4.2 视频制作软件
  • 4.2.1 美拍，玩出产品视频
    • 滤镜
      • 字幕
        • 特效
          • 加速
            • 剪辑
  • 4.2.2 会声会影，玩转视频编辑
    • 滤镜
      • 视频素材
  • 4.2.3 爱剪辑，视频剪辑不费劲
    • 字幕特效
  • 4.2.4 其他常用的视频制作软件
    • Premiere
      • 同时处理多个项目
      • 具备锁定功能的共享项目
      • 具备前所未有的响应速度的相应设计
    • AE
      • 动态图形动画制作
      • 视觉效果制作
      • 2D和3D合成
• 4.3 上传视频
  • 4.3.1 宝贝主图视频上传
    • ⑴通过商品发布者页面发布视频
    • ⑵通过淘宝神笔页面发布视频
  • 4.3.2 详情页视频上传
    • 在卖家服务市场订购视频服务
    • 在商品发布页面上传

第五章 店铺首页

• 5.1 设计店招和导航条
  • 5.1.1 10分钟设计店铺专属LOGO
    • 文字LOGO
      • 图形LOGO
  • 5.1.2 店招与导航条的设计标准
    • 文字和背景对比鲜明
    • 与店铺整体风格统一
    • 元素布局合理
  • 5.1.3 店招设计的注意事项
    • 内容过多
    • 颜色过于复杂
    • 重点突出不到位
  • 5.1.4 简单搞定导航条
    • 背景颜色
    • 文字颜色
    • 分割颜色
  • 5.1.5 店铺导航条在线生成
    • 千图网店铺导航样式在线生成页面
• 5.2 店铺Banner和海报
  • 5.2.1 Banner平面构成的奥秘
    • 元素
      • 背景
        • 文字
          • 商品
            • 模特
              • 点缀
    • 编排关系
  • 5.2.2 网店Banner设计手法
    • 重复
      • 近似
        • 对比
          • 分割
            • 空间
              • 渐变
  • 5.2.3 促销海报的排版样式
    • 上下版式
    • 居中型版式
  • 5.2.4 品牌型海报的排版样式
• 5.3 首页产品陈列
  • 5.3.1 首页产品展示技巧大公开
    • 在店铺的首页，我们最好陈列主打产品、热销产品或新款
    • 对于已经过季、断码或促销的商品，可以设置清仓陈列区
    • 每一陈列区的商品数量要合理
      • 常规的小块方格型
      • 主次分布型：一张大图（主）配几张小图（次）
    • 让商品按中、低、高的价格来排列分布
  • 5.3.2 如何让你的主推更醒目
    • 展示数据信息
    • 用海报形式展示商品
    • 醒目的横幅
  • 5.3.3 把握陈列数量让店铺更整洁
  • 5.3.4 留出清晰的陈列界限更专业
    • 留白分界线
      • 文字分界线
        • 框线分界线
          • 图片分界线

第六章 店铺详情页

• 6.1 产品主图设计
  • 6.1.1 主图背景类型全解
    • 纯白背景
      • 灰色背景
        • 其他纯色背景
          • 生活背景
            • 室外背景
  • 6.1.2 突出主图卖点的3种方式
    • 用图说话
      • 适当的文字
        • 更直观的表达
  • 6.1.3 放大主图卖点的创意
    • 背景色突出色差
      • 多个款式结合成一个创意主图
• 6.2 打造热卖产品搭配
  • 6.2.1 产品搭配的4种表现方式
    • 单独以“推荐搭配”模块呈现
    • 将推荐展示在产品的侧面
    • 以促销形式呈现
    • 在产品主图下方以“搭配套餐”形式呈现
  • 6.2.2 解析产品搭配技巧
    • 互补型搭配
      • 价格型搭配
        • 风格型搭配
• 6.3 产品细节表现
  • 6.3.1 产品细节的3种表现方式
    • （1）局部放大
      • （2）同类产品PK细节图
        • ⑶场景亮点细节呈现
  • 6.3.2 解析产品细节表现技巧
    • 多角度呈现
    • 整体图➕细节图
    • 标注尺寸大小
  • 6.3.3 产品细节表现的禁忌有哪些
    • （1）忌文字内容过多
    • （2）忌夸大虚构或发布混淆信息
• 6.4 产品功能展示
  • 6.4.1 精准地表达产品功能
    • 功能型产品
      • 风格型产品
        • 身份型产品
  • 6.4.2 产品功能的表达形式
    • （1）根据产品参数来挖掘功能
    • （2）图示的表达形式
    • （3）表格的表达形式
    • （4）核心功能图文搭配
• 6.5 详情页优化技巧
  • 6.5.1 更显体贴的温馨提示
  • 6.5.2 更显方便的尺寸对照
  • 6.5.3 更显权威的品牌简介
  • 6.5.4 更显诚信的售后承诺

第七章 付费推广

• 7.1 详情直通车推广图
  • 7.1.1 单个产品如何创意推广
    • ◆　巧用背景差异化
    • ◆　巧用文案的差异化
      • 拟人化
      • 利用修辞手法
      • 逆向思维
  • 7.1.2 如何进行店铺整体推广
    • 推广投放方式
      • 店铺推广关键词
      • 店铺推广定向
    • 推广图
      • 传递店铺销售的产品类型以及独特的品牌形象
      • 文案也要体现店铺的特性
      • 在推广图中直接展示店铺的LOGO
  • 7.1.3 如何参与活动推广
    • 进入“卖家中心”后，在“营销中心”栏中 单击“活动报名”超链接
• 7.2 钻展广告图
  • 7.2.1 钻展广告的特点和优势
    • 计费方式
      • 按CPM竞价收费
      • 按CPC竞价收费
    • 推广方式
      • 展示广告
        • 移动广告
          • 视频广告
            • 明星店铺
  • 7.2.2 钻展广告的展示位置
  • 7.2.3 值回票价的钻展广告
    • 设计准则
      • 主题突出
      • 目标明确
      • 设计美观
  • 7.2.4 主题明确的钻展广告
    • 多用左文右图，焦点图构图通用原则
    • 避免过多的干扰元素
• 7.3 提升转化率的诀窍
  • 7.3.1 钻展推广落地页的选择
    • 产品竞争优势不大，选择首页
    • 店铺有爆款，选单品页面
    • 店铺有活动，选活动页面
  • 7.3.2 首页提升转化率的小技巧
    • （1）自定义分类模块，条例突出
    • （2）收藏区要放在显眼的位置
    • （3）不可忽视左侧模块
  • 7.3.3 详情页提升转化率的小技巧
    • 避免买家视觉疲劳
    • 设置促销信息
    • 用产品推荐增加客单价
    • 引入买家秀

第八章 网店案例

• 8.1 女装店视觉营销
  • 8.1.1 时尚的风格首页设计
    • 色彩范围使用比较广泛的店铺类别
    • 设计风格也灵活多样
  • 8.1.2 个性化的详情页展示
    • 大量展示模特图,再加上服装尺码、亮点和细节图的文字描述
  • 8.1.3 简约风格的产品陈列
  • 8.1.4 画面唯美的宽屏海报
    • 宽屏海报可以通过搭配好看的背景来营造唯美氛围
• 8.2 家居店视觉营销
  • 8.2.1 温馨的首页风格设计
    • 通过使用暖色调,搭配灯光、花束等装饰,营造温馨的家居氛围
  • 8.2.2 清爽的详情页展示
  • 8.2.3 凸显整体和细节的产品陈列
    • 采用的是一张主图+两张细节图的陈列方式, 既能表现产品的整体面貌,还能凸显产品的细节
  • 8.2.4 构图讲究的宽屏海报
    • 利用产品的摆放来构图
• 8.3 家用电器店视觉营销
  • 8.3.1 高端的首页风格设计
    • 可多使用灰色、蓝色、黑色和白色这几种色调， 在视觉上能给人以可靠、安全的感觉， 可以体现家用电器的科技感
  • 8.3.2 大气的详情页展示
    • 可以通过展示较大的产品图片来呈现夺人眼球、大气的详情页
  • 8.3.3 简单明了的产品陈列
    • 在陈列产品时,可以对产品进行分区陈列, 并结合简洁的文字让买家清楚该产品在功能上的亮点
  • 8.3.4 有科技感的宽屏海报
    • 宽屏海报可以通过加入表现产品功能的元素或特效, 让海报的科技感十足
• 8.4 鞋靴店视觉营销
  • 8.4.1 雅致的首页风格设计
  • 8.4.2 专业的详情页展示
    • 通过对选材、鞋头、鞋跟或鞋底等细节的展示和描述, 来体现鞋子的品质和该品牌在制鞋工艺上的专业态度
  • 8.4.3 统一化的产品陈列
    • 鞋靴网店的产品陈列区可以通过只展示单只鞋子的侧面的方式, 让产品陈列区看起来整齐统一
  • 8.4.4 色彩鲜艳的宽屏海报
    • 可以用较亮色的色彩,使海报看起来灵动又有活力

第九章 网店手机端

• 9.1 网店手机端架构探索
  • 9.1.1 了解你的手机店铺
    • 在淘宝“卖家中心”单击“手机淘宝店铺”超链接后, 进入“无线店铺"页面,接着就能进行手机网店的装修和活动推广等。
    • 首页是由各个模块构成的，其中店招模块、全部宝贝和自定义菜单模块是不能删除和移动的， 而智能海报、猜你喜欢、宝贝排行榜以及活动组件模块等都是可以删除和移动的
    • 在“手机淘宝店铺首页”装修后台可以对手机网店首页的模块进行管理
  • 9.1.2 手机网店首页的排列方式
    • 第一模块选轮播模块
    • 轮播模块下方选优惠券、分类等模块
    • 分类模块下方选择宝贝类模块
  • 9.1.3 你要了解的手机详情页规范
• 9.2 网店手机端制作步骤详解
  • 9.2.1 小首页，大流量
    • 对手机网店进行设计和制作可以在“手机淘宝店铺首页”的装修后台进行
  • 9.2.2 用自定义模块设计“分类标签”
    • 在“手机淘宝店铺首页”装修后台“自定义模块”，该模块支持将设计师制作的图片， 以每一个链接区域为范围进行方形剪切后上传， 适合对装修有极高美观要求、样式需自行设计和富有创意的情况下使用。
    • 通过使用“自定义模块”可以制作出符合自己店铺风格的 创意海报、优惠券以及分类标签等
  • 9.2.3 3种方式制作手机详情页
    • 首先要保证使用的图片、文字和音频符合手机详情页规范要求
    • 手机详情页中的字体要保证显眼，切忌图片加载过多文字
    • 手机详情页的页面不宜过长
    • 一种是导入电脑端描述； 一种是使用文本编辑； 另一种是使用神笔模板编辑。
• 9.3 网店手机端的设计捷径
  • 9.3.1 使用模板快速装修手机网店
    • 进入淘宝装修市场，单击“无线店铺模板”超链接， 可根据行业、风格和色系等筛选模板
  • 9.3.2 用神笔模板打造手机详情页
    • 进入淘宝神笔首页，单击“手机端”超链接，即可进入手机端详情模板页面。 在打开的页面中可通过行业和风格来筛选模板

第十章 提升与进阶

• 10.1 Dreamweaver带你走进代码新世界
  • 10.1.1 切片生成代码操作讲解
    • 在PS选择“切片工具”命令，选择需要切片的区域进行切片
  • 10.1.2 热点链接的使用方法
    • “购买”按钮，当鼠标光标悬停到该区域上方时会出现手掌形状，这表明单击该按钮可以跳转至其他页面
  • 10.1.3 动态效果图片变换的制作
    • 当鼠标光标经过当前一张图片时,会变换成另一张图片
  • 10.1.4 水平滚动图片效果的制作
    • 利用无限滚动效果来呈现产品，使网店能动静结合
  • 10.1.5 轻松获取常见代码步骤一览
    • 码工在线是一站式电商装修服务平台， 专注于开发简单实用的电商装修工具， 致力于装修模块的不断推陈出新， 进入码工在线首页后可以根据店铺类型筛选代码
• 10.2 涨知识
  • 10.2.1 打造营销型网店的秘诀
    • 以买家为中心
    • 提升用户体验
  • 10.2.2 测评视觉营销的效果
    • 进入卖家中心，单击“生意参谋”超链接即可进入生意参谋页面， 可以查看到网店的访客数、支付买家数、浏览量以及店铺流量来源等数据信息
    • 跳失率、下单转化率、支付转化率以及平均停留时长等 都是可以反映网店视觉营销效果的重要指标
  • 10.2.3 好品牌，要有读心的文案
    • 讲故事
    • 善用问句
    • 使用数字