移动端原型图界面规范
界面组成部分
状态栏：375*20（非固定）
导航栏：375*44
标签栏：375*49
内容区：375*554（非固定）
功能逻辑结构
页面：底部标签栏
模块：间距隔离
功能：功能点名称
字段：具体文案表达面
元素层级对比
大小：从大到小
明暗：黑色，深灰，中灰，浅灰，白色
加粗：加粗，不加粗
前后：前置，后置，固定位置
需求与层级的关系
核心：需求频率越高，层级越高；需求频率越低，层级越低
层级关系的深层原理：提高用户寻找目标信息的效率与速度
前提：用户对不同功能的需求频率不一样
启示：不同功能的位置大小与层级关系必须不一样
产品经理的双面
1、迎合用户需求；2、引导用户需求
（1）根据用户需求频率，决定功能的层级关系
（2）通过改变功能层级关系，来改变用户的使用频率
文字大小对比
10号字：极小字，罕见，少用
11号字：最小号，常见，少用，灰色提示语
12号字：较小字，常用，常见，二级字
13号字：标准大小，正文，新闻资讯，聊天内容
14号字：较大字，小标题，模块标题
16号字：最大号，导航栏大标题，只用于大标题
18号字：极大字，广告性质文字，少用
移动端重要二级页面
内容列表页
商品列表 餐厅列表 课程列表
资讯列表 职位列表 视频列表
频道列表 话题列表 人物列表
景区列表 租房列表 酒店列表
汽车列表 理财列表 更多
内容详情页
商品详情页 餐厅详情页 资讯详情页
个人主页 店铺主页 问答主页
话题主页 景区主页 更多
确认订单页
地址管理 收货人管理
订单链接 订单数据
支付方式 合计支付
支付弹层页
支付宝支付 输入密码支付 其他支付弹层
订单管理页
全部，待支付，待发货，待收货，待评价
退换货页面
积分商城页
积分规则 积分明细
积分任务 商品列表
活动落地页
活动规则
活动进度
参与方式
已参加用户
修改资料页
数据统计页
视觉图转原型图
1、区域与结构大小、位置不变
2、文字内容不变，大小不变，粗细不变
3、图标位置不变，大小不变，圆角矩形
4、间距不变，边距不变
5、白色依然是白色
6、浅灰色依然是浅灰色
7、黑色/彩色 变成 黑色/深灰色
