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

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

1,、低保真原型

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

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

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

2,、中保真原型

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

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

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

3,、高保真原型

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

二,、怎么評估原型設(shè)計的保真度

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

1、視覺細(xì)化：指在界面中視覺像素級別設(shè)計的投入,。

2,、功能廣度：指原型中涵蓋了多少大的功能點(diǎn)。

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

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

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

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

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

一般來說,，設(shè)計師需要根據(jù)目標(biāo)和產(chǎn)品所處的階段來選擇適當(dāng)?shù)谋Ｕ娑仍停谥谱髟退ㄙM(fèi)的時間和驗證原型帶來價值之間取得平衡,。