优质产品详情页

优质产品详情页制作思维导图，如何制作优质的产品详情页及详情页设计实战分析

优质产品详情页

• 如何打造优质产品详情页
  • 意义
    • 产品意义
      • 介绍相关卖点
    • 商业意义
      • 视觉包装，吸引用户购买
  • 技巧
    • 设计尺寸
      • 宽度750PX-800PX可适配移动端和网页端
    • 字体应用
      • 字体大小
        • 一级标题：40PX
        • 二级标题：24px
        • 描述文字：20px
      • 字体选择
        • 衬线字体
          • 文艺、气质
        • 非衬线字体
          • 适合大部分使用
    • 字间距、行高
      • 间距：0
      • 行高：字体大小1.5倍
    • 图片技巧
      • 使用场景图，增加视觉冲击力，提升品牌感
      • 尽量使用真实的商品图片
      • 图片保持统一风格调性，营造品牌氛围
    • 图形图标
      • 利用图形点缀页面，突出设计调性，加强内容节奏感
        • 根据风格找对应元素
      • 合理利用图标点缀
        • 更简洁有趣的形式
    • 版式技巧
      • 多使用留白
      • 明显的标题，清晰的内容区分
      • 平面设计的借鉴，杂志化的排版
    • 详情页参考案例
      • 严选
      • 造作
      • 苹果
• 详情页设计实战
  • 组成
    • 商品卖点
      • 设计卖点
      • 功能卖点
      • 材料卖点
      • 品牌卖点
    • 商品细节
      • 商品某细节部位的特写，让用户了解细节品质
    • 商品参数
      • 商品特征值，一般以尺寸规范、颜色为主
    • 品牌故事
      • 商品故事
        • 历程
      • 产品故事
        • 产品由来
    • 使用说明
      • 使用方法
      • 保养说明
  • 案例
    • 小香风连衣裙，风格：简洁文艺
      • 商品卖点
        • 详情页头图使用黄金分割比例，突出首屏视觉效果
        • 体现简洁文艺气质
        • 功能特点设计，在排版上充分利用留白，让页面透气舒适
        • 使用统一的中轴线对齐方式
        • 字体设计，符合设计风格的字体，统一字体颜色，加强调性
          • 标题：康熙字典体
          • 描述：华文中宋
        • 简洁的图形图标，加强设计细节，突出调性
          • 简洁风格：线条
      • 品牌故事和细节
        • 使用明确的标题划分模块，保持页面信息架构清晰
        • 细节图片要求清晰直观
        • 品牌故事，以地图影响力形式展现
      • 产品参数和使用说明
        • 利用简洁的线条，使场景及标题，增加设计感
        • 设计时文字要有适合行高及段距
  • 总结
    • 图片
      • 黄金比例尺寸
      • 清晰、符合调性
    • 字体
      • 非衬线字体
      • 统一颜色
      • 两种以内
      • 标题与描述文字区分开
    • 版式
      • 多留白
      • 图文结合
      • 内容模块区分明显
    • 页面颜色
      • 多以中性色，白、灰百搭
      • 用匹配商品调性的点缀色
    • 图标图形
      • 简洁的线条