一、網(wǎng)站原型設計工具設計的原型有幾種

原型設計工具有在線的網(wǎng)站版和客戶端版，不管是哪種原型設計工具，其設計的原型都是一樣的，原型類型一般按保真度分為低保真原型、中保真原型和高保真原型三種：

1、低保真原型

低保真原型呈現(xiàn)的是初步的概念和想法，可以使用不同的媒介，擁有不同尺寸的原型界面。這種原型是最簡單和便宜的，更換成本最低，包括草圖、紙質(zhì)原型、線框圖等：

（1）草圖：草圖是最初的想法或假設，基于業(yè)務流程的梳理，結(jié)合信息架構(gòu)，將核心的用戶操作界面繪制出來，可以是白板草圖，紙質(zhì)草圖等。通過繪制大量不同的版本來考慮解決界面交互的不同方法。

（2）線框圖：信息架構(gòu)和草圖可以快速演變成線框圖。線框圖是靜態(tài)的頁面布局，讓我們思考如何在屏幕上放置不同元素，更好的將信息架構(gòu)可視化。低保真的線框圖沒有視覺設計，交互方面有也只是簡單的跳轉(zhuǎn)事件，大多數(shù)都使用灰色色階和占位符來指示內(nèi)容。

2、中保真原型

中保真原型在某些方面看起來像最終產(chǎn)品，它在成本和價值之間取得平衡，將視覺、交互和展示媒介結(jié)合在一起。包括可點擊的原型、編碼原型等，用戶基于中保真原型能夠完成一個任務的閉環(huán)，也就是通過與原型界面的交互完成工作任務。

（1）可點擊的原型：一般使用原型設計軟件構(gòu)建頁面，并給每個頁面增加交互式元素，做到頁面之間可進行交互。

（2）編碼原型：會編碼的產(chǎn)品，可以選在瀏覽器中創(chuàng)建中保真原型。這要求產(chǎn)品懂得HTML，CSS等技術，可以簡單的構(gòu)建中保真原型，這種原型展示出的效果，就跟真實的界面很逼真。

3、高保真原型

高保真原型經(jīng)過視覺設計，這些原型具有真實界面的高度一致，數(shù)據(jù)的高度仿真，交互和動畫也具備，用戶能夠與之進行交互。雖然看起來像真的一樣，但它仍然是一個原型。

二、怎么評估原型設計的保真度

原型設計通常是從低保真開始，并逐漸提高到高保真的水平，一般保真度的評估主要是看五個方面：

1、視覺細化：指在界面中視覺像素級別設計的投入。

2、功能廣度：指原型中涵蓋了多少大的功能點。

3、功能深度：表明原型各個功能的詳細程度如何。

4、交互性：表示應用程序或產(chǎn)品的交互部分如何顯示給用戶。

5、數(shù)據(jù)模型：包含用戶在界面中交互的內(nèi)容以及產(chǎn)品前端和后端使用的數(shù)據(jù)。

三、如何選擇合適的原型類型

原型設計工具設計的原型類型可分為三類，選擇時并不一定保真度越高越好，如果原型保真度過高，用戶就會以為設計已經(jīng)完成，過分關注細節(jié)，而忽略整體方案；但原型保真度太低也不行，用戶可能會迷失方向，不理解原型的目的是什么。

一般來說，設計師需要根據(jù)目標和產(chǎn)品所處的階段來選擇適當?shù)谋Ｕ娑仍?，在制作原型所花費的時間和驗證原型帶來價值之間取得平衡。