Axure自学笔记1 – 入门 – 制作线框图

产品原型图(prototype)的作用

1.产品研发前,用于描述产品设计的文档(UI样式、交互动作)

2.沟通需求的工具(客户、领导,研发团队)

以下先说明一下三种类型的原型图:

1.线框图

通过【线段+色块+文字】描述产品页面,制作快速传递信息容易遗漏

应用场景:早期方案的讨论,需要快速输出。

具体样例如下:

2.高保真图

高度还原产品运行效果,包括【设计+交互】的保真度,还原度高耗时长

应用场景:客户/大领导沟通,产品设计思路的完整展示,求职能力体现。

具体样例如下:

3.简易产品需求文档(PRD)

除了页面外,描述更多业务逻辑与辅助说明,指导产品研发。

具体样例如下:

实例:用Axure制作一个线框图(朋友圈)

小技巧:

1. 当找不到一样的颜色时,可以点击填充 ->滴管

2. 不同元件之间的位置比较,可以长按拖动标尺

3. 小图标按住shift可以等比例缩放(或直接改比例,锁定宽高比)

4. 同一行四个原件摆正可以使用水平分布

5. 图形右击可以选择具体形状(按住ctrl可旋转)

6. 矩形左上角的黄色箭头,按住拖动可以使尖角变圆角(右侧样式也可)

实践成果2个,左边为朋友圈原图,右边为Axure制作的线框图:

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注