网站原型设计工具设计的原型有几种

摘要：原型设计工具在设计原型时，按照保真度的不同，可分为低保真原型、中保真原型和高保真原型三种，一般主要是根据视觉细化、功能广度、功能深度、交互性和数据模型五个维度来进行评估的。制作原型的时候，原型设计保真度太高或太低都不好，设计师应根据目标和产品所处的阶段来选择适当的保真度原型。下面一起来了解一下网站原型设计工具设计的原型有几种吧。

一、网站原型设计工具设计的原型有几种

原型设计工具有在线的网站版和客户端版，不管是哪种原型设计工具，其设计的原型都是一样的，原型类型一般按保真度分为低保真原型、中保真原型和高保真原型三种：

1、低保真原型

低保真原型呈现的是初步的概念和想法，可以使用不同的媒介，拥有不同尺寸的原型界面。这种原型是最简单和便宜的，更换成本最低，包括草图、纸质原型、线框图等：

（1）草图：草图是最初的想法或假设，基于业务流程的梳理，结合信息架构，将核心的用户操作界面绘制出来，可以是白板草图，纸质草图等。通过绘制大量不同的版本来考虑解决界面交互的不同方法。

（2）线框图：信息架构和草图可以快速演变成线框图。线框图是静态的页面布局，让我们思考如何在屏幕上放置不同元素，更好的将信息架构可视化。低保真的线框图没有视觉设计，交互方面有也只是简单的跳转事件，大多数都使用灰色色阶和占位符来指示内容。

2、中保真原型

中保真原型在某些方面看起来像最终产品，它在成本和价值之间取得平衡，将视觉、交互和展示媒介结合在一起。包括可点击的原型、编码原型等，用户基于中保真原型能够完成一个任务的闭环，也就是通过与原型界面的交互完成工作任务。

（1）可点击的原型：一般使用原型设计软件构建页面，并给每个页面增加交互式元素，做到页面之间可进行交互。

（2）编码原型：会编码的产品，可以选在浏览器中创建中保真原型。这要求产品懂得HTML，CSS等技术，可以简单的构建中保真原型，这种原型展示出的效果，就跟真实的界面很逼真。

3、高保真原型

高保真原型经过视觉设计，这些原型具有真实界面的高度一致，数据的高度仿真，交互和动画也具备，用户能够与之进行交互。虽然看起来像真的一样，但它仍然是一个原型。

二、怎么评估原型设计的保真度

原型设计通常是从低保真开始，并逐渐提高到高保真的水平，一般保真度的评估主要是看五个方面：

1、视觉细化：指在界面中视觉像素级别设计的投入。

2、功能广度：指原型中涵盖了多少大的功能点。

3、功能深度：表明原型各个功能的详细程度如何。

4、交互性：表示应用程序或产品的交互部分如何显示给用户。

5、数据模型：包含用户在界面中交互的内容以及产品前端和后端使用的数据。

三、如何选择合适的原型类型

原型设计工具设计的原型类型可分为三类，选择时并不一定保真度越高越好，如果原型保真度过高，用户就会以为设计已经完成，过分关注细节，而忽略整体方案；但原型保真度太低也不行，用户可能会迷失方向，不理解原型的目的是什么。

一般来说，设计师需要根据目标和产品所处的阶段来选择适当的保真度原型，在制作原型所花费的时间和验证原型带来价值之间取得平衡。