产品原型图(prototype)的作用
1.产品研发前,用于描述产品设计的文档(UI样式、交互动作)
2.沟通需求的工具(客户、领导,研发团队)
以下先说明一下三种类型的原型图:
1.线框图
通过【线段+色块+文字】描述产品页面,制作快速 但 传递信息容易遗漏。
应用场景:早期方案的讨论,需要快速输出。
具体样例如下:

2.高保真图
高度还原产品运行效果,包括【设计+交互】的保真度,还原度高 但 耗时长。
应用场景:客户/大领导沟通,产品设计思路的完整展示,求职能力体现。
具体样例如下:

3.简易产品需求文档(PRD)
除了页面外,描述更多业务逻辑与辅助说明,指导产品研发。
具体样例如下:

实例:用Axure制作一个线框图(朋友圈)
小技巧:
1. 当找不到一样的颜色时,可以点击填充 ->滴管
2. 不同元件之间的位置比较,可以长按拖动标尺
3. 小图标按住shift可以等比例缩放(或直接改比例,锁定宽高比)
4. 同一行四个原件摆正可以使用水平分布
5. 图形右击可以选择具体形状(按住ctrl可旋转)
6. 矩形左上角的黄色箭头,按住拖动可以使尖角变圆角(右侧样式也可)
实践成果2个,左边为朋友圈原图,右边为Axure制作的线框图:

