一、網站原型設計工具設計的原型有幾種

原型設計工具有在線的網站版和客戶端版，不管是哪種原型設計工具，其設計的(de)原(yuan)型(xing)(xing)都(dou)是一(yi)樣的(de)，原(yuan)型(xing)(xing)類型(xing)(xing)一(yi)般按保(bao)真度分為低保(bao)真原(yuan)型(xing)(xing)、中保(bao)真原(yuan)型(xing)(xing)和(he)高保(bao)真原(yuan)型(xing)(xing)三種(zhong)：

1、低保真原型

低保真原型(xing)呈(cheng)現的是初步的概念和(he)想法，可(ke)以使用不(bu)同的媒介(jie)，擁有不(bu)同尺寸的原型(xing)界面。這種原型(xing)是最(zui)簡單(dan)和(he)便(bian)宜的，更換成本最(zui)低，包括草圖、紙質原型(xing)、線框(kuang)圖等：

（1）草圖：草圖是最初(chu)的(de)(de)想法或(huo)假設，基(ji)于(yu)業務流程的(de)(de)梳理(li)，結合(he)信息架(jia)構，將核心的(de)(de)用(yong)戶操作界(jie)面繪(hui)制出來，可以是白板草圖，紙質草圖等。通過繪(hui)制大量不同的(de)(de)版(ban)本(ben)來考(kao)慮(lv)解決界(jie)面交互的(de)(de)不同方(fang)法。

（2）線(xian)框圖：信(xin)息(xi)架構和草圖可以快速演變(bian)成線(xian)框圖。線(xian)框圖是靜態的(de)(de)(de)頁面布(bu)局，讓我們思考如何在(zai)屏幕上放置(zhi)不同元素，更好(hao)的(de)(de)(de)將信(xin)息(xi)架構可視(shi)化。低保真的(de)(de)(de)線(xian)框圖沒(mei)有視(shi)覺設計(ji)，交互方面有也(ye)只(zhi)是簡(jian)單(dan)的(de)(de)(de)跳(tiao)轉(zhuan)事件，大(da)多數都使用灰色(se)(se)色(se)(se)階和占位符來指示內容。

該圖片由注冊用戶"荊湖酒徒"提供，版權聲明反饋

2、中保真原型

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

（1）可點擊的(de)原型：一(yi)般使用原型設計軟(ruan)件構建頁(ye)面，并給(gei)每個頁(ye)面增加(jia)交(jiao)互(hu)式元素，做到(dao)頁(ye)面之間可進行交(jiao)互(hu)。

（2）編(bian)碼(ma)原型(xing)：會編(bian)碼(ma)的產品，可以選在瀏(liu)覽器中(zhong)創建中(zhong)保真原型(xing)。這要求產品懂(dong)得HTML，CSS等(deng)技術，可以簡(jian)單的構(gou)建中(zhong)保真原型(xing)，這種原型(xing)展示出的效果，就跟真實的界面(mian)很逼真。

3、高保真原型

高保真原(yuan)型(xing)(xing)經過視覺設計，這些原(yuan)型(xing)(xing)具有真實界面的(de)高度一(yi)致，數據的(de)高度仿(fang)真，交互(hu)和動(dong)畫也具備，用戶能夠與之進(jin)行交互(hu)。雖(sui)然看(kan)起來像真的(de)一(yi)樣，但它(ta)仍(reng)然是一(yi)個原(yuan)型(xing)(xing)。

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

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

1、視覺(jue)細化：指(zhi)在界(jie)面中(zhong)視覺(jue)像素級(ji)別設計(ji)的(de)投入。

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

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

4、交互性：表示應用(yong)程(cheng)序或(huo)產品的(de)交互部(bu)分(fen)如何顯示給用(yong)戶。

5、數(shu)據模型(xing)：包含用戶在界面中交互的內容以及產品(pin)前端(duan)和后端(duan)使用的數(shu)據。

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

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

一般來(lai)(lai)說(shuo)，設(she)計(ji)師需要根據目標和產品所處的階(jie)段來(lai)(lai)選擇適當的保真度原(yuan)型(xing)，在制作(zuo)原(yuan)型(xing)所花(hua)費的時間和驗(yan)證原(yuan)型(xing)帶來(lai)(lai)價值之(zhi)間取得平衡。