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

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

1、低保真原型

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

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

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

2、中保真原型

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

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

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

3、高保真原型

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

二、怎么評(píng)估原型設(shè)計(jì)的保真度

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

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

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

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

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

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

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

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

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