4.3-软件开发中，“原型图”的作用与绘制方法说明

一、为什么要绘制软件原型图

原型图的作用
原型图是一种动态模拟软件最终形态的图。原型图主要用于和领导或目标客户确认软件的最终呈现效果。原型图可以生动的展示最终效果并支持初步的模拟操作和测试，因此可以用于验证软件设计理念，以及接收修改意见和设计缺陷反馈。虽然绘制原型图会花费一些时间，但是能避免之后多次修改软件造成的额外人工浪费和资金浪费。
一般来说，绘制原型图和软件功能的确定是由"产品经理"来完成的。最终软件漂亮的外观还需要UI设计师来设计。这就需要产品经理告诉ui设计师傅最终要的软件界面布局。而这个时候“原型图”就是最直观有效的交流方式了，即所谓的“一图胜千言”。因此原型图是UI设计师设计软件最终效果的重要依据。
原型图并不是“线框图”
线框图是是使用用纸和笔绘制的一种静态的呈现方式的图纸。只要简要描述出内容大纲、信息、布局、界面交互方式即可。线框图经常应用在非正式场合，比如团队内部讨论的时候。
展示一个示例原型图效果
接下来会说明设计这样一个原型图的方法和步骤。使用原型图动态交互的示例如下：

二、常用原型图绘制工具介绍

常用的原型图工具推荐

Axure RP
这个工具是“产品经理”常用的专业原型图设计工具。没有什么缺点，所以你需要的功能都有。软件容易上手，拿起来就可以绘制。对于软件的高级功能可以买一个书专门学习。
墨刀
是一个web类型的原型图设计工具。不用安装，直接在浏览器打开即可使用。免费可以绘制4个软件的原型图，会员没有限制。这个软件的特点是便于分享。体验原型图的人在浏览器直接打开就能体检软件使用效果。尤其适用于手机app原型图设计。缺点是不能保存离线工程文件。只能保存一份静态网页。

三、原型图绘制方法介绍

举例使用Axure RP绘制一个“导入对话框”
1.1 使用Axure RP新建一个文档
1.2 从左侧工具栏拖动一个“Box1”到工作空间，并调整为对话框大小如下图所示：

1.3 从左侧工具栏拖动一个“Box1”到工作空间，并调整尺寸和位置，形成对话框的TitleBar，如下图所示：

1.4 从左侧工具栏依次拖动“Label”到对话框中，并输入“名称”，如下图所示：

1.5 从左侧工具栏依次拖动“Box1”到对话框中间，形成两个“输入框”，如下图所示：

1.6 从左侧工具栏依次拖动“Button”到对话框中间，形成对话框的按钮，如下图所示：

1.7 从左侧工具栏拖动一个Box1到TitleBar形成关闭按钮的外框，如下图所示：

1.8 从左侧工具栏选择“图标”，选择并拖动一个“X”按钮到TitleBar，调整大小形成关闭按钮，如下图所示：

1.9 给背景和Titlebar配上合适侧色彩，最终效果如下图所示：
举例说明“链接动作”的方法
比如制作一个点击主界面的“删除”按钮，软件页面跳转到“删除对话框”的动作。实现步骤如下图所示：

四、完整的“电子书阅读器”原型图设计

“电子书阅读器”原型图的各个页面的截图如下
“电子书阅读器”原型图的“Axure RP”工程文件下载地址
点我获取工程文件

4.3-软件开发中，“原型图”的作用与绘制方法说明相关推荐

利用visio在软件开发中各种图
UML--示范.(用例图.类图.序列图.时序图.包图....) 2010-12-19 14:39 物理上的硬件使用节点nodes表示.每个组件属于一个节点.组件用左上角带有两个小矩形的矩形表示. 转载 ...
低代码/无代码平台在软件开发中的应用
随着技术的不断发展,软件开发也在不断地进步.低代码/无代码平台已经成为软件开发的一个新的趋势.在这篇文章中,我们将深入探讨低代码/无代码平台在软件开发中的应用,包括它们的优势.如何选择合适的平台以及如 ...
软件开发中会使用到的图
文章目录软件开发中会用到的图一.背景二.图为了解决什么问题三.不同流程中适合运用的图四.实际的运用五.结语软件工程中的各种图软件工程用的15种图数据关系流图怎么画?这款软件教你轻松绘 ...
No Silver Bullet: Essence and Accidents of Software | 没有银弹：软件开发中的主要问题和次要问题
本文系软件工程中著名的一篇论文:No Silver Bullet: Essence and Accidents of Software 1 @Author:Frederick P. Brooks, J ...
建模语言UML在软件开发中的应用
建模语言 UML 在软件开发中的应用摘要:UML( Unified Modeling Language)是建立系统模型和分析业务处理流程强有力的工具,它能够帮助软件开发人员从不同角度描述系统,使 ...
软件开发中的需求分析
随着数字化智能化技术的普及,越来越多的企业希望建立自己的数字化系统来加强自身在市场中的竟争力.软件是实现数字化必不可少的一个环节,而决定软件成功的基础步骤就是要做好需求分析,下面和大家分享一下软件的需 ...
STL文件在医学软件开发中的应用
本文由Markdown语法编辑器编辑完成. 1. 什么是STL文件? STL(Stereolithography,光固化立体造型术的缩写)文件格式,是由3D SYSTEMS公司于1998年制定的一个接 ...
软件开发中常见知识总结
最近在准备软件开发的笔试面试,复(yu)习(xi)了一些在软件开发中的常见知识.为了给自己攒点RP,故与大家分享一二. 软件开发需要准备的比较多,主要分为编程语言,数据结构和算法,计算机网络,计算机操 ...
软件开发中的瀑布模型
软件开发的流程软件开发的流程有很多种模型,这里讲的一种软件开发的流程是瀑布模型瀑布模型是将软件生存周期的各项活动规定为固定顺序的若干阶段工作,最终得到软件产品. 他的核心思想是按工序将问题 ...
软件开发中的角色分工
软件开发中的角色分工文章目录软件开发中的角色分工一.项目经理二.产品经理三.UI设计师四.架构师五.开发工程师六.测试工程师七.运维工程师一.项目经理对整个项目负责,任务分配,把 ...

4.3-软件开发中，“原型图”的作用与绘制方法说明

一、为什么要绘制软件原型图

二、常用原型图绘制工具介绍

三、原型图绘制方法介绍

四、完整的“电子书阅读器”原型图设计

4.3-软件开发中，“原型图”的作用与绘制方法说明相关推荐

最新文章

热门文章