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