八、产品设计：原型设计
先推荐几篇不错的文章，深入学习产品原型设计：
- ：介绍了原型的元素、元素注释以及功能埋点，并附加了几张案例原型图。
- ：操作性较强的一篇文章，介绍了如何从需求出发，到穷尽入口，到将业务流程及用户操作流程转化为页面，再到添加元素、控件、页面跳转，最后优化视觉逻辑和功能预见性。
1. 原型设计
原型设计：产品经理给设计的图
常用工具：Axure、Sketch（强烈推荐）、墨刀等
原型顺序：手绘稿、低保真、高保真
推荐书籍：《设计基础》
2. 注意事项
- 原型设计需要和功能设计、流程设计保持一致
- 注意页面协调性，切忌一个操作多个样式和交互操作
- 原型需要考虑对应交互
3. 原型设计三大部分
- 页面流程图
- 产品交互：产出PRD
- PRD：给开发、设计的文档；不需要太多演示；图文介绍，预期效果
4. 原型设计进阶
-
有底部tag栏的设计
- tag数量：3-5个
- 顺序：整体页面概括-重要页面-次重要页面-个人中心；产品主要功能-次要功能或服务-消息通知-个人中心
- 如果有5个tag，往往居中的是该app最主要的功能
- 作用：让用户快速找到对应的服务，对这个app有清晰的认知和感知
2. 无底部tag栏的设计
- 常见于欧美风app
- 强调个人中心
- ios和安卓版本有部分交互区别
- 能突出首页重点
3. 列表页筛选项设计
- 作用：快速筛选到信息
- 顺序：一般前几个tag做的是筛选，后几位做的是排序
4. 评论机制
5. 常用的导航签设计
6. 吸附设计
7. 表单设计
- 电商feed流