原型设计基础与案例实战第1章（编定）

《原型设计基础与案例实战第1章（编定）》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、第1章基础本章将介绍Axure的基础知识。首先，介绍Axure的用处，并介绍一些案例，看看Axure可以做出什么样的原型。然后，开始介绍Axure软件界面。最后，初学者可以利用这些基础知识动手做出第一个原型。1.1Axure是干嘛用的本节将介绍Axure在实际工作中的作用。并展示几个Axure做出的案例，了解Axure可以做出什么样的原型。1.1.1Axure是原型设计软件Axure是一款专业的原型设计软件，是最流行的原型工具之一。它能快速、高效地演示产品,准确地表达产品设计人员的意图和想法。Axure的特点是交互功能非常强大。不需要写一行代码，就能实现非常复杂的交互效果。逼

2、真的交互效果能准确地表达设计者的需求。在互联网公司，原型贯穿于整个产品开发流程屮。•在需求分析阶段：产品经理根据用户需求通过Axure制作出产品的原型。•产品讨论阶段：原型制作完后，产品经理可以拿着原型给客户、领导、同事演示。相比随手绘制的草图、示意图，可交互的Axure原型可以让大家更加直观的了解到未來产品的样子，便于团队进行讨论和修改。在获取反馈后在Axure中即时修改原型，快速形成一个大家共同认可的产品设计。•UI设计阶段：设计部门的同事会参考原型，做出界面的设计图。•研发阶段：研发部门的同事会参考原型，实现产品的各项功能。产品开发就这么一步一步实现了。可以说，制作原型

3、是产品经理必备的技能。学习制作优秀的原型是成为产品经理的第一课。1.1.2Axure原型案例Axure最初的版木是用来制作网页原型的。但是随着功能的迭代，和周边资源的完善，现在的Axure已经可以制作各种互联网产品的原型了。下面列举一些案例。1.电商网站原型Axure可以做出页面跳转、切换、弹窗等常用的交互效果。比如，图1-1中的原型可以按类别、价格范围筛选商品列表。单击“排序”，可以弹出选择排序方式菜单；单击商品图，可以进第1章基础本章将介绍Axure的基础知识。首先，介绍Axure的用处，并介绍一些案例，看看Axure可以做出什么样的原型。然后，开始介绍Axure软件界面

4、。最后，初学者可以利用这些基础知识动手做出第一个原型。1.1Axure是干嘛用的本节将介绍Axure在实际工作中的作用。并展示几个Axure做出的案例，了解Axure可以做出什么样的原型。1.1.1Axure是原型设计软件Axure是一款专业的原型设计软件，是最流行的原型工具之一。它能快速、高效地演示产品,准确地表达产品设计人员的意图和想法。Axure的特点是交互功能非常强大。不需要写一行代码，就能实现非常复杂的交互效果。逼真的交互效果能准确地表达设计者的需求。在互联网公司，原型贯穿于整个产品开发流程屮。•在需求分析阶段：产品经理根据用户需求通过Axure制作出产品的原型。•

5、产品讨论阶段：原型制作完后，产品经理可以拿着原型给客户、领导、同事演示。相比随手绘制的草图、示意图，可交互的Axure原型可以让大家更加直观的了解到未來产品的样子，便于团队进行讨论和修改。在获取反馈后在Axure中即时修改原型，快速形成一个大家共同认可的产品设计。•UI设计阶段：设计部门的同事会参考原型，做出界面的设计图。•研发阶段：研发部门的同事会参考原型，实现产品的各项功能。产品开发就这么一步一步实现了。可以说，制作原型是产品经理必备的技能。学习制作优秀的原型是成为产品经理的第一课。1.1.2Axure原型案例Axure最初的版木是用来制作网页原型的。但是随着功能的迭代，

6、和周边资源的完善，现在的Axure已经可以制作各种互联网产品的原型了。下面列举一些案例。1.电商网站原型Axure可以做出页面跳转、切换、弹窗等常用的交互效果。比如，图1-1中的原型可以按类别、价格范围筛选商品列表。单击“排序”，可以弹出选择排序方式菜单；单击商品图，可以进入商品详情页面……甚至可以下单。除了商品不会邮寄到家，其他购物流程的体验完全可以做到和真实电商网站一模一样。类别全部I创内盘INEW!凉居IB卫；1360丽人(991)如(991)价咯范国掩序悄■»高时怡坚果缤纷大礼盒(6瑞装2015限孟版)已第034市场16染分时怡坚果缤纷大礼盒(6緒装2015限量版)已

7、J52034弗旳介43^168积分,0000<上一页78……20下一页>图1-1电商网站原型2.数据后台原型Axure的控件非常丰富，简单组合就能做出折线图、饼图等各种图。图1・2中的折线图就是用“水平线”元件变形画出來的；图中的饼图是用“椭圆形”、“饼图”元件组合画岀來的。>rz◎dP<2)jituo■一®«=®已Mt234234hMM24211%图1-2数据后台原型3.直播APP原型Axure的排版、图片剪裁、编辑功能非常强大。图1-3中，左图中正方形的原图编辑出了圆角，右图中正方形的头像剪裁为圆形