导图社区 网店手机详情页设计方法培训方案思维导图
网店手机详情页设计方法培训方案思维导图,整理了发展趋势、无线浏览类型、移动端装修、移动端与移动端的区别的内容,大家可以学起来哦。
网店详情页排版方法分享~包括中心页面组成,优质详情必备,详情页的排版参考方法。感兴趣的小伙伴可以看看哦~
喷绘色彩基础培训方案,内容涵盖色彩基础,喷绘写真。框架清晰,内容丰富,希望对小伙伴有所帮助哦~
酒窖营销计划方案,包括结果目标,过程目标。框架清晰,内容丰富,有需要的小伙伴可以看看哦~ 可供大家参考,借鉴,交流。
社区模板帮助中心,点此进入>>
电商部人员工作结构
组织架构-单商户商城webAPP 思维导图。
供应链类型
供应链管理平台
2018营销五现象
双十一活动实行思维导图
天猫双十一策划
项目流程图
售后部工作流程思维导图
万人团队涨粉丝培育转化技巧
网店手机详情页设计方法培训方案思维导图
发展趋势
2016年成交情况
移动端占81.9%
PC端约18.1%
无线浏览 类型
等待型
乘坐公交、地铁,等车……
强迫型
睡前、上厕所玩手机
无聊型
吃饭、聚会无聊等待
幽灵型
随时随地,无规律
拍立淘
线下逛街,线上购物
为了省钱
移动端装修
装修内容
1、产品详情页
各平台特点
竖屏
屏幕变窄、变长
PC端的图文直接用到移动端,图文变小
图文需要放大才能看清
耽误顾客时间
京东
图片尺寸
宽:640PX
高:≤960PX
图片容量
单张≤100KB
总量≤3000KB
图片数量
5≤图片数量≤30
图片格式
PNG/GIF/JPG
字号
≥20号
淘宝
可直接将PC端详情页一键生成移动端详情页
图片容量≤2560KB
神笔
可编辑2000KB
发布手机版详情页的规范
1、基本要求
详情页总量大小:
图片+视频+音频+文字≤1.5MB
图片仅支持
PNG/GIF/JPG格式
建议:
图片都是宝贝相关的图片
2、图片要求
宽度:480-620PX
按620像素做
高度:≤960PX
格式:PNG/GIF/JPG
3、文字要求
中文字体
≥30号
英文及阿拉伯字体
4、音频
可选
只能添加1个
时长:不超过30秒
大小:不超过200KB
格式:仅支持MP3格式
内容
产品卖点
产品特色
产品优惠
品牌故事
围绕这些展开
天猫
宽:750-1242px
高:≤1546PX
≤20
天猫详情页装修
1、手机的像素精度存在差异
以1080×1920的分辨率为标准设计
2、产品过多时,该如何量产详情页
产品详情页排版模板化
主推产品要“私人订制”排版展现风格
后续有时间再慢慢优化迭代
如何优化
不同平台的优化方案不一样
删减
场景效果图
采用实拍
移动端看不到颜色选项图片
颜色尺寸选线过小
实拍展示产品的颜色种类及尺寸
客户不一定能看懂酷炫的合成场景
英语及配图
装饰性的英文
字体太小看不清
国内的客户看不懂
配图
过多的文案和卖点
PC端展示4个以上卖点
每个卖点需要大量的图片文字说明
内容过多,客户不一定细看
占用空间,文字内容变小,不想放大看
文字过小,不清晰
视觉疲劳
客户没有足够时间去细看
改进办法
提炼核心卖点
保留2个左右
细节和文案放大
细节无需保留过多
细节太多占空间
尽量一屏展示
620×960PX
字体要够大
副标题≥20号
主标题≥36号
产品图片放大
摆放方式适当修改
长方形的竖着放
正方形的斜着放
增加模特实拍
增强客户的代入感
2、无线端首页
3、活动承接页
4、H5页面
装修注意事项
1、无线端不是PC端的直接缩放
2、每一屏的分割要明确
不宜太重口味的条幅
上下屏分割
3、字号
至少是PC端的150%以上
4、适合左对齐的方式排版
移动端与移动端的区别
1、翻转90°
PC端:宽1920×高1080
移动端:宽1080×高1920
同样的分辨率,面积缩小,精度更高
2、面积更小,精度更高
3、阅读习惯改变
PC端
从左到右跨幅 太大
为了美观,居中排版
移动端
左对齐排版才不会引起视觉疲劳
4、用户行为变化
1、上下滑动
参考H5手机滑动效果
2、鼠标滑过触发与点击行为
鼠标经过时,视觉改变
鼠标点击后,视觉改变
3、按键输入
2、点击行为
手机无法实现滑过触发
需要使用按钮图标、箭头
引导用户点击
需要天出输入法键盘才能输入