一、原型设计

1、原型设计是什么

原型是一种让用户提前体验产品、交流设计构想、展示复杂系统的方式。就本质而言，原型是一种沟通工具。

线框图描绘的是页面功能结构，它不是设计稿，也不代表最终布局，线框图所展示的布局，最主要的作用是描述功能与内容的逻辑关系。

原型图是最终系统的代表模型或者模拟，比线框图更加真实、细致。

2、原型设计的目的

很难想象一个没有原型的产品是如何诞生的。

原型设计的核心目的在于测试产品，没有哪一家互联网公司可以不经过测试，就直接上产品和服务。

原型在识别问题、减少风险、节省成本等方面有着不可替代的价值。

虽然需求文档也是可以满足沟通需求的，通过用例将交互写到设计描述文档中，但是原型可以更详细地解释交互。

你可以用屏幕录制软件或者用一只手机对着屏幕拍摄下你操作原型的过程，边录制可以边评论，比如：“我现在有点晕了，不知道该怎么操作，或许点击这里看看……哎呀，好像点错了。”

3、原型设计的流程

开始做原型之前，请先考虑清楚以下几个要素：

• 做这个原型的目的是什么？
• 这个原型的受众是谁？
• 这个原型有多大效率帮助我传达设计或测试设计？
• 有多少时间做原型？需要什么级别的保真程度？

二、原型设计工具

下面列举几种常见的原型设计工具的优缺点及其使用方法

Axure RP

Axure RP，即Axure RapidPrototyping是最常用的快速原型设计工具之一，能够快捷而简便的制作产品原型，快速绘制线框图、流程图、网站架构图、示意图、HTML模版以及交互设计，并可自动生成用于演示的网页文件和规格文件，以提供演示与开发。 应用于产品设计包括Web/移动端/客户端的产品，支持多人协作设计和版本控制管理。将设计、研发、产品、用研融为一体的快速工具。

适用人群：

主要包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师等。

优点：

1、操作复杂度介于Keynote/PPT和Adobe 家族之间；

2、拥有全套web控件库，直接拖拽即可快速制作网站原型；

3、丰富的动态面板可以用来模拟各种复杂的交互效果；

4、导出HTML后可以更加准确的传达信息架构和页面跳转；

5、便于与用户的需求验证，也帮助我们构思交互细节，使前端和开发人员更容易理解我们的产品。

缺点：

1、Axure的动态面板、中继器等功能都是强大的，但是不容易做到娴熟。

2、AXURE的素材这方面也是一个问题，大部分PM 都会在AXURE原型库、素材库去寻找相应的第三方素材库，进行载入，需要花费相应的时间。

使用方法：

用Axure RP 9对热力学计算的界面实现三种风格的改造：对话框方式、菜单方式、Tab栏方式

 上图为菜单方式，点击开始按钮即可选择功能

上图为对话框方式，点击中央三个按钮即可弹出相应的对话框。

上图为Tab栏方式，直接输入数据即可。

墨刀

墨刀是一款在线原型设计与协同工具，借助墨刀，产品经理、设计师、开发、销售、运营及创业者等用户群体，能够搭建为产品原型，演示项目效果。墨刀同时也是协作平台，项目成员可以协作编辑、审阅(4条消息) 软件原型设计实验报告 - CSDN

(4条消息) 墨刀使用总结_sysulmh的博客-CSDN博客_墨刀使用教程